npm - @verbb/plugin-kit-web - Versions diffs - 2.0.3 → 2.0.5 - Mend

@verbb/plugin-kit-web 2.0.3 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (192) hide show

package/dist/chunks/pk-dropdown-item-BFyjtsL5.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pk-dropdown-item-BFyjtsL5.js","names":[],"sources":["../../src/components/dropdown-menu/dropdown-menu-size.styles.ts","../../src/components/dropdown-menu/pk-dropdown-item.styles.ts","../../src/components/dropdown-menu/pk-dropdown-item.ts"],"sourcesContent":["import { css } from 'lit';\n\nconst dropdownMenuSizeTokens = {\n default: css`\n --pk-dropdown-item-padding-block: 8px;\n --pk-dropdown-item-padding-inline: 12px;\n --pk-dropdown-item-gap: 0.625rem;\n --pk-dropdown-item-font-size: var(--pk-font-size-base);\n --pk-dropdown-item-icon-size: 12px;\n --pk-dropdown-label-padding-inline: 12px;\n --pk-dropdown-label-font-size: 13px;\n --pk-dropdown-details-font-size: var(--pk-font-size-sm);\n `,\n xs: css`\n --pk-dropdown-item-padding-block: 3px;\n --pk-dropdown-item-padding-inline: 8px;\n --pk-dropdown-item-gap: 0.375rem;\n --pk-dropdown-item-font-size: 12px;\n --pk-dropdown-item-icon-size: 10px;\n --pk-dropdown-label-padding-inline: 8px;\n --pk-dropdown-label-font-size: 11px;\n --pk-dropdown-details-font-size: 11px;\n `,\n sm: css`\n --pk-dropdown-item-padding-block: 4px;\n --pk-dropdown-item-padding-inline: 10px;\n --pk-dropdown-item-gap: 0.4375rem;\n --pk-dropdown-item-font-size: 13px;\n --pk-dropdown-item-icon-size: 12px;\n --pk-dropdown-label-padding-inline: 10px;\n --pk-dropdown-label-font-size: 11px;\n --pk-dropdown-details-font-size: 12px;\n `,\n lg: css`\n --pk-dropdown-item-padding-block: 10px;\n --pk-dropdown-item-padding-inline: 14px;\n --pk-dropdown-item-gap: 0.75rem;\n --pk-dropdown-item-font-size: 16px;\n --pk-dropdown-item-icon-size: 14px;\n --pk-dropdown-label-padding-inline: 14px;\n --pk-dropdown-label-font-size: 14px;\n --pk-dropdown-details-font-size: var(--pk-font-size-sm);\n `,\n xl: css`\n --pk-dropdown-item-padding-block: 12px;\n --pk-dropdown-item-padding-inline: 16px;\n --pk-dropdown-item-gap: 0.75rem;\n --pk-dropdown-item-font-size: 18px;\n --pk-dropdown-item-icon-size: 16px;\n --pk-dropdown-label-padding-inline: 16px;\n --pk-dropdown-label-font-size: 15px;\n --pk-dropdown-details-font-size: var(--pk-font-size-base);\n `,\n} as const;\n\n/** Size tokens on `pk-dropdown-menu` — cascades to light-DOM menu children. */\nexport const dropdownMenuHostSizeStyles = css`\n @layer pk-component {\n :host {\n ${dropdownMenuSizeTokens.default}\n }\n\n :host([size='xs']) {\n ${dropdownMenuSizeTokens.xs}\n }\n\n :host([size='sm']) {\n ${dropdownMenuSizeTokens.sm}\n }\n\n :host([size='lg']) {\n ${dropdownMenuSizeTokens.lg}\n }\n\n :host([size='xl']) {\n ${dropdownMenuSizeTokens.xl}\n }\n }\n`;\n\n/**\n * Size tokens on popup panels.\n * Do not include bare `:host` here; importing this in `pk-dropdown-item`\n * would reset every item back to the default size.\n */\nexport const dropdownMenuPanelSizeStyles = css`\n @layer pk-component {\n .panel[data-size='default'],\n .submenu-panel[data-size='default'] {\n ${dropdownMenuSizeTokens.default}\n }\n\n .panel[data-size='xs'],\n .submenu-panel[data-size='xs'] {\n ${dropdownMenuSizeTokens.xs}\n }\n\n .panel[data-size='sm'],\n .submenu-panel[data-size='sm'] {\n ${dropdownMenuSizeTokens.sm}\n }\n\n .panel[data-size='lg'],\n .submenu-panel[data-size='lg'] {\n ${dropdownMenuSizeTokens.lg}\n }\n\n .panel[data-size='xl'],\n .submenu-panel[data-size='xl'] {\n ${dropdownMenuSizeTokens.xl}\n }\n }\n`;\n\n/** @deprecated Use dropdownMenuHostSizeStyles + dropdownMenuPanelSizeStyles. */\nexport const dropdownMenuSizeStyles = css`\n ${dropdownMenuHostSizeStyles}\n ${dropdownMenuPanelSizeStyles}\n`;\n","import { css } from 'lit';\n\nimport { popupContentAnimationStyles } from '../../styles/popup-content-animation.styles.js';\nimport { dropdownMenuPanelSizeStyles } from './dropdown-menu-size.styles.js';\n\nexport const pkDropdownItemStyles = [\n popupContentAnimationStyles,\n dropdownMenuPanelSizeStyles,\n css`\n @layer pk-component {\n :host {\n display: block;\n position: relative;\n }\n\n .item {\n display: flex;\n align-items: center;\n gap: var(--pk-dropdown-item-gap, 0.625rem);\n width: 100%;\n margin: 0;\n padding: var(--pk-dropdown-item-padding-block, 8px) var(--pk-dropdown-item-padding-inline, 12px);\n border: 0;\n background: transparent;\n color: inherit;\n font: inherit;\n font-size: var(--pk-dropdown-item-font-size, var(--pk-font-size-base));\n font-weight: normal;\n text-align: left;\n white-space: nowrap;\n cursor: default;\n user-select: none;\n outline: none;\n box-sizing: border-box;\n }\n\n .item:hover:not([disabled]):not([aria-disabled='true']),\n :host([data-highlighted]) .item,\n :host([submenu-open]) .item {\n background: var(--pk-color-slate-100);\n }\n\n .item:focus-visible {\n background: var(--pk-color-slate-100);\n }\n\n .item[aria-disabled='true'] {\n pointer-events: none;\n opacity: 0.5;\n }\n\n .label {\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .prefix {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: var(--pk-dropdown-item-icon-size, 12px);\n height: var(--pk-dropdown-item-icon-size, 12px);\n line-height: 0;\n }\n\n .prefix--empty {\n display: none;\n }\n\n .prefix ::slotted(*) {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: var(--pk-dropdown-item-icon-size, 12px);\n height: var(--pk-dropdown-item-icon-size, 12px);\n /* Kill pk-icon text-baseline nudge inside the padded flex row. */\n vertical-align: 0;\n }\n\n .prefix ::slotted(svg),\n .prefix ::slotted(*) svg,\n .prefix ::slotted(.pk-dropdown-item__prefix-icon) {\n display: block;\n width: var(--pk-dropdown-item-icon-size, 12px) !important;\n height: var(--pk-dropdown-item-icon-size, 12px) !important;\n max-width: var(--pk-dropdown-item-icon-size, 12px);\n max-height: var(--pk-dropdown-item-icon-size, 12px);\n flex-shrink: 0;\n pointer-events: none;\n }\n\n .details {\n margin-left: auto;\n color: var(--pk-color-gray-500);\n font-size: var(--pk-dropdown-details-font-size, var(--pk-font-size-sm));\n letter-spacing: 0.04em;\n }\n\n .details:empty {\n display: none;\n }\n\n .check {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 12px;\n height: 12px;\n color: var(--pk-color-gray-700);\n }\n\n .check svg {\n display: block;\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n pointer-events: none;\n }\n\n .submenu-icon {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 1rem;\n color: var(--pk-color-gray-700);\n }\n\n .submenu-icon svg {\n display: block;\n width: 1em;\n height: 1em;\n flex-shrink: 0;\n pointer-events: none;\n }\n\n .check {\n opacity: 0;\n }\n\n :host([checked]) .check {\n opacity: 1;\n }\n\n :host([type='checkbox']) .check,\n :host([type='radio']) .check {\n margin-left: auto;\n }\n\n :host([type='checkbox'][checked]) .check,\n :host([type='radio'][checked]) .check {\n opacity: 1;\n }\n\n .submenu-icon:empty {\n display: none;\n }\n\n :host([destructive]) .item {\n color: var(--pk-color-error);\n }\n\n :host([destructive]) .item:hover:not([disabled]):not([aria-disabled='true']),\n :host([destructive]) .item:focus-visible {\n color: var(--pk-color-error);\n }\n\n .submenu-panel {\n width: max-content;\n min-width: 8rem;\n overflow: hidden;\n padding: 4px 0;\n border-radius: var(--pk-radius-md);\n background: var(--pk-color-white);\n box-shadow: var(--pk-shadow-popup);\n /* Match root menu panel — Craft body text, not gray-900. */\n color: var(--text-color, var(--pk-color-gray-700));\n }\n\n .submenu-panel ::slotted(pk-dropdown-item),\n .submenu-panel ::slotted(pk-dropdown-separator),\n .submenu-panel ::slotted(pk-dropdown-label) {\n display: block;\n }\n\n .submenu-panel[hidden] {\n display: none !important;\n }\n }\n`,\n];\n","import { html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { check, chevronRight } from '@verbb/plugin-kit-icons';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { HasSlotController } from '../../internal/has-slot.js';\nimport { renderIconHtml } from '../../icons/render.js';\nimport {\n syncPopupPlacementAnimation,\n waitForPopupReposition,\n} from '../../utils/popup-placement-animation.js';\nimport { pkDropdownItemStyles } from './pk-dropdown-item.styles.js';\n\nconst CHECK_ICON = renderIconHtml(check);\nconst SUBMENU_ICON = renderIconHtml(chevronRight);\n\nexport type PkDropdownItemType = 'normal' | 'checkbox' | 'radio';\n\ntype PkDropdownMenuSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';\n\n/**\n * Dropdown menu item — use inside `pk-dropdown-menu`.\n *\n * @slot - Item label\n * @slot start - Leading icon (preferred; matches pk-button)\n * @slot prefix - Alias for `start` (legacy)\n * @slot details - Trailing shortcut text\n * @slot submenu - Nested menu items (`pk-dropdown-item`, separators, labels)\n *\n * @csspart item - Menu item button\n * @csspart prefix - Leading icon wrapper (hidden when empty)\n */\n@customElement('pk-dropdown-item')\nexport class PkDropdownItem extends PkElement {\n static override styles = pkDropdownItemStyles;\n\n @property()\n value = '';\n\n @property({ reflect: true })\n type: PkDropdownItemType = 'normal';\n\n @property({ attribute: 'radio-group' })\n radioGroup = '';\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Boolean, reflect: true })\n destructive = false;\n\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n @property({ attribute: 'submenu-open', type: Boolean, reflect: true })\n submenuOpen = false;\n\n /**\n * Roving highlight index for keyboard nav (`active`).\n * Visual chrome uses `:focus-visible` / hover — not this flag — so mouse-open\n * does not paint the first item selected (initial open).\n */\n @property({ type: Boolean })\n active = false;\n\n @state()\n private submenuAnimated = false;\n\n @query('.submenu-panel')\n private submenuPanelElement!: HTMLDivElement;\n\n @query('pk-popup')\n private submenuPopupElement!: HTMLElement;\n\n private readonly hasSlotController = new HasSlotController(this, 'submenu', 'details', 'start', 'prefix');\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.syncRole();\n this.syncSubmenuAria();\n this.addEventListener('click', this.handleHostClick);\n // Bind mouseenter on the host — covers the whole row, not just the button.\n this.addEventListener('mouseenter', this.handleMouseEnter);\n }\n\n override disconnectedCallback(): void {\n this.removeEventListener('click', this.handleHostClick);\n this.removeEventListener('mouseenter', this.handleMouseEnter);\n this.closeSubmenu();\n super.disconnectedCallback();\n }\n\n override updated(changed: Map<string, unknown>): void {\n if (changed.has('type') || changed.has('checked')) {\n this.syncRole();\n }\n\n if (changed.has('submenuOpen') || changed.size === 0) {\n this.syncSubmenuAria();\n }\n\n // Keyboard / external callers set `submenuOpen`; mouse path goes through openSubmenu().\n if (changed.has('submenuOpen')) {\n if (this.submenuOpen) {\n this.ensureSubmenuSurface();\n } else {\n this.submenuAnimated = false;\n }\n }\n }\n\n /** Light-DOM `slot=\"submenu\"` — public for menu keyboard (`hasSubmenu`). */\n hasSubmenu(): boolean {\n return this.hasSlotController.test('submenu');\n }\n\n private syncSubmenuAria(): void {\n const hasSubmenu = this.hasSubmenu();\n\n if (hasSubmenu) {\n this.setAttribute('aria-haspopup', 'menu');\n } else {\n this.removeAttribute('aria-haspopup');\n }\n\n this.setAttribute('aria-expanded', hasSubmenu && this.submenuOpen ? 'true' : 'false');\n }\n\n focusControl(): void {\n this.shadowRoot?.querySelector<HTMLButtonElement>('.item')?.focus({ preventScroll: true });\n }\n\n /** Callers `item.focus()` — route into the shadow control button. */\n override focus(options?: FocusOptions): void {\n const button = this.shadowRoot?.querySelector<HTMLButtonElement>('.item');\n\n if (button) {\n button.focus(options);\n return;\n }\n\n super.focus(options);\n }\n\n /** Public for menu leave-detection (`submenuElement`). */\n get submenuElement(): HTMLDivElement | null {\n return this.submenuPanelElement ?? null;\n }\n\n closeSubmenu(): void {\n this.submenuAnimated = false;\n this.submenuOpen = false;\n }\n\n /**\n * Opens the nested submenu panel (mouse + keyboard).\n * notify parent first so siblings close, then set `submenuOpen`.\n */\n openSubmenu(): void {\n if (!this.hasSubmenu() || this.disabled || !this.isConnected) {\n return;\n }\n\n this.notifyParentOfOpening();\n this.submenuOpen = true;\n }\n\n /** `notifyParentOfOpening` — sibling close + bubble to the menu. */\n private notifyParentOfOpening(): void {\n this.dispatchEvent(new CustomEvent('pk-submenu-open', {\n bubbles: true,\n composed: true,\n detail: { item: this },\n }));\n\n const parent = this.parentElement;\n\n if (!parent) {\n return;\n }\n\n // Same slot + same light-DOM parent = siblings (top-level or nested submenu).\n for (const el of parent.children) {\n if (\n el !== this\n && el instanceof PkDropdownItem\n && el.getAttribute('slot') === this.getAttribute('slot')\n && el.submenuOpen\n ) {\n el.submenuOpen = false;\n }\n }\n }\n\n private ensureSubmenuSurface(): void {\n if (!this.hasSubmenu() || this.disabled) {\n return;\n }\n\n this.submenuAnimated = true;\n\n void this.updateComplete.then(() => {\n if (!this.submenuOpen || !this.submenuPanelElement) {\n return;\n }\n\n this.submenuPanelElement.hidden = false;\n syncPopupPlacementAnimation(this.submenuPanelElement, 'right-start');\n\n void waitForPopupReposition(this.submenuPopupElement, 'right-start').then((placement) => {\n syncPopupPlacementAnimation(this.submenuPanelElement, placement);\n });\n });\n }\n\n private syncRole(): void {\n if (this.type === 'checkbox') {\n this.setAttribute('role', 'menuitemcheckbox');\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n return;\n }\n\n if (this.type === 'radio') {\n this.setAttribute('role', 'menuitemradio');\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n return;\n }\n\n this.setAttribute('role', 'menuitem');\n this.removeAttribute('aria-checked');\n }\n\n /** `handleMouseEnter` — open on hover; siblings close via notify. */\n private handleMouseEnter = (): void => {\n if (!this.hasSubmenu() || this.disabled) {\n return;\n }\n\n this.notifyParentOfOpening();\n this.submenuOpen = true;\n };\n\n /** Host has `role=\"menuitem\"` — block disabled activation; selection is handled by `pk-dropdown-menu`. */\n private handleHostClick = (event: Event): void => {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n\n private handleClick(event: Event): void {\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n return;\n }\n\n if (this.hasSubmenu()) {\n event.preventDefault();\n this.openSubmenu();\n }\n }\n\n override render() {\n const hasSubmenu = this.hasSubmenu();\n const showCheck = this.type === 'checkbox' || this.type === 'radio';\n // Prefer start (button parity); prefix kept as legacy alias.\n const hasLeadingIcon = this.hasSlotController.test('start') || this.hasSlotController.test('prefix');\n\n return html`\n <button\n part=\"item\"\n type=\"button\"\n class=\"item\"\n ?disabled=${this.disabled}\n aria-disabled=${this.disabled ? 'true' : nothing}\n @click=${this.handleClick}\n >\n <span\n part=\"prefix\"\n class=${hasLeadingIcon ? 'prefix' : 'prefix prefix--empty'}\n >\n <slot name=\"start\"></slot>\n <slot name=\"prefix\"></slot>\n </span>\n <span class=\"label\"><slot></slot></span>\n <span class=\"details\"><slot name=\"details\"></slot></span>\n ${showCheck ? html`<span class=\"check\" aria-hidden=\"true\">${unsafeSVG(CHECK_ICON)}</span>` : nothing}\n ${hasSubmenu ? html`<span class=\"submenu-icon\" aria-hidden=\"true\">${unsafeSVG(SUBMENU_ICON)}</span>` : nothing}\n </button>\n ${hasSubmenu ? html`\n <pk-popup\n .active=${this.submenuOpen}\n .anchor=${this}\n placement=\"right-start\"\n .distance=${0}\n .skidding=${-4}\n flip\n shift\n hover-bridge\n style=\"--pk-popup-z-index: 1001\"\n >\n <div\n part=\"submenu\"\n class=\"submenu-panel pk-popup-content\"\n role=\"menu\"\n data-size=${resolveMenuSize(this)}\n ?hidden=${!this.submenuOpen}\n data-open=${this.submenuAnimated ? '' : nothing}\n aria-orientation=\"vertical\"\n >\n <slot name=\"submenu\"></slot>\n </div>\n </pk-popup>\n ` : nothing}\n `;\n }\n}\n\nfunction resolveMenuSize(item: PkDropdownItem): PkDropdownMenuSize {\n const panelSize = item.parentElement?.getAttribute('data-size');\n\n if (panelSize === 'xs' || panelSize === 'sm' || panelSize === 'default' || panelSize === 'lg' || panelSize === 'xl') {\n return panelSize;\n }\n\n const menu = item.closest('pk-dropdown-menu');\n const menuSize = menu?.getAttribute('size');\n\n if (menuSize === 'xs' || menuSize === 'sm' || menuSize === 'lg' || menuSize === 'xl') {\n return menuSize;\n }\n\n return 'default';\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-dropdown-item': PkDropdownItem;\n }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-dropdown-label-DfACId-K.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pk-dropdown-label-DfACId-K.js","names":[],"sources":["../../src/components/dropdown-menu/pk-dropdown-label.styles.ts","../../src/components/dropdown-menu/pk-dropdown-label.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkDropdownLabelStyles = css`\n @layer pk-component {\n :host {\n display: block;\n }\n\n /* Match v1 DropdownMenuLabel — text-slate-700, regular weight (not medium). */\n .label {\n margin: 0;\n padding-block-start: 6px;\n padding-block-end: 4px;\n padding-inline: var(--pk-dropdown-label-padding-inline, 12px);\n color: var(--pk-color-slate-700, rgba(96, 125, 159, 0.7));\n font-size: var(--pk-dropdown-label-font-size, 13px);\n font-weight: 400;\n line-height: 1.3;\n user-select: none;\n pointer-events: none;\n }\n }\n`;\n","import { html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkDropdownLabelStyles } from './pk-dropdown-label.styles.js';\n\n/** Non-interactive group label inside `pk-dropdown-menu`. */\n@customElement('pk-dropdown-label')\nexport class PkDropdownLabel extends PkElement {\n static override styles = pkDropdownLabelStyles;\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'presentation');\n }\n\n override render() {\n return html`\n <div part=\"label\" class=\"label\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-dropdown-label': PkDropdownLabel;\n }\n}\n"],"mappings":";;;;AAEA,IAAa,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;ACMjC,IAAA,kBAAA,MAAM,wBAAwB,UAAU;;gBAClB;;CAEzB,oBAAmC;AAC/B,QAAM,mBAAmB;AACzB,OAAK,aAAa,QAAQ,eAAe;;CAG7C,SAAkB;AACd,SAAO,IAAI;;;;;;;8BAVlB,cAAc,oBAAoB,CAAA,EAAA,gBAAA"}

package/dist/chunks/pk-dropdown-menu-DWlxkDIs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pk-dropdown-menu-DWlxkDIs.js","names":[],"sources":["../../src/components/dropdown-menu/pk-dropdown-menu.styles.ts","../../src/components/dropdown-menu/pk-dropdown-menu.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport { buttonGroupCornerRoleStyles } from '../button-group/button-group-item.styles.js';\nimport { dropdownMenuHostSizeStyles, dropdownMenuPanelSizeStyles } from './dropdown-menu-size.styles.js';\n\n/**\n * Dropdown panel motion — `pk-dropdown` scale+fade, with transform\n * origin from `pk-popup`’s `--pk-transform-origin` (Base UI / v1 alignment).\n * */\nexport const pkDropdownMenuStyles = [\n buttonGroupCornerRoleStyles(),\n dropdownMenuHostSizeStyles,\n dropdownMenuPanelSizeStyles,\n css`\n @layer pk-component {\n /* Standalone: keep a real box so the trigger is not a flex-stretched\n child of the page (display:contents flattened pk-button to full card width).\n Button groups override below — same as legacy + React MenuButton inline-flex wrap. */\n :host {\n display: inline-block;\n position: relative;\n width: fit-content;\n max-width: 100%;\n align-self: flex-start;\n vertical-align: middle;\n }\n\n :host([data-pk-group-orientation]) {\n display: inline-flex;\n vertical-align: middle;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n align-self: auto;\n }\n\n /* Belt-and-suspenders if a parent still flattens layout onto the trigger. */\n ::slotted([slot='trigger']) {\n width: fit-content;\n max-width: 100%;\n flex: 0 0 auto;\n align-self: flex-start;\n }\n\n :host([data-pk-group-orientation]) ::slotted([slot='trigger']) {\n --pk-bg-start-start-radius: inherit;\n --pk-bg-start-end-radius: inherit;\n --pk-bg-end-start-radius: inherit;\n --pk-bg-end-end-radius: inherit;\n align-self: auto;\n max-width: none;\n }\n\n :host([data-pk-group-orientation='horizontal'][data-pk-group-join]) {\n margin-inline-start: var(--pk-bg-horizontal-indent, 0);\n }\n\n :host([data-pk-group-orientation='vertical'][data-pk-group-join]) {\n margin-block-start: var(--pk-bg-vertical-indent, 0);\n }\n\n :host([data-pk-group-orientation='horizontal'][data-pk-group-join]:has([slot='trigger'][variant='outline'], [slot='trigger'][variant='dashed'])) {\n margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);\n }\n\n :host([data-pk-group-orientation='vertical'][data-pk-group-join]:has([slot='trigger'][variant='outline'], [slot='trigger'][variant='dashed'])) {\n margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);\n }\n\n /* Menu panel — hug content; do not stretch to trigger/anchor width. */\n .panel {\n display: flex;\n flex-direction: column;\n width: max-content;\n min-width: 8rem;\n margin: 0;\n overflow: auto;\n padding: 4px 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 /* v1 DropdownMenuItem had no face color — inherited Craft body\n * (--text-color ≈ gray-700). Do not force gray-900 (too dark). */\n color: var(--text-color, var(--pk-color-gray-700));\n outline: none;\n text-align: start;\n user-select: none;\n /* Match v1 Base UI: popup writes --pk-transform-origin from the\n * anchor center on the connecting edge (e.g. top-right for\n * bottom-end). Keyword edge centers made end-aligned menus\n * scale from the middle of the panel. */\n transform-origin: var(--pk-transform-origin, top);\n }\n\n .panel.show {\n animation: pk-dropdown-menu-show 100ms ease;\n }\n\n .panel.hide {\n animation: pk-dropdown-menu-show 100ms ease reverse;\n }\n\n .panel[hidden] {\n display: none !important;\n }\n\n ::slotted(pk-dropdown-item),\n ::slotted(pk-dropdown-separator),\n ::slotted(pk-dropdown-label),\n .panel > pk-dropdown-item,\n .panel > pk-dropdown-separator,\n .panel > pk-dropdown-label {\n display: block;\n }\n\n ::slotted([data-menu-item]) {\n display: flex;\n align-items: center;\n gap: 0.625rem;\n width: 100%;\n margin: 0;\n padding: 8px 12px;\n border: 0;\n background: transparent;\n color: inherit;\n font: inherit;\n font-size: var(--pk-font-size-base);\n text-align: left;\n white-space: nowrap;\n cursor: default;\n user-select: none;\n outline: none;\n box-sizing: border-box;\n }\n\n ::slotted([data-menu-item]:hover:not([disabled])) {\n background: var(--pk-color-slate-100);\n }\n\n ::slotted([data-menu-item]:focus-visible) {\n background: var(--pk-color-slate-100);\n }\n\n ::slotted([data-menu-item][disabled]) {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ::slotted(pk-dropdown-item[destructive]),\n ::slotted([data-destructive]) {\n color: var(--pk-color-error);\n }\n\n ::slotted([data-menu-separator]) {\n display: block;\n height: 1px;\n margin: 4px 0;\n background: var(--pk-color-slate-200);\n border: 0;\n padding: 0;\n }\n }\n\n /* Outside @layer so constructed stylesheets resolve the name reliably. */\n @keyframes pk-dropdown-menu-show {\n from {\n scale: 0.9;\n opacity: 0;\n }\n\n to {\n scale: 1;\n opacity: 1;\n }\n }\n `,\n];\n","import { html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\n\nimport { activeElements } from '../../a11y/active-elements.js';\nimport { isTopDismissible, registerDismissible, unregisterDismissible } from '../../a11y/dismissible-stack.js';\nimport { PkElement } from '../../base/pk-element.js';\nimport {\n PkAfterHideEvent,\n PkAfterShowEvent,\n PkHideEvent,\n PkShowEvent,\n type PkOverlaySource,\n} from '../../events/overlay-lifecycle.js';\nimport { resolveElementById } from '../../internal/resolve-element-by-id.js';\nimport { animateWithClass } from '../../utils/animate-with-class.js';\nimport { waitForPopupReposition } from '../../utils/popup-placement-animation.js';\nimport { PkPopup, type PkPopupPlacement } from '../popup/pk-popup.js';\nimport { PkDropdownItem } from './pk-dropdown-item.js';\nimport { pkDropdownMenuStyles } from './pk-dropdown-menu.styles.js';\n\nexport type PkDropdownMenuSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';\n\n/**\n * @deprecated Imperative `items` was removed with the port — slot `pk-dropdown-item`\n * (and separators) instead. Type kept for React re-exports / migration.\n */\nexport type PkMenuItem = {\n id: string;\n label?: string;\n type?: 'item' | 'separator';\n disabled?: boolean;\n destructive?: boolean;\n};\n\n/** Tracks open menus — closing one closes others ( `pk-dropdown`). */\nconst openDropdowns = new Set<PkDropdownMenu>();\n\n/**\n * Dropdown menu — literal `pk-dropdown` overlay lifecycle with Plugin Kit styling.\n * Panel motion: content-sized, scale+fade; origin from popup `--pk-transform-origin`\n * (anchor center on the connecting edge — matches v1 / Base UI).\n * Keyboard navigation matches arrows, Home/End, typeahead, Enter/Space, submenu ←/→.\n *\n * @slot trigger - Menu trigger (when not using `for`)\n * @slot - `pk-dropdown-item` elements\n *\n * @attr for - Id of an external trigger in the same root (TipTap toolbar pattern)\n *\n * @csspart panel - Menu panel\n */\n@customElement('pk-dropdown-menu')\nexport class PkDropdownMenu extends PkElement {\n static override styles = pkDropdownMenuStyles;\n\n @property({ type: Boolean, reflect: true })\n open = false;\n\n @property({ reflect: true })\n size: PkDropdownMenuSize = 'default';\n\n @property({ reflect: true })\n placement: PkPopupPlacement = 'bottom-start';\n\n @property({ attribute: 'side-offset', type: Number })\n sideOffset = 4;\n\n @property({ type: Number })\n distance = 4;\n\n @property({ type: Number })\n skidding = 0;\n\n /** External trigger id — preferred over `slot=\"trigger\"` when set (TipTap toolbar). */\n @property({ reflect: true })\n for = '';\n\n @query('slot:not([name])')\n private defaultSlot!: HTMLSlotElement;\n\n @query('#menu')\n private menuElement!: HTMLDivElement;\n\n @query('pk-popup')\n private popupElement!: PkPopup;\n\n /** Typeahead buffer — cleared ~1s after last printable key */\n private userTypedQuery = '';\n\n private userTypedTimeout = 0;\n\n /** Nested submenu path for ArrowLeft/Right (`openSubmenuStack`). */\n private openSubmenuStack: PkDropdownItem[] = [];\n\n /**\n * Set when the trigger opens the menu via ArrowUp/Down.\n * Pointer opens must not pre-activate item[0] — that made the first ArrowDown\n * advance to item[1] while nothing looked selected (our paint:false divergence).\n * Keyboard opens open with focus on the first item: focus + activate the first item.\n */\n private openedByKeyboard = false;\n\n /**\n * Bound trigger — either `for`-resolved or slotted.\n * Resolve from this host (not the popup) so shadow-root ids like TipTap's work.\n */\n private triggerElement: HTMLElement | null = null;\n\n /** Legacy compat for overlay lab snapshots and dismiss recovery. */\n get panelElement(): HTMLDivElement | null {\n return this.menuElement ?? null;\n }\n\n get popup(): PkPopup | null {\n return this.popupElement ?? null;\n }\n\n override connectedCallback(): void {\n super.connectedCallback();\n // Host capture — do not rely on per-trigger listeners. React can replace the\n // slotted trigger (or miss slotchange) after tree remounts; getTrigger() is live.\n this.addEventListener('click', this.handleTriggerClick, true);\n this.addEventListener('keydown', this.handleTriggerKeyDown);\n }\n\n override firstUpdated(): void {\n // Sibling / slotted triggers may not be queryable until the parent finishes rendering.\n const sync = (): void => {\n if (this.for) {\n this.resolveExternalTrigger();\n return;\n }\n\n this.syncSlottedTrigger();\n };\n\n queueMicrotask(sync);\n // React often appends the slotted trigger after Lit's first microtask.\n requestAnimationFrame(sync);\n }\n\n override disconnectedCallback(): void {\n window.clearTimeout(this.userTypedTimeout);\n this.removeEventListener('click', this.handleTriggerClick, true);\n this.removeEventListener('keydown', this.handleTriggerKeyDown);\n this.unbindTrigger(this.triggerElement);\n this.triggerElement = null;\n this.closeAllSubmenus();\n // Demote popup before teardown — otherwise a remounted/reused host can hit\n // showMenu()'s `active` early-return and never paint the panel again.\n if (this.popupElement) {\n this.popupElement.active = false;\n }\n this.menuElement?.classList.remove('show', 'hide');\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n document.removeEventListener('pointerdown', this.handleDocumentPointerDown, true);\n document.removeEventListener('mousemove', this.handleGlobalMouseMove);\n unregisterDismissible(this);\n openDropdowns.delete(this);\n super.disconnectedCallback();\n }\n\n override async updated(changed: Map<string, unknown>): Promise<void> {\n super.updated(changed);\n\n if (changed.has('for')) {\n this.resolveExternalTrigger();\n }\n\n if (changed.has('open')) {\n this.syncTriggerExpanded();\n }\n\n if (!changed.has('open')) {\n return;\n }\n\n const previousOpen = changed.get('open');\n\n if (previousOpen === this.open) {\n return;\n }\n\n if (previousOpen === undefined && this.open === false) {\n return;\n }\n\n if (this.open) {\n await this.showMenu();\n } else {\n this.closeAllSubmenus();\n await this.hideMenu('unknown');\n }\n }\n\n getItems(includeDisabled = false): PkDropdownItem[] {\n const items = (this.defaultSlot?.assignedElements({ flatten: true }) ?? [])\n .filter((el): el is PkDropdownItem => el.localName === 'pk-dropdown-item');\n\n return includeDisabled ? items : items.filter((item) => !item.disabled);\n }\n\n /** Submenu children of a parent item (light-DOM `slot=\"submenu\"`). */\n getSubmenuItems(parentItem: PkDropdownItem, includeDisabled = false): PkDropdownItem[] {\n const submenuSlot = parentItem.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"submenu\"]');\n const assigned = submenuSlot?.assignedElements({ flatten: true })\n ?? [...parentItem.children].filter((el) => el.getAttribute('slot') === 'submenu');\n\n const items = assigned.filter((el): el is PkDropdownItem => el.localName === 'pk-dropdown-item');\n\n return includeDisabled ? items : items.filter((item) => !item.disabled);\n }\n\n getTrigger(): HTMLElement | null {\n if (this.for) {\n // Prefer live resolve so TipTap re-renders of the sibling button still bind.\n return resolveElementById(this, this.for) ?? this.triggerElement;\n }\n\n // Prefer the live slotted node — React may replace it without rebinding.\n return this.querySelector('[slot=\"trigger\"]') ?? this.triggerElement;\n }\n\n /**\n * Floating UI / light-dismiss anchor — Element (not id string) so resolution\n * happens from this host's root, not pk-popup's shadow root.\n */\n private getAnchor(): Element | '' {\n return this.getTrigger() ?? '';\n }\n\n private resolveExternalTrigger(): void {\n this.unbindTrigger(this.triggerElement);\n this.triggerElement = this.for ? resolveElementById(this, this.for) : null;\n this.bindTrigger(this.triggerElement);\n this.requestUpdate();\n }\n\n private onTriggerSlotChange(event: Event): void {\n // `for` owns the trigger when set — ignore slotted nodes.\n if (this.for) {\n return;\n }\n\n const slot = event.target as HTMLSlotElement;\n const [trigger] = slot.assignedElements({ flatten: true }) as HTMLElement[];\n\n this.unbindTrigger(this.triggerElement);\n this.triggerElement = trigger ?? null;\n this.bindTrigger(this.triggerElement);\n this.requestUpdate();\n }\n\n /** Sync aria + cached trigger from the trigger slot (safe to call repeatedly). */\n private syncSlottedTrigger(): void {\n const slot = this.renderRoot.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]');\n\n if (slot) {\n this.onTriggerSlotChange({ target: slot } as unknown as Event);\n }\n }\n\n /** Aria (+ listeners for external `for` triggers that sit outside this host). */\n private bindTrigger(trigger: HTMLElement | null): void {\n if (!trigger) {\n return;\n }\n\n trigger.setAttribute('aria-haspopup', 'menu');\n\n // Slotted triggers are handled by host capture. External `for` triggers are not\n // descendants, so they need direct listeners.\n if (this.for) {\n trigger.addEventListener('click', this.handleExternalTriggerClick);\n trigger.addEventListener('keydown', this.handleTriggerKeyDown);\n }\n\n this.syncTriggerExpanded();\n }\n\n private unbindTrigger(trigger: HTMLElement | null): void {\n trigger?.removeEventListener('click', this.handleExternalTriggerClick);\n trigger?.removeEventListener('keydown', this.handleTriggerKeyDown);\n }\n\n private syncTriggerExpanded(): void {\n this.getTrigger()?.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n }\n\n /** Called by `pk-dropdown-item` after a selection. */\n closeAfterSelect(_source: PkOverlaySource = 'api'): void {\n this.open = false;\n }\n\n /** `makeSelection()` — single `pk-select` on the menu host. */\n private makeSelection(item: PkDropdownItem): void {\n const trigger = this.getTrigger();\n\n if (item.disabled) {\n return;\n }\n\n if (item.type === 'checkbox') {\n item.checked = !item.checked;\n }\n\n if (item.type === 'radio' && !item.checked) {\n item.checked = true;\n }\n\n const detail = {\n value: item.value,\n type: item.type,\n checked: item.checked,\n radioGroup: item.radioGroup,\n };\n\n // Fire on the item first so React `DropdownItem onPkSelect` works. Non-bubbling so the\n // menu host listener (below) is not double-invoked from the same gesture.\n item.dispatchEvent(new CustomEvent('pk-select', {\n detail,\n bubbles: false,\n composed: false,\n cancelable: true,\n }));\n\n // parity — also expose selection on the menu host.\n const selectEvent = new CustomEvent('pk-select', {\n detail,\n bubbles: true,\n composed: true,\n cancelable: true,\n });\n\n this.dispatchEvent(selectEvent);\n\n if (!selectEvent.defaultPrevented) {\n this.open = false;\n trigger?.focus({ preventScroll: true });\n }\n }\n\n private resolveMenuItem(event: Event): PkDropdownItem | null {\n const target = event.target;\n\n if (target instanceof PkDropdownItem) {\n return target;\n }\n\n if (target instanceof Element) {\n const closest = target.closest('pk-dropdown-item');\n\n if (closest instanceof PkDropdownItem) {\n return closest;\n }\n }\n\n const fromPath = event.composedPath().find(\n (node): node is PkDropdownItem => node instanceof PkDropdownItem,\n );\n\n return fromPath ?? null;\n }\n\n /** Resolves after exit animation and popup demotion — safe point to open a modal. */\n whenClosed(): Promise<void> {\n if (!this.open) {\n return this.popupElement?.active\n ? this.popupElement.stop()\n : Promise.resolve();\n }\n\n return new Promise<void>((resolve) => {\n this.addEventListener('pk-after-hide', () => {\n void this.popupElement.stop().then(() => resolve());\n }, { once: true });\n });\n }\n\n /** Recovery hook — clears leaked document dismiss listeners after abnormal teardown. */\n forceDismissCleanup(): void {\n this.open = false;\n this.popupElement.active = false;\n this.menuElement?.classList.remove('show', 'hide');\n this.closeAllSubmenus();\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n document.removeEventListener('pointerdown', this.handleDocumentPointerDown, true);\n document.removeEventListener('mousemove', this.handleGlobalMouseMove);\n unregisterDismissible(this);\n openDropdowns.delete(this);\n }\n\n private handleMenuClick = (event: Event): void => {\n const item = this.resolveMenuItem(event);\n\n if (!item || item.disabled) {\n return;\n }\n\n if (item.hasSubmenu()) {\n if (!item.submenuOpen) {\n this.closeSiblingSubmenus(item);\n this.addToSubmenuStack(item);\n item.openSubmenu();\n }\n\n event.stopPropagation();\n return;\n }\n\n this.makeSelection(item);\n };\n\n /** `handleSubmenuOpening` — keep stack in sync when items notify on hover. */\n private handleSubmenuOpening = (event: Event): void => {\n const openingItem = (event as CustomEvent<{ item: PkDropdownItem }>).detail?.item;\n\n if (!(openingItem instanceof PkDropdownItem)) {\n return;\n }\n\n this.closeSiblingSubmenus(openingItem);\n this.addToSubmenuStack(openingItem);\n };\n\n /**\n * `handleGlobalMouseMove` — close the current submenu when the pointer\n * leaves both the parent item and its submenu panel (with a short grace period).\n */\n private handleGlobalMouseMove = (event: MouseEvent): void => {\n const currentSubmenuItem = this.getCurrentSubmenuItem();\n\n if (!currentSubmenuItem?.submenuOpen || !currentSubmenuItem.submenuElement) {\n return;\n }\n\n const submenuElement = currentSubmenuItem.submenuElement;\n const composedPath = event.composedPath();\n const submenuItemHovered = currentSubmenuItem.matches(':hover');\n const submenuElementHovered = Boolean(submenuElement.matches(':hover'));\n const isOverItem = submenuItemHovered\n || composedPath.some((el) => el === currentSubmenuItem);\n const isOverSubmenu = submenuElementHovered\n || composedPath.some(\n (el) => el instanceof HTMLElement && el.closest('[part=\"submenu\"]') === submenuElement,\n );\n\n if (!isOverItem && !isOverSubmenu) {\n // delayed close — same captured hover flags (grace for gap transit).\n window.setTimeout(() => {\n if (!submenuItemHovered && !submenuElementHovered) {\n currentSubmenuItem.submenuOpen = false;\n }\n }, 100);\n }\n };\n\n private handleTriggerClick = (event: Event): void => {\n const trigger = this.getTrigger();\n\n // Host capture: only toggle when the composed path hits the live trigger.\n if (!trigger || !event.composedPath().includes(trigger)) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n this.openedByKeyboard = false;\n this.open = !this.open;\n };\n\n /** Direct listener for `for` triggers (outside this host's composed tree). */\n private handleExternalTriggerClick = (event: Event): void => {\n event.preventDefault();\n event.stopPropagation();\n this.openedByKeyboard = false;\n this.open = !this.open;\n };\n\n /** ArrowDown/Up on a closed trigger opens and focuses the first item ( APG). */\n private handleTriggerKeyDown = (event: KeyboardEvent): void => {\n // Host keydown: require the live trigger in the path. External `for` binds this\n // directly on the trigger, so the path check still passes.\n const trigger = this.getTrigger();\n\n if (!trigger || !event.composedPath().includes(trigger)) {\n return;\n }\n\n if (this.open) {\n return;\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n event.preventDefault();\n event.stopPropagation();\n this.openedByKeyboard = true;\n this.open = true;\n }\n };\n\n private isRtl(): boolean {\n return getComputedStyle(this).direction === 'rtl';\n }\n\n private addToSubmenuStack(item: PkDropdownItem): void {\n const index = this.openSubmenuStack.indexOf(item);\n\n if (index !== -1) {\n this.openSubmenuStack = this.openSubmenuStack.slice(0, index + 1);\n } else {\n this.openSubmenuStack.push(item);\n }\n }\n\n private removeFromSubmenuStack(): PkDropdownItem | undefined {\n return this.openSubmenuStack.pop();\n }\n\n private getCurrentSubmenuItem(): PkDropdownItem | undefined {\n return this.openSubmenuStack.length > 0\n ? this.openSubmenuStack[this.openSubmenuStack.length - 1]\n : undefined;\n }\n\n private closeAllSubmenus(): void {\n this.getItems(true).forEach((item) => {\n item.submenuOpen = false;\n item.active = false;\n });\n this.openSubmenuStack = [];\n }\n\n private closeSiblingSubmenus(item: PkDropdownItem): void {\n const parentItem = item.closest('pk-dropdown-item:not([slot=\"submenu\"])');\n const siblings = parentItem instanceof PkDropdownItem\n ? this.getSubmenuItems(parentItem, true)\n : this.getItems(true);\n\n siblings.forEach((sibling) => {\n if (sibling !== item && sibling.submenuOpen) {\n sibling.submenuOpen = false;\n }\n });\n\n if (!this.openSubmenuStack.includes(item)) {\n this.openSubmenuStack.push(item);\n }\n }\n\n private setActiveItem(items: PkDropdownItem[], itemToSelect: PkDropdownItem): void {\n items.forEach((item) => {\n item.active = item === itemToSelect;\n\n // Keyboard-driven selection — paint explicitly:focus-visible uses :focus-visible on the\n // host; our control is a shadow button, so :focus-visible alone is unreliable from\n // the document keydown listener.\n if (item === itemToSelect) {\n item.setAttribute('data-highlighted', '');\n } else {\n item.removeAttribute('data-highlighted');\n }\n });\n itemToSelect.focus({ preventScroll: true });\n itemToSelect.scrollIntoView({ block: 'nearest' });\n }\n\n /** `handleDocumentKeyDown` — arrows, Home/End, typeahead, Enter/Space, submenu. */\n private handleDocumentKeyDown = (event: KeyboardEvent): void => {\n const isRtl = this.isRtl();\n\n if (event.key === 'Escape' && this.open && isTopDismissible(this)) {\n event.preventDefault();\n event.stopPropagation();\n this.open = false;\n this.getTrigger()?.focus({ preventScroll: true });\n return;\n }\n\n if (!this.open) {\n return;\n }\n\n const activeElement = [...activeElements()].find((el) => el.localName === 'pk-dropdown-item');\n const isFocusedOnItem = activeElement?.localName === 'pk-dropdown-item';\n const currentSubmenuItem = this.getCurrentSubmenuItem();\n const isInSubmenu = Boolean(currentSubmenuItem);\n\n let items: PkDropdownItem[];\n let activeItem: PkDropdownItem | undefined;\n let activeItemIndex: number;\n\n if (isInSubmenu && currentSubmenuItem) {\n items = this.getSubmenuItems(currentSubmenuItem);\n activeItem = items.find((item) => item.active || item === activeElement);\n activeItemIndex = activeItem ? items.indexOf(activeItem) : -1;\n } else {\n items = this.getItems();\n activeItem = items.find((item) => item.active || item === activeElement);\n activeItemIndex = activeItem ? items.indexOf(activeItem) : -1;\n }\n\n let itemToSelect: PkDropdownItem | undefined;\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n event.stopPropagation();\n itemToSelect = activeItemIndex > 0\n ? items[activeItemIndex - 1]\n : items[items.length - 1];\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n event.stopPropagation();\n itemToSelect = activeItemIndex !== -1 && activeItemIndex < items.length - 1\n ? items[activeItemIndex + 1]\n : items[0];\n }\n\n if (event.key === (isRtl ? 'ArrowLeft' : 'ArrowRight') && isFocusedOnItem && activeItem) {\n if (activeItem.hasSubmenu()) {\n event.preventDefault();\n event.stopPropagation();\n this.closeSiblingSubmenus(activeItem);\n activeItem.openSubmenu();\n this.addToSubmenuStack(activeItem);\n window.setTimeout(() => {\n const submenuItems = this.getSubmenuItems(activeItem);\n\n if (submenuItems.length > 0) {\n this.setActiveItem(submenuItems, submenuItems[0]);\n }\n }, 0);\n return;\n }\n }\n\n if (event.key === (isRtl ? 'ArrowRight' : 'ArrowLeft') && isInSubmenu) {\n event.preventDefault();\n event.stopPropagation();\n const removedItem = this.removeFromSubmenuStack();\n\n if (removedItem) {\n removedItem.submenuOpen = false;\n window.setTimeout(() => {\n removedItem.focus({ preventScroll: true });\n removedItem.active = true;\n const parentItems = removedItem.slot === 'submenu'\n && removedItem.parentElement instanceof PkDropdownItem\n ? this.getSubmenuItems(removedItem.parentElement)\n : this.getItems();\n parentItems.forEach((item) => {\n if (item !== removedItem) {\n item.active = false;\n }\n });\n }, 0);\n }\n\n return;\n }\n\n if (event.key === 'Home' || event.key === 'End') {\n event.preventDefault();\n event.stopPropagation();\n itemToSelect = event.key === 'Home' ? items[0] : items[items.length - 1];\n }\n\n if (event.key === 'Tab') {\n this.open = false;\n return;\n }\n\n // Typeahead — printable keys ; Space alone activates when the buffer is empty.\n if (\n event.key.length === 1\n && !(event.metaKey || event.ctrlKey || event.altKey)\n && !(event.key === ' ' && this.userTypedQuery === '')\n ) {\n window.clearTimeout(this.userTypedTimeout);\n this.userTypedTimeout = window.setTimeout(() => {\n this.userTypedQuery = '';\n }, 1000);\n this.userTypedQuery += event.key;\n\n const selectionQuery = this.userTypedQuery.trim().toLowerCase();\n itemToSelect = items.find((item) => {\n const label = (item.textContent || '').trim().toLowerCase();\n return label.startsWith(selectionQuery);\n });\n }\n\n if (itemToSelect) {\n event.preventDefault();\n event.stopPropagation();\n this.setActiveItem(items, itemToSelect);\n return;\n }\n\n if (\n (event.key === 'Enter' || (event.key === ' ' && this.userTypedQuery === ''))\n && isFocusedOnItem\n && activeItem\n ) {\n event.preventDefault();\n event.stopPropagation();\n\n if (activeItem.hasSubmenu()) {\n this.closeSiblingSubmenus(activeItem);\n activeItem.openSubmenu();\n this.addToSubmenuStack(activeItem);\n window.setTimeout(() => {\n const submenuItems = this.getSubmenuItems(activeItem);\n\n if (submenuItems.length > 0) {\n this.setActiveItem(submenuItems, submenuItems[0]);\n }\n }, 0);\n } else {\n this.makeSelection(activeItem);\n }\n }\n };\n\n private handleDocumentPointerDown = (event: Event): void => {\n const path = event.composedPath();\n const trigger = this.getTrigger();\n\n // Treat the trigger as inside — otherwise pointerdown closes and the following\n // click re-opens (external `for` triggers sit outside this host).\n if (path.some((el) => el === this || el === trigger)) {\n return;\n }\n\n this.open = false;\n };\n\n /** `showMenu()` — only called from `updated()` when `open` becomes true. */\n private async showMenu(): Promise<void> {\n if (!this.popupElement || !this.menuElement) {\n return;\n }\n\n // TipTap / late-mounted `for` siblings — refresh before positioning.\n if (this.for && !this.triggerElement?.isConnected) {\n this.resolveExternalTrigger();\n }\n\n const showEvent = new PkShowEvent();\n\n if (!this.dispatchEvent(showEvent)) {\n this.open = false;\n return;\n }\n\n if (this.popupElement.active) {\n // Interrupted hide can leave `active` true while the panel is gone —\n // recover instead of no-op return (next open would silently fail).\n this.popupElement.active = false;\n this.menuElement.classList.remove('show', 'hide');\n await this.updateComplete;\n }\n\n openDropdowns.forEach((dropdown) => {\n if (dropdown !== this) {\n dropdown.open = false;\n }\n });\n\n this.popupElement.active = true;\n this.open = true;\n openDropdowns.add(this);\n registerDismissible(this);\n document.addEventListener('keydown', this.handleDocumentKeyDown);\n document.addEventListener('pointerdown', this.handleDocumentPointerDown, true);\n document.addEventListener('mousemove', this.handleGlobalMouseMove);\n\n // Let Floating UI write data-current-placement before the show animation\n // (origin CSS keys off that attribute).\n await this.updateComplete;\n await waitForPopupReposition(this.popupElement, this.placement, 100, { requireEvent: true });\n\n if (!this.open) {\n // Show aborted mid-flight — demote so the next open is not stuck.\n this.popupElement.active = false;\n openDropdowns.delete(this);\n unregisterDismissible(this);\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n document.removeEventListener('pointerdown', this.handleDocumentPointerDown, true);\n document.removeEventListener('mousemove', this.handleGlobalMouseMove);\n return;\n }\n\n this.menuElement.classList.remove('hide');\n await animateWithClass(this.menuElement, 'show');\n\n const items = this.getItems();\n\n if (items.length > 0) {\n if (this.openedByKeyboard) {\n // Show path — first item is the current option (and :focus-visible).\n this.setActiveItem(items, items[0]);\n } else {\n // Pointer open: do not pre-set item.active / item focus.\n // Still focuses item[0] here; with our prior paint:false that left an\n // invisible active index so the first ArrowDown skipped to item[1].\n // Leaving index at -1 makes the first ArrowDown select items[0] (index formula\n // when activeItemIndex === -1). Focus the menu panel for screen readers.\n items.forEach((item) => {\n item.active = false;\n item.removeAttribute('data-highlighted');\n });\n this.menuElement.focus({ preventScroll: true });\n }\n }\n\n this.openedByKeyboard = false;\n\n this.dispatchEvent(new PkAfterShowEvent());\n this.dispatchEvent(new CustomEvent('pk-open-change', {\n detail: { open: true },\n bubbles: true,\n composed: true,\n }));\n }\n\n /**\n * `hideMenu()` — only called from `updated()` when `open` becomes false.\n * Demote popup via `active = false` after the hide animation (hide order).\n */\n private async hideMenu(source: PkOverlaySource): Promise<void> {\n if (!this.popupElement || !this.menuElement) {\n return;\n }\n\n const hideEvent = new PkHideEvent(source);\n\n if (!this.dispatchEvent(hideEvent)) {\n this.open = true;\n return;\n }\n\n this.open = false;\n openDropdowns.delete(this);\n unregisterDismissible(this);\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n document.removeEventListener('pointerdown', this.handleDocumentPointerDown, true);\n document.removeEventListener('mousemove', this.handleGlobalMouseMove);\n this.userTypedQuery = '';\n window.clearTimeout(this.userTypedTimeout);\n\n this.getItems(true).forEach((item) => {\n item.active = false;\n item.removeAttribute('data-highlighted');\n });\n\n this.menuElement.classList.remove('show');\n await animateWithClass(this.menuElement, 'hide');\n this.popupElement.active = false;\n\n this.dispatchEvent(new PkAfterHideEvent());\n this.dispatchEvent(new CustomEvent('pk-open-change', {\n detail: { open: false },\n bubbles: true,\n composed: true,\n }));\n }\n\n override render() {\n const popupActive = this.hasUpdated ? this.popupElement?.active : this.open;\n // Pass Element when using `for` — string ids resolve from pk-popup's shadow and miss TipTap siblings.\n const externalAnchor = this.for ? this.getAnchor() : '';\n\n return html`\n <pk-popup\n .anchor=${externalAnchor}\n placement=${this.placement}\n .distance=${this.distance || this.sideOffset}\n .skidding=${this.skidding}\n ?active=${popupActive}\n flip\n shift\n .shiftPadding=${10}\n auto-size=\"vertical\"\n .autoSizePadding=${10}\n >\n <slot\n name=\"trigger\"\n slot=\"anchor\"\n @slotchange=${this.onTriggerSlotChange}\n ></slot>\n\n <div\n id=\"menu\"\n part=\"panel\"\n class=\"panel\"\n role=\"menu\"\n tabindex=\"-1\"\n aria-orientation=\"vertical\"\n data-size=${this.size}\n @click=${this.handleMenuClick}\n @pk-submenu-open=${this.handleSubmenuOpening}\n >\n <slot></slot>\n </div>\n </pk-popup>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-dropdown-menu': PkDropdownMenu;\n }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-editable-table-pBkD6izs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pk-editable-table-pBkD6izs.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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"}

package/dist/chunks/pk-option-C3Zqmu3z.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pk-option-C3Zqmu3z.js","names":[],"sources":["../../src/utils/highlight-text.ts","../../src/components/select/pk-option.styles.ts","../../src/components/select/pk-option.ts"],"sourcesContent":["export type HighlightPart = {\n text: string;\n match: boolean;\n};\n\n/** Split label text into matched/unmatched segments for typeahead highlighting. */\nexport function splitHighlightParts(text: string, search: string): HighlightPart[] {\n const label = String(text ?? '');\n const query = String(search ?? '').trim();\n\n if (!query) {\n return [{ text: label, match: false }];\n }\n\n const lowerLabel = label.toLowerCase();\n const lowerQuery = query.toLowerCase();\n const parts: HighlightPart[] = [];\n let cursor = 0;\n let matchIndex = lowerLabel.indexOf(lowerQuery);\n\n while (matchIndex !== -1) {\n if (matchIndex > cursor) {\n parts.push({\n text: label.slice(cursor, matchIndex),\n match: false,\n });\n }\n\n parts.push({\n text: label.slice(matchIndex, matchIndex + query.length),\n match: true,\n });\n\n cursor = matchIndex + query.length;\n matchIndex = lowerLabel.indexOf(lowerQuery, cursor);\n }\n\n if (cursor < label.length) {\n parts.push({\n text: label.slice(cursor),\n match: false,\n });\n }\n\n return parts.length > 0 ? parts : [{ text: label, match: false }];\n}\n","import { css } from 'lit';\n\nexport const pkOptionStyles = css`\n @layer pk-component {\n :host {\n display: block;\n }\n\n .option {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n margin: 0;\n min-height: var(--pk-select-item-min-height, var(--pk-input-height));\n padding-block: var(--pk-select-item-padding-block, 6px);\n padding-inline-start: var(--pk-select-item-padding-inline, 10px);\n padding-inline-end: var(--pk-select-item-padding-inline-end, 2rem);\n border: var(--pk-select-trigger-border-width, 1px) solid transparent;\n background: transparent;\n /* Craft CP body text (~gray-700), not gray-900. */\n color: var(--pk-color-gray-700);\n font: inherit;\n font-family: var(--pk-font-family);\n font-size: var(--pk-select-item-font-size, var(--pk-font-size-base));\n line-height: var(--pk-select-item-line-height, 1.4);\n text-align: left;\n white-space: nowrap;\n cursor: default;\n user-select: none;\n outline: none;\n box-sizing: border-box;\n }\n\n .start {\n display: none;\n flex: 0 0 auto;\n align-items: center;\n }\n\n :host([data-has-start]) .start {\n display: inline-flex;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n .option:focus-visible,\n :host([highlighted]) .option {\n background: var(--pk-color-slate-100);\n }\n\n :host([disabled]) .option,\n .option[aria-disabled='true'] {\n pointer-events: none;\n opacity: 0.5;\n }\n\n .check {\n position: absolute;\n inset-inline-end: var(--pk-select-item-indicator-inset, 0.5rem);\n top: 50%;\n display: none;\n align-items: center;\n justify-content: center;\n width: var(--pk-select-item-indicator-size, 0.75rem);\n height: var(--pk-select-item-indicator-size, 0.75rem);\n color: var(--pk-color-gray-700);\n pointer-events: none;\n transform: translateY(-50%);\n line-height: 0;\n }\n\n :host([selected]) .check {\n display: inline-flex;\n }\n\n .check svg {\n display: block;\n width: var(--pk-select-item-indicator-size, 0.75rem);\n height: var(--pk-select-item-indicator-size, 0.75rem);\n flex-shrink: 0;\n pointer-events: none;\n }\n\n .label {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n /* Allow custom multi-line option layouts (title + subtitle) to stack. */\n white-space: normal;\n }\n\n .match {\n padding: 0;\n border-radius: 2px;\n background: var(--pk-color-blue-100);\n color: inherit;\n }\n }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nimport { check, renderIconHtml } from '../../icons/index.js';\nimport { PkElement } from '../../base/pk-element.js';\nimport { splitHighlightParts } from '../../utils/highlight-text.js';\nimport { pkOptionStyles } from './pk-option.styles.js';\n\nconst CHECK_ICON = renderIconHtml(check);\n\n/**\n * Select option — use inside `pk-select` or `pk-combobox`.\n *\n * @slot start - Presentational decoration before the label (e.g. `pk-status`).\n * @slot - Option label\n *\n * @csspart start - Start decoration container\n * @csspart option - Option button\n * @csspart label - Option label\n * @csspart check - Selected-state check indicator\n */\n@customElement('pk-option')\nexport class PkOption extends PkElement {\n static override styles = pkOptionStyles;\n\n @property()\n value = '';\n\n /**\n * Optional short label for the closed trigger / filter identity (v1 itemToStringLabel).\n * When set, preferred over concatenating rich default-slot text (title + subtitle).\n */\n @property()\n label = '';\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean, reflect: true })\n highlighted = false;\n\n @property({ type: Boolean, reflect: true })\n hidden = false;\n\n @property({ type: Number, attribute: 'focus-index' })\n focusIndex = -1;\n\n @property()\n optionId = '';\n\n /** When set, the label renders with matching query text highlighted (combobox filter). */\n @property({ attribute: false })\n matchQuery = '';\n\n focusControl(preventScroll = true): void {\n this.shadowRoot?.querySelector<HTMLButtonElement>('.option')?.focus({ preventScroll });\n }\n\n /**\n * Label for the closed combobox/select value.\n * Prefers the `label` attribute when set; otherwise default-slot text\n * (excluding `slot=\"start\"`), joined with spaces for multi-node layouts.\n */\n getLabel(): string {\n if (this.label.trim()) {\n return this.label.trim();\n }\n\n const labelSlot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n\n if (!labelSlot) {\n return this.textContent?.trim() ?? this.value;\n }\n\n // Join with spaces so multi-line custom labels (\"Link\" + \"Craft CMS\") do not\n // concatenate into \"LinkCraft CMS\" when no explicit `label` is set.\n return labelSlot.assignedNodes()\n .map((node) => (node.textContent ?? '').trim())\n .filter(Boolean)\n .join(' ')\n .trim();\n }\n\n /** Full default-slot text for typeahead matching (includes subtitle lines). */\n getSearchText(): string {\n const labelSlot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n\n if (!labelSlot) {\n return this.getLabel();\n }\n\n const fromSlot = labelSlot.assignedNodes()\n .map((node) => (node.textContent ?? '').trim())\n .filter(Boolean)\n .join(' ')\n .trim();\n\n return fromSlot || this.getLabel();\n }\n\n /** True when the default slot has element children (custom multi-line / rich layouts). */\n private hasRichLabelContent(): boolean {\n return [...this.children].some((node) => {\n if (!(node instanceof HTMLElement)) {\n return false;\n }\n\n // Named slots (e.g. start) are not part of the label.\n return !node.slot || node.slot === '';\n });\n }\n\n /** Light-DOM elements assigned to the start decoration slot. */\n getStartElements(): HTMLElement[] {\n return [...this.querySelectorAll(':scope > [slot=\"start\"]')].filter(\n (node): node is HTMLElement => node instanceof HTMLElement,\n );\n }\n\n override firstUpdated(): void {\n const startSlot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"start\"]');\n\n startSlot?.addEventListener('slotchange', () => this.syncStartDecoration());\n this.syncStartDecoration();\n }\n\n private syncStartDecoration(): void {\n this.toggleAttribute('data-has-start', this.getStartElements().length > 0);\n }\n\n private handleClick(): void {\n if (this.disabled) {\n return;\n }\n\n this.dispatchEvent(new CustomEvent('pk-option-select', {\n detail: { value: this.value },\n bubbles: true,\n composed: true,\n }));\n }\n\n private handleMouseEnter(): void {\n if (this.disabled || this.hidden) {\n return;\n }\n\n this.dispatchEvent(new CustomEvent('pk-option-highlight', {\n detail: { value: this.value },\n bubbles: true,\n composed: true,\n }));\n }\n\n private handleKeyDown(event: KeyboardEvent): void {\n const navKeys = new Set([\n 'ArrowDown',\n 'ArrowUp',\n 'ArrowLeft',\n 'ArrowRight',\n 'Home',\n 'End',\n 'Enter',\n ' ',\n 'Escape',\n ]);\n\n if (!navKeys.has(event.key)) {\n return;\n }\n\n const owner = this.closest('pk-select, pk-combobox');\n const panel = owner ? null : this.closest('[role=\"listbox\"]');\n\n if (!owner && !panel) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const keydownEvent = new CustomEvent('pk-listbox-keydown', {\n detail: { keyboardEvent: event },\n bubbles: true,\n });\n\n if (owner) {\n owner.dispatchEvent(keydownEvent);\n return;\n }\n\n panel!.dispatchEvent(keydownEvent);\n }\n\n private renderLabel() {\n const query = this.matchQuery.trim();\n // Flat highlight replaces the default slot — that collapses custom layouts\n // (title + subtitle) into one run when filtering. Keep the slot for rich content.\n if (!query || this.hasRichLabelContent()) {\n return html`\n <span part=\"label\" class=\"label\">\n <slot></slot>\n </span>\n `;\n }\n\n const label = this.getLabel();\n const parts = splitHighlightParts(label, query);\n\n return html`\n <span part=\"label\" class=\"label\">\n ${parts.map((part) => part.match\n ? html`<mark class=\"match\">${part.text}</mark>`\n : html`<span>${part.text}</span>`)}\n </span>\n `;\n }\n\n override render() {\n return html`\n <button\n part=\"option\"\n type=\"button\"\n class=\"option\"\n role=\"option\"\n id=${this.optionId || nothing}\n ?disabled=${this.disabled}\n aria-disabled=${this.disabled ? 'true' : nothing}\n aria-selected=${this.selected ? 'true' : 'false'}\n tabindex=${this.focusIndex}\n @click=${this.handleClick}\n @mouseenter=${this.handleMouseEnter}\n @keydown=${this.handleKeyDown}\n >\n <span part=\"start\" class=\"start\">\n <slot name=\"start\"></slot>\n </span>\n ${this.renderLabel()}\n <span part=\"check\" class=\"check\" aria-hidden=\"true\">${unsafeSVG(CHECK_ICON)}</span>\n </button>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-option': PkOption;\n }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-popover-XZZdJ4WI.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pk-popover-XZZdJ4WI.js","names":[],"sources":["../../src/components/popover/pk-popover.styles.ts","../../src/components/popover/pk-popover.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport { buttonGroupCornerRoleStyles } from '../button-group/button-group-item.styles.js';\nimport { popupContentAnimationStyles } from '../../styles/popup-content-animation.styles.js';\n\nexport const pkPopoverStyles = [\n buttonGroupCornerRoleStyles(),\n popupContentAnimationStyles,\n css`\n @layer pk-component {\n :host {\n /* Flex column parents stretch cross-axis size — pin to content.\n (inline-block + align-self; same class of fix as dialog / dropdown.) */\n display: inline-block;\n max-width: 100%;\n align-self: flex-start;\n flex: none;\n vertical-align: middle;\n }\n\n :host([data-pk-group-orientation]) {\n display: inline-flex;\n vertical-align: middle;\n flex: 0 0 auto;\n align-self: auto;\n }\n\n :host([data-pk-group-orientation]) ::slotted([slot='trigger']) {\n --pk-bg-start-start-radius: inherit;\n --pk-bg-start-end-radius: inherit;\n --pk-bg-end-start-radius: inherit;\n --pk-bg-end-end-radius: inherit;\n }\n\n :host([data-pk-group-orientation='horizontal'][data-pk-group-join]) {\n margin-inline-start: var(--pk-bg-horizontal-indent, 0);\n }\n\n :host([data-pk-group-orientation='vertical'][data-pk-group-join]) {\n margin-block-start: var(--pk-bg-vertical-indent, 0);\n }\n\n :host([data-pk-group-orientation='horizontal'][data-pk-group-join]:has([slot='trigger'][variant='outline'], [slot='trigger'][variant='dashed'])) {\n margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);\n }\n\n :host([data-pk-group-orientation='vertical'][data-pk-group-join]:has([slot='trigger'][variant='outline'], [slot='trigger'][variant='dashed'])) {\n margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);\n }\n\n /* Match pk-popup's arrow fill to the panel surface when with-arrow is on. */\n :host([with-arrow]) {\n --pk-popup-arrow-color: var(--pk-color-white);\n --pk-popup-arrow-size: 8px;\n }\n\n .panel {\n box-sizing: border-box;\n width: 18rem;\n padding: 1rem;\n border-radius: var(--pk-radius-md);\n background: var(--pk-color-white);\n box-shadow: var(--pk-shadow-popover);\n /* Craft CP body text (~gray-700), not gray-900. */\n color: var(--pk-color-gray-700);\n }\n\n /* Flush panels for command/menu chrome that owns its own inset (variable picker, etc.).\n Match kit v1 PopoverContent min-w 260px / max-w 360px: without min-width,\n width max-content shrinks to short labels and looks narrower than the old picker. */\n :host([flush]) .panel {\n width: max-content;\n min-width: var(--pk-popover-flush-min-width, 16.25rem);\n max-width: min(var(--pk-popover-flush-max-width, 22.5rem), 100vw - 1rem);\n padding: 0;\n }\n\n .panel[hidden] {\n display: none !important;\n }\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 type { PropertyValues } from 'lit';\n\nimport { isTopDismissible, registerDismissible, unregisterDismissible } from '../../a11y/dismissible-stack.js';\nimport { uniqueId } from '../../a11y/focus.js';\nimport { PkElement } from '../../base/pk-element.js';\nimport { resolveElementById } from '../../internal/resolve-element-by-id.js';\nimport {\n PkAfterHideEvent,\n PkAfterShowEvent,\n PkHideEvent,\n PkShowEvent,\n type PkOverlaySource,\n} from '../../events/overlay-lifecycle.js';\nimport { PkPopup, type PkPopupPlacement } from '../popup/pk-popup.js';\nimport {\n syncPopupPlacementAnimation,\n waitForPopupReposition,\n} from '../../utils/popup-placement-animation.js';\nimport { isPointerInsideOverlay } from '../../utils/popup-pointer.js';\nimport { pkPopoverStyles } from './pk-popover.styles.js';\n\n/**\n * Popover — pattern: trigger toggles a floating panel.\n *\n * @slot trigger - Popover trigger\n * @slot - Popover content\n *\n * @csspart panel - Floating content panel\n *\n * @attr with-arrow - Show a pointing arrow toward the trigger (default: off)\n */\n@customElement('pk-popover')\nexport class PkPopover extends PkElement {\n static override styles = pkPopoverStyles;\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 /**\n * Drop default panel padding/fixed width so slotted chrome (command lists, etc.)\n * can control its own inset. Consumer outer `p-0` alone cannot reach `.panel`.\n */\n @property({ type: Boolean, reflect: true })\n flush = false;\n\n /**\n * Show a floating-ui arrow on the panel (off by default).\n * Named like other optional chrome (`with-clear`, `with-caret`) — tooltip always\n * paints its own arrow and has no toggle.\n */\n @property({ attribute: 'with-arrow', type: Boolean, reflect: true })\n withArrow = false;\n\n /** Anchor element id — alternative to the trigger slot. */\n @property({ reflect: true })\n for = '';\n\n /**\n * Live element anchor — use when the target lives in another shadow tree\n * (e.g. TipTap chips). Preferred over `for` / trigger slot when set.\n * Stays in the consumer tree so modal `showModal()` inert does not apply\n * (unlike portaling the panel to a root outside the dialog).\n */\n @property({ attribute: false })\n anchor: Element | null = null;\n\n @query('pk-popup')\n private popupElement!: PkPopup;\n\n private get panelElement(): HTMLDivElement | null {\n return this.popupElement?.getContentElement() as HTMLDivElement | null ?? null;\n }\n\n @state()\n private triggerElement: HTMLElement | null = null;\n\n /** True while the shared popup-content exit animation is running. */\n @state()\n private closing = false;\n\n /** Gates `data-open` so enter motion starts after Floating UI places the panel. */\n @state()\n private panelAnimated = false;\n\n private readonly triggerId = uniqueId('pk-popover-trigger');\n private dismissRegistered = false;\n /** Guard re-entry while openPopover/closePopover mutate `open`. */\n private syncingOpenSideEffects = false;\n /** Coalesce overlapping close calls (updated + light-dismiss) onto one exit. */\n private exitAnimationPromise: Promise<void> | null = null;\n\n override disconnectedCallback(): void {\n // Skip exit motion on teardown — demote immediately.\n void this.closePopover('api', true);\n super.disconnectedCallback();\n }\n\n /**\n * When controlled/toggle `open` flips false, arm `closing` in the same update so the\n * panel is not `hidden` for a frame before the exit animation starts.\n */\n override willUpdate(changed: PropertyValues): void {\n if (\n changed.has('open')\n && this.open === false\n && changed.get('open') === true\n && !this.syncingOpenSideEffects\n && !this.closing\n ) {\n this.closing = true;\n this.panelAnimated = false;\n }\n }\n\n /**\n * Controlled `open` (e.g. React) must arm/disarm light-dismiss the same way as\n * trigger toggles. Without this, programmatic open shows the panel but click-away\n * never fires.\n */\n override async updated(changed: PropertyValues): Promise<void> {\n super.updated(changed);\n\n if (!changed.has('open') || this.syncingOpenSideEffects) {\n return;\n }\n\n const previousOpen = changed.get('open');\n\n if (previousOpen === this.open) {\n return;\n }\n\n // Initial connect with open=false — nothing to tear down.\n if (previousOpen === undefined && this.open === false) {\n return;\n }\n\n if (this.open) {\n await this.openPopover();\n } else {\n await this.closePopover('api');\n }\n }\n\n private onTriggerSlotChange(event: Event): void {\n const slot = event.target as HTMLSlotElement;\n const [trigger] = slot.assignedElements({ flatten: true }) as HTMLElement[];\n\n this.unbindTrigger(this.triggerElement);\n this.triggerElement = trigger ?? null;\n this.bindTrigger(this.triggerElement);\n }\n\n private bindTrigger(trigger: HTMLElement | null): void {\n if (!trigger) {\n return;\n }\n\n if (!trigger.id) {\n trigger.id = this.triggerId;\n }\n\n trigger.setAttribute('aria-haspopup', 'dialog');\n trigger.addEventListener('click', this.handleToggleClick);\n this.syncExpanded();\n }\n\n private unbindTrigger(trigger: HTMLElement | null): void {\n trigger?.removeEventListener('click', this.handleToggleClick);\n }\n\n private handleToggleClick = (event: Event): void => {\n event.preventDefault();\n event.stopPropagation();\n\n if (this.closing) {\n return;\n }\n\n // Flip `open` only — side effects run from `updated()` (same as dropdown-menu).\n this.open = !this.open;\n };\n\n private async openPopover(): Promise<void> {\n if (!this.getAnchor()) {\n return;\n }\n\n // Finish any in-flight exit before arming a new open.\n if (this.exitAnimationPromise) {\n await this.exitAnimationPromise;\n }\n\n // Already armed from a prior controlled/toggle open.\n if (this.dismissRegistered && this.open) {\n if (this.panelElement) {\n this.panelElement.hidden = false;\n }\n this.syncExpanded();\n return;\n }\n\n if (!this.dispatchEvent(new PkShowEvent())) {\n this.syncingOpenSideEffects = true;\n this.open = false;\n this.syncingOpenSideEffects = false;\n return;\n }\n\n this.syncingOpenSideEffects = true;\n this.open = true;\n this.syncingOpenSideEffects = false;\n this.closing = false;\n this.panelAnimated = false;\n\n if (this.panelElement) {\n this.panelElement.hidden = false;\n // Seed side before first paint so enter keyframes pick a direction.\n syncPopupPlacementAnimation(this.panelElement, this.placement);\n }\n\n this.syncExpanded();\n this.registerDismissHandlers();\n\n await this.updateComplete;\n const placement = await waitForPopupReposition(this.popupElement, this.placement);\n\n if (this.panelElement) {\n syncPopupPlacementAnimation(this.panelElement, placement);\n }\n\n // Flip data-open after placement so the shared enter animation can run.\n this.panelAnimated = true;\n\n this.dispatchEvent(new PkAfterShowEvent());\n this.dispatchEvent(new CustomEvent('pk-open-change', {\n detail: { open: true },\n bubbles: true,\n composed: true,\n }));\n }\n\n /**\n * @param immediate Skip exit animation (disconnect / forced teardown).\n */\n async closePopover(source: PkOverlaySource = 'unknown', immediate = false): Promise<void> {\n if (this.exitAnimationPromise) {\n return this.exitAnimationPromise;\n }\n\n if (!this.dismissRegistered && !this.closing && !this.open) {\n return;\n }\n\n const hideEvent = new PkHideEvent(source);\n\n if (!this.dispatchEvent(hideEvent)) {\n // Controlled close was cancelled — restore open and cancel exit arming.\n this.syncingOpenSideEffects = true;\n this.open = true;\n this.syncingOpenSideEffects = false;\n this.closing = false;\n this.panelAnimated = true;\n return;\n }\n\n this.unregisterDismissHandlers();\n this.closing = true;\n this.panelAnimated = false;\n\n if (this.open) {\n this.syncingOpenSideEffects = true;\n this.open = false;\n this.syncingOpenSideEffects = false;\n }\n\n const finishClose = async (): Promise<void> => {\n if (!immediate) {\n await this.updateComplete;\n await this.waitForExitAnimation();\n }\n\n this.closing = false;\n this.panelAnimated = false;\n\n if (this.panelElement) {\n this.panelElement.hidden = true;\n this.panelElement.removeAttribute('data-side');\n }\n\n this.syncExpanded();\n\n this.dispatchEvent(new PkAfterHideEvent());\n this.dispatchEvent(new CustomEvent('pk-open-change', {\n detail: { open: false },\n bubbles: true,\n composed: true,\n }));\n };\n\n this.exitAnimationPromise = finishClose().finally(() => {\n this.exitAnimationPromise = null;\n });\n\n return this.exitAnimationPromise;\n }\n\n private waitForExitAnimation(): Promise<void> {\n const panel = this.panelElement;\n\n if (!panel) {\n return Promise.resolve();\n }\n\n return new Promise((resolve) => {\n let settled = false;\n\n const finish = (): void => {\n if (settled) {\n return;\n }\n\n settled = true;\n panel.removeEventListener('animationend', onAnimationEnd);\n window.clearTimeout(fallback);\n panel.classList.remove('closing');\n resolve();\n };\n\n const onAnimationEnd = (event: AnimationEvent): void => {\n if (event.target === panel && event.animationName.startsWith('pk-popup-content-out')) {\n finish();\n }\n };\n\n panel.classList.add('closing');\n panel.addEventListener('animationend', onAnimationEnd);\n const fallback = window.setTimeout(finish, 150);\n });\n }\n\n private getAnchor(): Element | string | null {\n if (this.anchor) {\n return this.anchor;\n }\n\n if (this.for) {\n return resolveElementById(this, this.for);\n }\n\n if (this.triggerElement) {\n return this.triggerElement;\n }\n\n return null;\n }\n\n private registerDismissHandlers(): void {\n if (this.dismissRegistered) {\n return;\n }\n\n registerDismissible(this);\n this.dismissRegistered = true;\n document.addEventListener('pointerdown', this.onDocumentPointerDown, true);\n document.addEventListener('keydown', this.onDocumentKeyDown, true);\n }\n\n private unregisterDismissHandlers(): void {\n if (this.dismissRegistered) {\n unregisterDismissible(this);\n this.dismissRegistered = false;\n }\n\n document.removeEventListener('pointerdown', this.onDocumentPointerDown, true);\n document.removeEventListener('keydown', this.onDocumentKeyDown, true);\n }\n\n private onDocumentPointerDown = (event: PointerEvent): void => {\n if (this.isPointerInside(event) || this.closing) {\n return;\n }\n\n void this.closePopover('light-dismiss');\n };\n\n private isPointerInside(event: PointerEvent): boolean {\n return isPointerInsideOverlay(event, {\n host: this,\n anchor: this.getAnchorElement(),\n panel: this.panelElement,\n });\n };\n\n private onDocumentKeyDown = (event: KeyboardEvent): void => {\n if (event.key !== 'Escape' || !isTopDismissible(this) || this.closing) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n void this.closePopover('escape');\n };\n\n private getAnchorElement(): HTMLElement | null {\n if (this.anchor instanceof HTMLElement) {\n return this.anchor;\n }\n\n if (this.triggerElement) {\n return this.triggerElement;\n }\n\n if (this.for) {\n return resolveElementById(this, this.for);\n }\n\n return null;\n }\n\n private syncExpanded(): void {\n this.triggerElement?.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n }\n\n override render() {\n const anchor = this.getAnchor();\n\n return html`\n <slot name=\"trigger\" @slotchange=${this.onTriggerSlotChange}></slot>\n <pk-popup\n .active=${this.open || this.closing}\n .anchor=${anchor ?? ''}\n .placement=${this.placement}\n .distance=${this.sideOffset}\n .arrow=${this.withArrow}\n flip\n shift\n >\n <div\n part=\"panel\"\n class=${classMap({\n panel: true,\n 'pk-popup-content': true,\n closing: this.closing,\n })}\n ?hidden=${!this.open && !this.closing}\n data-open=${this.panelAnimated && !this.closing ? '' : nothing}\n tabindex=${this.open ? '-1' : nothing}\n >\n <slot></slot>\n </div>\n </pk-popup>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-popover': PkPopover;\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAKA,IAAa,kBAAkB;CAC3B,6BAA6B;CAC7B;CACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EN;;;AC/CM,IAAA,YAAA,MAAM,kBAAkB,UAAU;;;cAI9B;mBAGuB;oBAGjB;eAOL;mBAQI;aAIN;gBASmB;wBAUoB;iBAI3B;uBAIM;mBAEK,SAAS,qBAAqB;2BAC/B;gCAEK;8BAEoB;4BAkFxB,UAAuB;AAChD,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AAEvB,OAAI,KAAK,QACL;AAIJ,QAAK,OAAO,CAAC,KAAK;;gCAsMW,UAA8B;AAC3D,OAAI,KAAK,gBAAgB,MAAM,IAAI,KAAK,QACpC;AAGC,QAAK,aAAa,gBAAgB;;4BAWd,UAA+B;AACxD,OAAI,MAAM,QAAQ,YAAY,CAAC,iBAAiB,KAAK,IAAI,KAAK,QAC1D;AAGJ,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AAClB,QAAK,aAAa,SAAS;;;;gBAtXX;;CA0CzB,IAAY,eAAsC;AAC9C,SAAO,KAAK,cAAc,mBAAmB,IAA6B;;CAqB9E,uBAAsC;AAE7B,OAAK,aAAa,OAAO,KAAK;AACnC,QAAM,sBAAsB;;;;;;CAOhC,WAAoB,SAA+B;AAC/C,MACI,QAAQ,IAAI,OAAO,IAChB,KAAK,SAAS,SACd,QAAQ,IAAI,OAAO,KAAK,QACxB,CAAC,KAAK,0BACN,CAAC,KAAK,SACX;AACE,QAAK,UAAU;AACf,QAAK,gBAAgB;;;;;;;;CAS7B,MAAe,QAAQ,SAAwC;AAC3D,QAAM,QAAQ,QAAQ;AAEtB,MAAI,CAAC,QAAQ,IAAI,OAAO,IAAI,KAAK,uBAC7B;EAGJ,MAAM,eAAe,QAAQ,IAAI,OAAO;AAExC,MAAI,iBAAiB,KAAK,KACtB;AAIJ,MAAI,iBAAiB,KAAA,KAAa,KAAK,SAAS,MAC5C;AAGJ,MAAI,KAAK,KACL,OAAM,KAAK,aAAa;MAExB,OAAM,KAAK,aAAa,MAAM;;CAItC,oBAA4B,OAAoB;EAE5C,MAAM,CAAC,WADM,MAAM,OACI,iBAAiB,EAAE,SAAS,MAAM,CAAC;AAE1D,OAAK,cAAc,KAAK,eAAe;AACvC,OAAK,iBAAiB,WAAW;AACjC,OAAK,YAAY,KAAK,eAAe;;CAGzC,YAAoB,SAAmC;AACnD,MAAI,CAAC,QACD;AAGJ,MAAI,CAAC,QAAQ,GACT,SAAQ,KAAK,KAAK;AAGtB,UAAQ,aAAa,iBAAiB,SAAS;AAC/C,UAAQ,iBAAiB,SAAS,KAAK,kBAAkB;AACzD,OAAK,cAAc;;CAGvB,cAAsB,SAAmC;AACrD,WAAS,oBAAoB,SAAS,KAAK,kBAAkB;;CAejE,MAAc,cAA6B;AACvC,MAAI,CAAC,KAAK,WAAW,CACjB;AAIJ,MAAI,KAAK,qBACL,OAAM,KAAK;AAIf,MAAI,KAAK,qBAAqB,KAAK,MAAM;AACrC,OAAI,KAAK,aACL,MAAK,aAAa,SAAS;AAE/B,QAAK,cAAc;AACnB;;AAGJ,MAAI,CAAC,KAAK,cAAc,IAAI,aAAa,CAAC,EAAE;AACxC,QAAK,yBAAyB;AAC9B,QAAK,OAAO;AACZ,QAAK,yBAAyB;AAC9B;;AAGJ,OAAK,yBAAyB;AAC9B,OAAK,OAAO;AACZ,OAAK,yBAAyB;AAC9B,OAAK,UAAU;AACf,OAAK,gBAAgB;AAErB,MAAI,KAAK,cAAc;AACnB,QAAK,aAAa,SAAS;AAE3B,+BAA4B,KAAK,cAAc,KAAK,UAAU;;AAGlE,OAAK,cAAc;AACnB,OAAK,yBAAyB;AAE9B,QAAM,KAAK;EACX,MAAM,YAAY,MAAM,uBAAuB,KAAK,cAAc,KAAK,UAAU;AAEjF,MAAI,KAAK,aACL,6BAA4B,KAAK,cAAc,UAAU;AAI7D,OAAK,gBAAgB;AAErB,OAAK,cAAc,IAAI,kBAAkB,CAAC;AAC1C,OAAK,cAAc,IAAI,YAAY,kBAAkB;GACjD,QAAQ,EAAE,MAAM,MAAM;GACtB,SAAS;GACT,UAAU;GACb,CAAC,CAAC;;;;;CAMP,MAAM,aAAa,SAA0B,WAAW,YAAY,OAAsB;AACtF,MAAI,KAAK,qBACL,QAAO,KAAK;AAGhB,MAAI,CAAC,KAAK,qBAAqB,CAAC,KAAK,WAAW,CAAC,KAAK,KAClD;EAGJ,MAAM,YAAY,IAAI,YAAY,OAAO;AAEzC,MAAI,CAAC,KAAK,cAAc,UAAU,EAAE;AAEhC,QAAK,yBAAyB;AAC9B,QAAK,OAAO;AACZ,QAAK,yBAAyB;AAC9B,QAAK,UAAU;AACf,QAAK,gBAAgB;AACrB;;AAGJ,OAAK,2BAA2B;AAChC,OAAK,UAAU;AACf,OAAK,gBAAgB;AAErB,MAAI,KAAK,MAAM;AACX,QAAK,yBAAyB;AAC9B,QAAK,OAAO;AACZ,QAAK,yBAAyB;;EAGlC,MAAM,cAAc,YAA2B;AAC3C,OAAI,CAAC,WAAW;AACZ,UAAM,KAAK;AACX,UAAM,KAAK,sBAAsB;;AAGrC,QAAK,UAAU;AACf,QAAK,gBAAgB;AAErB,OAAI,KAAK,cAAc;AACnB,SAAK,aAAa,SAAS;AAC3B,SAAK,aAAa,gBAAgB,YAAY;;AAGlD,QAAK,cAAc;AAEnB,QAAK,cAAc,IAAI,kBAAkB,CAAC;AAC1C,QAAK,cAAc,IAAI,YAAY,kBAAkB;IACjD,QAAQ,EAAE,MAAM,OAAO;IACvB,SAAS;IACT,UAAU;IACb,CAAC,CAAC;;AAGP,OAAK,uBAAuB,aAAa,CAAC,cAAc;AACpD,QAAK,uBAAuB;IAC9B;AAEF,SAAO,KAAK;;CAGhB,uBAA8C;EAC1C,MAAM,QAAQ,KAAK;AAEnB,MAAI,CAAC,MACD,QAAO,QAAQ,SAAS;AAG5B,SAAO,IAAI,SAAS,YAAY;GAC5B,IAAI,UAAU;GAEd,MAAM,eAAqB;AACvB,QAAI,QACA;AAGJ,cAAU;AACV,UAAM,oBAAoB,gBAAgB,eAAe;AACzD,WAAO,aAAa,SAAS;AAC7B,UAAM,UAAU,OAAO,UAAU;AACjC,aAAS;;GAGb,MAAM,kBAAkB,UAAgC;AACpD,QAAI,MAAM,WAAW,SAAS,MAAM,cAAc,WAAW,uBAAuB,CAChF,SAAQ;;AAIhB,SAAM,UAAU,IAAI,UAAU;AAC9B,SAAM,iBAAiB,gBAAgB,eAAe;GACtD,MAAM,WAAW,OAAO,WAAW,QAAQ,IAAI;IACjD;;CAGN,YAA6C;AACzC,MAAI,KAAK,OACL,QAAO,KAAK;AAGhB,MAAI,KAAK,IACL,QAAO,mBAAmB,MAAM,KAAK,IAAI;AAG7C,MAAI,KAAK,eACL,QAAO,KAAK;AAGhB,SAAO;;CAGX,0BAAwC;AACpC,MAAI,KAAK,kBACL;AAGJ,sBAAoB,KAAK;AACzB,OAAK,oBAAoB;AACzB,WAAS,iBAAiB,eAAe,KAAK,uBAAuB,KAAK;AAC1E,WAAS,iBAAiB,WAAW,KAAK,mBAAmB,KAAK;;CAGtE,4BAA0C;AACtC,MAAI,KAAK,mBAAmB;AACxB,yBAAsB,KAAK;AAC3B,QAAK,oBAAoB;;AAG7B,WAAS,oBAAoB,eAAe,KAAK,uBAAuB,KAAK;AAC7E,WAAS,oBAAoB,WAAW,KAAK,mBAAmB,KAAK;;CAWzE,gBAAwB,OAA8B;AAClD,SAAO,uBAAuB,OAAO;GACjC,MAAM;GACN,QAAQ,KAAK,kBAAkB;GAC/B,OAAO,KAAK;GACf,CAAC;;CAaN,mBAA+C;AAC3C,MAAI,KAAK,kBAAkB,YACvB,QAAO,KAAK;AAGhB,MAAI,KAAK,eACL,QAAO,KAAK;AAGhB,MAAI,KAAK,IACL,QAAO,mBAAmB,MAAM,KAAK,IAAI;AAG7C,SAAO;;CAGX,eAA6B;AACzB,OAAK,gBAAgB,aAAa,iBAAiB,KAAK,OAAO,SAAS,QAAQ;;CAGpF,SAAkB;EACd,MAAM,SAAS,KAAK,WAAW;AAE/B,SAAO,IAAI;+CAC4B,KAAK,oBAAoB;;0BAE9C,KAAK,QAAQ,KAAK,QAAQ;0BAC1B,UAAU,GAAG;6BACV,KAAK,UAAU;4BAChB,KAAK,WAAW;yBACnB,KAAK,UAAU;;;;;;4BAMZ,SAAS;GACb,OAAO;GACP,oBAAoB;GACpB,SAAS,KAAK;GACjB,CAAC,CAAC;8BACO,CAAC,KAAK,QAAQ,CAAC,KAAK,QAAQ;gCAC1B,KAAK,iBAAiB,CAAC,KAAK,UAAU,KAAK,QAAQ;+BACpD,KAAK,OAAO,OAAO,QAAQ;;;;;;;;YAlarD,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAG3B,SAAS;CAAE,WAAW;CAAe,MAAM;CAAQ,CAAC,CAAA,EAAA,UAAA,WAAA,cAAA,KAAA,EAAA;YAOpD,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,SAAA,KAAA,EAAA;YAQ1C,SAAS;CAAE,WAAW;CAAc,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAInE,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,OAAA,KAAA,EAAA;YAS3B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,UAAA,WAAA,UAAA,KAAA,EAAA;YAG9B,MAAM,WAAW,CAAA,EAAA,UAAA,WAAA,gBAAA,KAAA,EAAA;YAOjB,OAAO,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;YAIP,OAAO,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA,EAAA;YAIP,OAAO,CAAA,EAAA,UAAA,WAAA,iBAAA,KAAA,EAAA;wBAxDX,cAAc,aAAa,CAAA,EAAA,UAAA"}