npm - @verbb/plugin-kit-web - Versions diffs - 2.0.13 → 2.0.15 - Mend

@verbb/plugin-kit-web 2.0.13 → 2.0.15

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 (247) hide show

package/dist/chunks/pk-dropdown-item-BoZTGWMU.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pk-dropdown-item-BoZTGWMU.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-line-height: 1.5;\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-line-height: 1.5;\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-line-height: 1.5;\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-line-height: 1.5;\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-line-height: 1.5;\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 * Slotted label text inherits from this host (light DOM), not from\n * shadow .item — pin size-token metrics so Craft CP / Tailwind /\n * bare hosts all get the same item rhythm.\n */\n font-size: var(--pk-dropdown-item-font-size, var(--pk-font-size-base));\n line-height: var(--pk-dropdown-item-line-height, 1.5);\n color: var(--text-color, var(--pk-color-gray-700));\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 /* Explicit — do not let font:inherit re-leak page line-height. */\n line-height: var(--pk-dropdown-item-line-height, 1.5);\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 '../../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-DLgrmYND.js → pk-dropdown-label-Da28F917.js} RENAMED Viewed

@@ -1,6 +1,5 @@
-import { n as PkElement, t as __decorate } from "./decorate-W02hmVTt.js";
+import { n as PkElement, s as customElement, t as __decorate } from "./decorate-R0X811qp.js";
 import { css, html } from "lit";
-import { customElement } from "lit/decorators.js";
 //#region src/components/dropdown-menu/pk-dropdown-label.styles.ts
 var pkDropdownLabelStyles = css`
     @layer pk-component {
@@ -51,4 +50,4 @@ PkDropdownLabel = __decorate([customElement("pk-dropdown-label")], PkDropdownLab
 //#endregion
 export { PkDropdownLabel as t };
-//# sourceMappingURL=pk-dropdown-label-DLgrmYND.js.map
+//# sourceMappingURL=pk-dropdown-label-Da28F917.js.map

package/dist/chunks/{pk-dropdown-label-DLgrmYND.js.map → pk-dropdown-label-Da28F917.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pk-dropdown-label-~~DLgrmYND~~.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 Slotted label copy inherits through the flat tree from this host\n * when page metrics would otherwise leak via font:inherit chains.\n /\n font-size: var(--pk-dropdown-label-font-size, 13px);\n line-height: 1.3;\n color: var(--pk-color-slate-700, rgba(96, 125, 159, 0.7));\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: inherit;\n font: inherit;\n font-weight: 400;\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"}
1	+ {"version":3,"file":"pk-dropdown-label-Da28F917.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 Slotted label copy inherits through the flat tree from this host\n * when page metrics would otherwise leak via font:inherit chains.\n /\n font-size: var(--pk-dropdown-label-font-size, 13px);\n line-height: 1.3;\n color: var(--pk-color-slate-700, rgba(96, 125, 159, 0.7));\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: inherit;\n font: inherit;\n font-weight: 400;\n user-select: none;\n pointer-events: none;\n }\n }\n`;\n","import { html } from 'lit';\nimport { customElement } from '../../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-r5wgkvmZ.js → pk-dropdown-menu-CfZc7dIz.js} RENAMED Viewed

@@ -1,14 +1,13 @@
-import { n as PkElement, t as __decorate } from "./decorate-W02hmVTt.js";
+import { a as query, i as property, n as PkElement, s as customElement, t as __decorate } from "./decorate-R0X811qp.js";
 import { r as buttonGroupCornerRoleStyles } from "./button-group-item.styles-DYmBR28a.js";
 import { t as activeElements } from "./active-elements-BwpXu8Lb.js";
 import { i as unregisterDismissible, n as isTopDismissible, r as registerDismissible } from "./dismissible-stack-XQUMfKO3.js";
 import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-D0pkTQyI.js";
-import { r as resolveElementById } from "./pk-popup-CgiXok-U.js";
+import { r as resolveElementById } from "./pk-popup-B9AgBC2V.js";
 import { i as waitForPopupReposition } from "./popup-placement-animation-WlEXnS85.js";
 import { t as animateWithClass } from "./animate-with-class-ZJeCOKB3.js";
-import { n as dropdownMenuHostSizeStyles, r as dropdownMenuPanelSizeStyles, t as PkDropdownItem } from "./pk-dropdown-item-HcIUlFH1.js";
+import { n as dropdownMenuHostSizeStyles, r as dropdownMenuPanelSizeStyles, t as PkDropdownItem } from "./pk-dropdown-item-BoZTGWMU.js";
 import { css, html } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
 //#region src/components/dropdown-menu/pk-dropdown-menu.styles.ts
 /**
 * Dropdown panel motion —  `pk-dropdown` scale+fade, with transform
@@ -732,4 +731,4 @@ PkDropdownMenu = __decorate([customElement("pk-dropdown-menu")], PkDropdownMenu)
 //#endregion
 export { PkDropdownMenu as t };
-//# sourceMappingURL=pk-dropdown-menu-r5wgkvmZ.js.map
+//# sourceMappingURL=pk-dropdown-menu-CfZc7dIz.js.map

package/dist/chunks/pk-dropdown-menu-CfZc7dIz.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pk-dropdown-menu-CfZc7dIz.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 '../../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';\n// Keep the internal element registered when production builds erase type-only imports.\nimport '../popup/pk-popup.js';\nimport type { PkPopup, PkPopupPlacement } from '../popup/pk-popup.js';\nimport { 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-DQZQ6JLb.js → pk-editable-table-Cn4WXqAo.js} RENAMED Viewed

@@ -1,23 +1,22 @@
-import { t as __decorate } from "./decorate-W02hmVTt.js";
-import "./pk-button-QpDDlRbG.js";
-import { t as PkFormAssociatedElement } from "./pk-form-associated-element-DmZKgNPL.js";
+import { i as property, o as state, s as customElement, t as __decorate } from "./decorate-R0X811qp.js";
+import "./pk-button-BWGDkuzc.js";
+import { t as PkFormAssociatedElement } from "./pk-form-associated-element-9M2NzOE2.js";
 import { t as RequiredValidator } from "./required-validator-CEg8dvjS.js";
-import "./pk-checkbox-Bavq3-9C.js";
+import "./pk-checkbox-CvZwJZn_.js";
 import { n as renderIconHtml } from "./render-Dvc3MHQR.js";
-import "./pk-combobox-BqaSsLJb.js";
-import "./pk-input-naIRPWGC.js";
-import "./pk-textarea-BEapC8Rk.js";
-import "./pk-lightswitch-B-rLflNq.js";
-import "./pk-dropdown-item-HcIUlFH1.js";
-import "./pk-dropdown-menu-r5wgkvmZ.js";
-import "./pk-color-input-BCCXCZMA.js";
-import "./pk-date-picker-BM4HMb4-.js";
-import "./pk-option-Cy7oOcwF.js";
-import "./pk-select-BeMDXEC6.js";
-import "./pk-time-picker-RlAqlho4.js";
+import "./pk-combobox-BLft8AXy.js";
+import "./pk-input-DDkIXOkt.js";
+import "./pk-textarea-BcAyZYC-.js";
+import "./pk-lightswitch-DI1BeCmA.js";
+import "./pk-dropdown-item-BoZTGWMU.js";
+import "./pk-dropdown-menu-CfZc7dIz.js";
+import "./pk-color-input-DXdqNCK7.js";
+import "./pk-date-picker-Bri3kZ6x.js";
+import "./pk-option-MGj9SKOK.js";
+import "./pk-select-C1s0OJr0.js";
+import "./pk-time-picker-5D4nmig2.js";
 import { css, html, nothing } from "lit";
 import { classMap } from "lit/directives/class-map.js";
-import { customElement, property, state } from "lit/decorators.js";
 import { arrowDown, arrowUp, ellipsis, gear, getIcon, gripMove, plus, xmark } from "@verbb/plugin-kit-icons";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { repeat } from "lit/directives/repeat.js";
@@ -778,6 +777,62 @@ var isCustomColumn = (column) => {
 	if (type === "custom") return true;
 	return typeof type === "string" && !BUILTIN_COLUMN_TYPES.has(type);
 };
+/**
+* Column types that receive TSV paste *writes* (Craft `importData` fills textual
+* cells; checkbox/radio/lightswitch and static/custom cells are skipped).
+*/
+var PASTE_IMPORT_SKIP_TYPES = new Set([
+	"checkbox",
+	"radio",
+	"lightswitch",
+	"heading",
+	"label"
+]);
+/**
+* Types that intercept multi-cell paste (Craft attaches `handlePaste` to textual
+* inputs except multiline — native paste stays on `textarea`).
+*/
+var PASTE_INTERCEPT_TYPES = new Set([
+	"text",
+	"number",
+	"email",
+	"url",
+	"handle",
+	"value",
+	"color",
+	"date",
+	"time"
+]);
+/** Whether a multi-cell paste gesturing from this cell should run `importData`. */
+var columnInterceptsPaste = (column) => {
+	if (isCustomColumn(column)) return false;
+	return PASTE_INTERCEPT_TYPES.has(column.type ?? "text");
+};
+/** Whether `importData` should write a clipboard cell into this column. */
+var columnAcceptsPasteImport = (column) => {
+	if (isCustomColumn(column)) return false;
+	return !PASTE_IMPORT_SKIP_TYPES.has(column.type ?? "text");
+};
+/**
+* Craft `Craft.trim(text, ' \\n\\r')` — strip spaces/newlines from both ends so a
+* trailing spreadsheet newline does not create an empty extra row.
+*/
+var trimClipboardText = (text) => {
+	return String(text ?? "").replace(/^[\n\r ]+|[\n\r ]+$/g, "");
+};
+/** True when clipboard looks like a multi-cell / multi-row TSV paste. */
+var isMultiCellClipboard = (text) => {
+	return /[\t\r\n]/.test(text);
+};
+/**
+* Parse spreadsheet clipboard text into a grid (rows → cells).
+* Excel / Sheets copy as tab-separated values with newline-separated rows.
+*/
+var parseTsvClipboard = (text) => {
+	const trimmed = trimClipboardText(text);
+	if (!trimmed) return [];
+	return trimmed.split(/\r?\n|\r/).map((line) => line.split("	"));
+};
 //#endregion
 //#region src/components/editable-table/pk-editable-table.ts
 /** Craft CP reorder diamond (`grip-move`). */
@@ -803,6 +858,8 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
 		this.allowAdd = true;
 		this.allowDelete = true;
 		this.allowReorder = true;
+		this.allowInsert = true;
+		this.maxRows = null;
 		this.addRowLabel = "";
 		this.fieldName = "";
 		this.cellErrors = {};
@@ -879,7 +936,7 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
 		return this.validColumns.filter(isGeneratedColumn);
 	}
 	get showActionsColumn() {
-		return this.allowReorder || this.allowDelete || Boolean(this.getRowMenuItems);
+		return this.allowReorder || this.allowDelete || this.allowInsert || Boolean(this.getRowMenuItems);
 	}
 	cleanRows() {
 		return this.internalRows.map((row) => {
@@ -1067,23 +1124,123 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
 		}));
 		this.commitRows(next, cellChanges);
 	}
-	addRow() {
-		if (this.disabled || !this.allowAdd) return;
+	canAddRow(currentCount = this.internalRows.length) {
+		if (this.disabled || !this.allowAdd) return false;
+		if (this.maxRows != null && Number.isFinite(this.maxRows) && currentCount >= this.maxRows) return false;
+		return true;
+	}
+	createEmptyRow() {
+		if (!this.canAddRow()) return null;
 		const row = {
 			_id: nextRowId(),
 			...this.newRowDefaults && typeof this.newRowDefaults === "object" ? this.newRowDefaults : {}
 		};
 		for (const column of this.validColumns) if (!(column.name in row)) row[column.name] = defaultValueForColumn(column);
+		return row;
+	}
+	addRow() {
+		const row = this.createEmptyRow();
+		if (!row) return;
 		this.internalRows = [...this.internalRows, row];
 		this.syncGeneratedModesFromRows();
 		this.emitChange();
 	}
+	/** Insert a blank row at `index` (0 = above first row). No-ops when add is disallowed. */
+	insertRowAt(index) {
+		const row = this.createEmptyRow();
+		if (!row) return;
+		const clamped = Math.max(0, Math.min(index, this.internalRows.length));
+		const next = this.internalRows.slice();
+		next.splice(clamped, 0, row);
+		this.internalRows = next;
+		this.syncGeneratedModesFromRows();
+		this.emitChange();
+	}
 	removeRow(rowIndex) {
 		if (this.disabled || !this.allowDelete) return;
 		this.internalRows = this.internalRows.filter((_, index) => index !== rowIndex);
 		this.syncGeneratedModesFromRows();
 		this.emitChange();
 	}
+	/**
+	* Craft EditableTable paste: intercept only when the clipboard has tabs/newlines.
+	* Listens on the scroll wrapper so events compose out of cell control shadows.
+	*/
+	handleTablePaste(event) {
+		if (this.disabled || !event.clipboardData) return;
+		const data = trimClipboardText(event.clipboardData.getData("text/plain") || event.clipboardData.getData("Text") || "");
+		if (!isMultiCellClipboard(data)) return;
+		const path = event.composedPath();
+		let cell = null;
+		let row = null;
+		for (const node of path) {
+			if (node instanceof HTMLTableCellElement && node.tagName === "TD" && !node.classList.contains("actions")) cell = node;
+			if (node instanceof HTMLTableRowElement && node.dataset.rowId) {
+				row = node;
+				break;
+			}
+		}
+		if (!cell || !row) return;
+		const rowIndex = this.internalRows.findIndex((item) => String(item._id) === row.dataset.rowId);
+		const columnIndex = [...row.querySelectorAll(":scope > td:not(.actions)")].indexOf(cell);
+		if (rowIndex < 0 || columnIndex < 0) return;
+		const column = this.validColumns[columnIndex];
+		if (!column || !columnInterceptsPaste(column)) return;
+		event.preventDefault();
+		event.stopPropagation();
+		this.importTsvData(data, rowIndex, columnIndex);
+	}
+	/**
+	* Apply a TSV grid starting at `[startRowIndex, startColumnIndex]`.
+	* Skips non-textual columns (checkbox etc.) but still advances the column
+	* cursor — same as Craft writing only into matching `textarea`/`input`s.
+	*/
+	importTsvData(data, startRowIndex, startColumnIndex) {
+		const grid = parseTsvClipboard(data);
+		if (grid.length === 0) return;
+		const columns = this.validColumns;
+		if (columns.length === 0 || startColumnIndex >= columns.length) return;
+		const next = this.internalRows.map((row) => ({ ...row }));
+		let rowIndex = startRowIndex;
+		let mutated = false;
+		for (let lineIndex = 0; lineIndex < grid.length; lineIndex++) {
+			if (rowIndex >= next.length) {
+				if (!this.canAddRow(next.length)) break;
+				const created = {
+					_id: nextRowId(),
+					...this.newRowDefaults && typeof this.newRowDefaults === "object" ? this.newRowDefaults : {}
+				};
+				for (const column of columns) if (!(column.name in created)) created[column.name] = defaultValueForColumn(column);
+				next.push(created);
+				mutated = true;
+			}
+			const cells = grid[lineIndex] ?? [];
+			const row = next[rowIndex];
+			if (!row) break;
+			let rowPatch = null;
+			for (let cellIndex = 0; cellIndex < cells.length; cellIndex++) {
+				const column = columns[startColumnIndex + cellIndex];
+				if (!column) break;
+				if (!columnAcceptsPasteImport(column)) continue;
+				const value = cells[cellIndex] ?? "";
+				if (row[column.name] === value) continue;
+				rowPatch = rowPatch ?? {};
+				rowPatch[column.name] = value;
+			}
+			if (rowPatch) {
+				next[rowIndex] = {
+					...row,
+					...rowPatch
+				};
+				mutated = true;
+			}
+			rowIndex += 1;
+		}
+		if (!mutated) return;
+		this.internalRows = next;
+		this.syncGeneratedModesFromRows();
+		this.emitChange();
+	}
 	moveRow(rowIndex, direction) {
 		const target = rowIndex + direction;
 		if (this.disabled || target < 0 || target >= this.internalRows.length) return;
@@ -1368,7 +1525,8 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
 		const rowId = String(row._id);
 		const rowMod = this.resolveRowModifier(row, rowIndex);
 		const extraMenuItems = this.resolveRowMenuItems(row, rowIndex);
-		const showRowMenu = this.allowReorder || extraMenuItems.length > 0;
+		const showRowMenu = this.allowReorder || this.allowInsert || extraMenuItems.length > 0;
+		const insertDisabled = this.disabled || !this.canAddRow();
 		return html`<tr
             data-row-id=${rowId}
             data-tone=${rowMod.tone || nothing}
@@ -1421,6 +1579,25 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
                                         ?disabled=${this.disabled}
                                     >${unsafeHTML(START_ELLIPSIS_ICON)}</pk-button>
                                     ${this.renderExtraMenuItems(row, rowIndex)}
+                                    ${this.allowInsert ? html`
+                                            <pk-dropdown-item
+                                                ?disabled=${insertDisabled}
+                                                @click=${() => {
+			this.insertRowAt(rowIndex);
+		}}
+                                            >
+                                                ${unsafeHTML(START_PLUS_ICON)}
+                                                Insert above
+                                            </pk-dropdown-item>
+                                            <pk-dropdown-item
+                                                ?disabled=${insertDisabled}
+                                                @click=${() => {
+			this.insertRowAt(rowIndex + 1);
+		}}
+                                            >
+                                                ${unsafeHTML(START_PLUS_ICON)}
+                                                Insert below
+                                            </pk-dropdown-item>` : nothing}
                                     ${this.allowReorder ? html`
                                             <pk-dropdown-item
                                                 ?disabled=${this.disabled || rowIndex === 0}
@@ -1464,6 +1641,7 @@ var PkEditableTable = class PkEditableTable extends PkFormAssociatedElement {
                 @pk-change=${this.stopInnerControlEvent}
                 @input=${this.stopInnerControlEvent}
                 @change=${this.stopInnerControlEvent}
+                @paste=${this.handleTablePaste}
             >
                 <table class="et">
                     <thead>
@@ -1521,6 +1699,15 @@ __decorate([property({
 	reflect: true,
 	attribute: "allow-reorder"
 })], PkEditableTable.prototype, "allowReorder", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "allow-insert"
+})], PkEditableTable.prototype, "allowInsert", void 0);
+__decorate([property({
+	type: Number,
+	attribute: "max-rows"
+})], PkEditableTable.prototype, "maxRows", void 0);
 __decorate([property({ attribute: "add-row-label" })], PkEditableTable.prototype, "addRowLabel", void 0);
 __decorate([property({ attribute: "field-name" })], PkEditableTable.prototype, "fieldName", void 0);
 __decorate([property({ attribute: false })], PkEditableTable.prototype, "cellErrors", void 0);
@@ -1534,4 +1721,4 @@ PkEditableTable = __decorate([customElement("pk-editable-table")], PkEditableTab
 //#endregion
 export { nextRowId as a, isCustomColumn as i, BUILTIN_COLUMN_TYPES as n, getCustomCellSlotName as r, PkEditableTable as t };
-//# sourceMappingURL=pk-editable-table-DQZQ6JLb.js.map
+//# sourceMappingURL=pk-editable-table-Cn4WXqAo.js.map