@verbb/plugin-kit-web 2.0.14 → 2.0.15

package/dist/chunks/pk-select-BeMDXEC6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-select-BeMDXEC6.js","names":[],"sources":["../../src/components/select/pk-select.styles.ts","../../src/components/select/pk-select.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport { iconStyles } from '../../base/icon.styles.js';\nimport { popupContentAnimationStyles } from '../../styles/popup-content-animation.styles.js';\n\nexport const pkSelectStyles = [\n    popupContentAnimationStyles,\n    css`\n    ${iconStyles}\n    @layer pk-component {\n        :host {\n            display: inline-block;\n            position: relative;\n            width: fit-content;\n            max-width: 100%;\n            align-self: flex-start;\n            flex: none;\n            color: var(--pk-color-gray-700);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: var(--pk-line-height);\n            --pk-select-trigger-border-width: 1px;\n            --pk-select-item-min-height: var(--pk-input-height);\n            --pk-select-item-padding-block: 6px;\n            --pk-select-item-padding-inline: 10px;\n            --pk-select-item-padding-inline-end: 2rem;\n            --pk-select-item-font-size: var(--pk-font-size-base);\n            --pk-select-item-line-height: var(--pk-input-control-line-height, 1.25rem);\n            --pk-select-item-indicator-size: 0.75rem;\n            --pk-select-item-indicator-inset: 0.5rem;\n            /* v1 SelectLabel default: text-xs → 12px */\n            --pk-select-group-label-font-size: 12px;\n            --pk-select-decoration-size: 0.875rem;\n        }\n\n        :host([width='full']) {\n            display: block;\n            width: 100%;\n        }\n\n        :host([width='full']) .control {\n            width: 100%;\n        }\n\n        :host([width='full']) button.control .icon {\n            margin-inline-start: auto;\n        }\n\n        .control {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            /* Fill the host when consumers set min-width/width on :host. */\n            width: 100%;\n            max-width: 100%;\n            min-width: 0;\n            margin: 0;\n            padding: var(--pk-select-item-padding-block) var(--pk-select-item-padding-inline);\n            border: var(--pk-select-trigger-border-width) solid transparent;\n            border-radius: var(--pk-radius-lg);\n            --pk-select-fill: var(--pk-color-slate-250);\n            --pk-select-fill-hover: var(--pk-color-slate-300);\n            background: var(--pk-select-fill);\n            color: var(--pk-color-gray-700);\n            font: inherit;\n            font-size: var(--pk-select-item-font-size);\n            line-height: var(--pk-input-control-line-height, 1.25rem);\n            white-space: nowrap;\n            cursor: pointer;\n            outline: none;\n            box-sizing: border-box;\n            transition: border-color 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;\n        }\n\n        button.control {\n            appearance: none;\n            -webkit-appearance: none;\n            text-align: left;\n            background-color: var(--pk-select-fill);\n            border: var(--pk-select-trigger-border-width) solid transparent;\n        }\n\n        :host(:not([disabled])) .control:hover:not(.is-disabled):not(:disabled),\n        :host(:not([disabled])) button.control:hover:not(.is-disabled):not(:disabled) {\n            background: var(--pk-select-fill-hover);\n        }\n\n        :host(:not([disabled])) button.control:hover:not(.is-disabled):not(:disabled) {\n            background-color: var(--pk-select-fill-hover);\n        }\n\n        :host(:not([invalid]):not(:state(user-invalid))) button.control:focus-visible,\n        :host(:not([invalid]):not(:state(user-invalid))[data-state='focus-visible']) button.control {\n            border-color: var(--pk-color-sky-600);\n            box-shadow: var(--pk-input-focus-shadow);\n        }\n\n        .control.is-disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .trigger {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            flex: 0 0 auto;\n            min-width: 0;\n            padding: 0;\n            border: 0;\n            background: transparent;\n            color: inherit;\n            font: inherit;\n            cursor: inherit;\n            outline: none;\n        }\n\n        .control > .trigger:not(.trigger--icon) {\n            flex: 0 1 auto;\n            justify-content: flex-start;\n        }\n\n        .trigger--icon {\n            width: 1.25rem;\n        }\n\n        .trigger-start {\n            display: none;\n            flex: 0 0 auto;\n            align-items: center;\n        }\n\n        .trigger-start.has-decoration {\n            display: inline-flex;\n        }\n\n        .control-start,\n        .control-end {\n            display: inline-flex;\n            align-items: center;\n            flex-shrink: 0;\n            line-height: 0;\n            color: var(--pk-color-gray-600);\n        }\n\n        slot[name='start']::slotted(svg),\n        slot[name='end']::slotted(svg) {\n            width: var(--pk-select-decoration-size);\n            height: var(--pk-select-decoration-size);\n        }\n\n        .value {\n            flex: 1 1 auto;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            text-align: left;\n        }\n\n        .icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            line-height: 0;\n            pointer-events: none;\n            color: var(--pk-color-gray-600);\n        }\n\n        /* Extra space before the expand chevron (control gap stays for start icon ↔ label). */\n        .control > .icon,\n        .control > .trigger--icon {\n            margin-inline-start: 0.25rem;\n        }\n\n        .icon svg {\n            display: block;\n            width: 0.75rem;\n            height: 0.75rem;\n        }\n\n        .tags {\n            display: flex;\n            flex: 0 1 auto;\n            flex-wrap: wrap;\n            gap: 0.25rem;\n            min-width: 0;\n        }\n\n        .tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.25rem;\n            max-width: 10ch;\n            padding: 0.125rem 0.375rem;\n            border-radius: var(--pk-radius-sm);\n            background: var(--pk-color-gray-200);\n            color: var(--pk-color-gray-800);\n            font-size: 12px;\n            line-height: 1.3;\n        }\n\n        .tag-label {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .tag-remove {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 0.875rem;\n            height: 0.875rem;\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-600);\n            cursor: pointer;\n        }\n\n        .tag-remove:hover {\n            background: rgb(0 0 0 / 8%);\n        }\n\n        .clear-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 1.25rem;\n            height: 1.25rem;\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: var(--pk-color-gray-600);\n            cursor: pointer;\n            flex-shrink: 0;\n        }\n\n        .clear-button:hover {\n            background: rgb(0 0 0 / 6%);\n            color: var(--pk-color-gray-800);\n        }\n\n        .value-input {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n\n        .panel ::slotted(pk-separator) {\n            margin: 4px 0;\n        }\n\n        .panel {\n            width: max-content;\n            min-width: var(--pk-select-anchor-width, 8rem);\n            max-height: 16rem;\n            overflow: auto;\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: var(--pk-color-white);\n            box-shadow: var(--pk-shadow-popup);\n            color: var(--pk-color-gray-700);\n            outline: none;\n        }\n\n        .panel[hidden] {\n            display: none !important;\n        }\n\n        :host([invalid]) .control,\n        :host(:state(user-invalid)) .control {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        :host([invalid]) button.control:focus-visible,\n        :host([invalid][data-state='focus-visible']) button.control,\n        :host(:state(user-invalid)) button.control:focus-visible,\n        :host(:state(user-invalid)[data-state='focus-visible']) button.control {\n            border-color: var(--pk-color-rose-600);\n            box-shadow: var(--pk-input-invalid-focus-shadow);\n        }\n\n        :host([size='xs']) {\n            --pk-select-item-min-height: 0;\n            --pk-select-item-padding-block: 4px;\n            --pk-select-item-padding-inline: 8px;\n            --pk-select-item-padding-inline-end: 1.75rem;\n            --pk-select-item-font-size: 11px;\n            --pk-select-item-line-height: 1.25;\n            /* v1 SelectLabel xs: text-[11px] */\n            --pk-select-group-label-font-size: 11px;\n            --pk-select-decoration-size: 0.625rem;\n        }\n\n        :host([size='xs']) .control {\n            border-radius: var(--pk-radius-sm);\n            /* Match trigger line-height to the compact item token (default is 1.25rem). */\n            line-height: var(--pk-select-item-line-height, 1.25);\n        }\n\n        :host([size='xs']) .icon svg {\n            width: 0.625rem;\n            height: 0.625rem;\n        }\n\n        /* Options live in light DOM; ::slotted pushes size tokens onto each pk-option\n         * host so the open listbox matches the trigger (inheritance alone is flaky when\n         * the panel is promoted to the popover top layer). */\n        :host([size='xs']) ::slotted(pk-option) {\n            --pk-select-item-min-height: 0;\n            --pk-select-item-padding-block: 4px;\n            --pk-select-item-padding-inline: 8px;\n            --pk-select-item-padding-inline-end: 1.75rem;\n            --pk-select-item-font-size: 11px;\n            --pk-select-item-line-height: 1.25;\n            --pk-select-item-indicator-size: 0.625rem;\n        }\n\n        :host([size='xs']) .panel {\n            max-height: 12rem;\n        }\n\n        /* Editable-table cells only (class set by pk-editable-table) — compact chip + menu. */\n        :host(.cell-pk-control) {\n            --pk-select-item-min-height: 0;\n            --pk-select-item-padding-block: 5px;\n            --pk-select-item-padding-inline: 8px;\n            --pk-select-item-padding-inline-end: 1.5rem;\n            --pk-select-item-font-size: 11px;\n            --pk-select-item-line-height: 1.2;\n            /* Compact table chip — match xs label size. */\n            --pk-select-group-label-font-size: 11px;\n            --pk-select-decoration-size: 0.625rem;\n            --pk-select-item-indicator-size: 0.625rem;\n        }\n\n        :host(.cell-pk-control) .control {\n            border-radius: var(--pk-radius-sm);\n            line-height: var(--pk-select-item-line-height, 1.2);\n        }\n\n        :host(.cell-pk-control) ::slotted(pk-option) {\n            --pk-select-item-min-height: 0;\n            --pk-select-item-padding-block: 5px;\n            --pk-select-item-padding-inline: 8px;\n            --pk-select-item-padding-inline-end: 1.5rem;\n            --pk-select-item-font-size: 11px;\n            --pk-select-item-line-height: 1.2;\n            --pk-select-item-indicator-size: 0.625rem;\n        }\n\n        :host(.cell-pk-control) .panel {\n            max-height: 11rem;\n        }\n\n        :host([size='sm']) {\n            --pk-select-item-min-height: 0;\n            --pk-select-item-padding-block: 6px;\n            --pk-select-item-padding-inline: 10px;\n            --pk-select-item-padding-inline-end: 1.75rem;\n            --pk-select-item-font-size: 12px;\n            --pk-select-item-indicator-inset: 0.625rem;\n            /* v1 SelectLabel sm: text-[12px] */\n            --pk-select-group-label-font-size: 12px;\n            --pk-select-decoration-size: 0.6875rem;\n        }\n\n        :host([size='sm']) .control {\n            border-radius: var(--pk-radius-md);\n        }\n\n        :host([size='sm']) .icon svg {\n            width: 0.6875rem;\n            height: 0.6875rem;\n        }\n\n        :host([size='lg']) {\n            --pk-select-item-padding-block: 8px;\n            --pk-select-item-padding-inline: 12px;\n            --pk-select-item-font-size: var(--pk-font-size-base);\n            --pk-select-item-indicator-inset: 0.75rem;\n            /* v1 SelectLabel lg: text-sm → 14px */\n            --pk-select-group-label-font-size: 14px;\n            --pk-select-decoration-size: 1rem;\n        }\n\n        :host([size='xl']) {\n            --pk-select-item-padding-block: 10px;\n            --pk-select-item-padding-inline: 14px;\n            --pk-select-item-padding-inline-end: 2.25rem;\n            --pk-select-item-font-size: var(--pk-font-size-base);\n            --pk-select-item-indicator-inset: 0.875rem;\n            /* v1 SelectLabel xl: text-base → 16px */\n            --pk-select-group-label-font-size: 16px;\n            --pk-select-decoration-size: 1.125rem;\n        }\n\n        :host([size='xl']) .icon svg {\n            width: 0.875rem;\n            height: 0.875rem;\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 { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport type { PropertyValues } from 'lit';\n\nimport { chevronDown, renderIconHtml } from '../../icons/index.js';\n\nimport { isTopDismissible, registerDismissible, unregisterDismissible } from '../../a11y/dismissible-stack.js';\nimport { scrollIntoView } from '../../a11y/scroll-lock.js';\nimport { uniqueId } from '../../a11y/focus.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { HasSlotController } from '../../internal/has-slot.js';\nimport { PkClearEvent } from '../../events/pk-clear.js';\nimport {\n    PkAfterHideEvent,\n    PkAfterShowEvent,\n    PkHideEvent,\n    PkShowEvent,\n    type PkOverlaySource,\n} from '../../events/overlay-lifecycle.js';\nimport type { PkValidator } from '../../validators/types.js';\nimport { MirrorValidator } from '../../validators/mirror-validator.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 {\n    createTypeToSelectHandler,\n    handleListboxKeyDown,\n    isListboxTypeToSelectKey,\n    LISTBOX_NAVIGATION_KEYS,\n} from '../../utils/listbox-keyboard.js';\nimport {\n    syncPopupPlacementAnimation,\n    waitForPopupReposition,\n} from '../../utils/popup-placement-animation.js';\nimport { isEventInsideOverlay, isPointerInsideOverlay } from '../../utils/popup-pointer.js';\nimport { syncListboxSeparators } from '../../internal/sync-listbox-separators.js';\nimport type { PkOption } from './pk-option.js';\nimport type { PkOptionGroup } from './pk-option-group.js';\nimport { pkSelectStyles } from './pk-select.styles.js';\n\nexport type PkSelectSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';\n\nconst CHEVRON_ICON = renderIconHtml(chevronDown);\n\n/**\n * Select —  pattern: slotted `pk-option` children, form-associated, clearable, multiselect tags.\n *\n * @slot start - Presentational decoration before the trigger label (e.g. icons)\n * @slot end - Presentational decoration before the expand chevron\n * @slot - `pk-option` and `pk-option-group` items\n *\n * @csspart control - Trigger control wrapper\n * @csspart start - Host start decoration container\n * @csspart end - Host end decoration container\n * @csspart trigger-start - Mirrored start decoration from the selected option\n * @csspart trigger - Select trigger button\n * @csspart panel - Listbox panel\n */\n@customElement('pk-select')\nexport class PkSelect extends PkFormAssociatedElement {\n    static override styles = pkSelectStyles;\n\n    static override get validators(): PkValidator[] {\n        return [\n            ...super.validators,\n            MirrorValidator(),\n            {\n                observedAttributes: ['required'],\n                checkValidity: (element) => {\n                    const select = element as PkSelect;\n                    const result = {\n                        message: 'Please select an item in the list.',\n                        isValid: true,\n                        invalidKeys: [] as ReturnType<PkValidator['checkValidity']>['invalidKeys'],\n                    };\n\n                    if (!select.required) {\n                        return result;\n                    }\n\n                    const missing = select.multiple ? select.values.length === 0 : !select.value;\n\n                    if (!missing) {\n                        return result;\n                    }\n\n                    result.isValid = false;\n                    result.invalidKeys.push('valueMissing');\n                    return result;\n                },\n            },\n        ];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    @property({ type: Boolean, reflect: true })\n    open = false;\n\n    @property({ type: Boolean, reflect: true })\n    multiple = false;\n\n    @property({ reflect: true })\n    placement: PkPopupPlacement = 'bottom-start';\n\n    /** Gap between the trigger and listbox panel in px (default: 4). */\n    @property({ attribute: 'side-offset', type: Number })\n    sideOffset = 4;\n\n    @property({ type: Boolean, reflect: true })\n    clearable = false;\n\n    @property({ attribute: 'with-clear', type: Boolean })\n    withClear = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    @property({ reflect: true })\n    size: PkSelectSize = 'default';\n\n    /** When `full`, the trigger stretches to the host width. */\n    @property({ reflect: true })\n    width?: 'full';\n\n    /** Empty by default — consumers opt in when a prompt is useful. */\n    @property()\n    placeholder = '';\n\n    @property()\n    value = '';\n\n    @property({ attribute: 'default-value' })\n    defaultValue = '';\n\n    @property({ type: Array, attribute: false })\n    values: string[] = [];\n\n    @property({ attribute: false })\n    defaultValues: string[] = [];\n\n    @property({ attribute: 'aria-label' })\n    ariaLabel: string | null = null;\n\n    /**\n     * Whether arrow-key focus loops from the last option back to the first (and vice versa).\n     * Base UI `Select` has no equivalent; default: `false`.\n     */\n    @property({ attribute: 'loop-focus', type: Boolean })\n    loopFocus = false;\n\n    private readonly hasSlotController = new HasSlotController(this, 'start', 'end');\n\n    private readonly listboxId = uniqueId('pk-select-listbox');\n    private readonly triggerId = uniqueId('pk-select-trigger');\n\n    @query('.trigger-start')\n    private triggerStartElement?: HTMLSpanElement;\n\n    @query('pk-popup')\n    private popupElement!: PkPopup;\n\n    @query('.control')\n    private controlElement!: HTMLElement;\n\n    @query('button.control, .control > button.trigger')\n    private triggerButton?: HTMLButtonElement;\n\n    @query('.value-input')\n    override input!: HTMLInputElement;\n\n    private get panelElement(): HTMLDivElement | null {\n        return this.popupElement?.getContentElement() as HTMLDivElement | null ?? null;\n    }\n\n    private options: PkOption[] = [];\n\n    @state()\n    private highlightedIndex = 0;\n\n    private dismissRegistered = false;\n    private panelEventTarget: HTMLElement | null = null;\n    private typeToSelect = createTypeToSelectHandler([], () => {});\n    private optionsObserver?: MutationObserver;\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    override connectedCallback(): void {\n        this.refreshOptions();\n        super.connectedCallback();\n        this.addEventListener('pk-listbox-keydown', this.handleListboxKeyDownEvent as EventListener);\n        this.addEventListener('keydown', this.onKeyDown);\n        this.optionsObserver = new MutationObserver(() => {\n            this.handleOptionsMutation({ render: true });\n        });\n        this.optionsObserver.observe(this, { childList: true, subtree: true });\n    }\n\n    override disconnectedCallback(): void {\n        this.unbindPanelEvents();\n        this.removeEventListener('pk-listbox-keydown', this.handleListboxKeyDownEvent as EventListener);\n        this.removeEventListener('keydown', this.onKeyDown);\n        this.optionsObserver?.disconnect();\n        void this.closePanel('api');\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') || changed.has('values') || changed.has('multiple')) {\n            this.applySelection();\n        }\n\n        super.updated(changed);\n    }\n\n    private getOptionElements(): PkOption[] {\n        const portaled = this.popupElement?.getContentElement()?.querySelectorAll('pk-option');\n\n        if (portaled && portaled.length > 0) {\n            return [...portaled];\n        }\n\n        return [...this.querySelectorAll('pk-option')];\n    }\n\n    private handleOptionsMutation = (options: { render?: boolean } = {}): void => {\n        const next = this.getOptionElements();\n        const changed = next.length !== this.options.length\n            || next.some((option, index) => option !== this.options[index]);\n\n        this.options = next;\n        this.applySelection();\n        this.updateTypeToSelect();\n\n        if (options.render !== false && changed) {\n            this.requestUpdate();\n        }\n    };\n\n    private refreshOptions(): void {\n        this.handleOptionsMutation({ render: false });\n    }\n\n    private syncOptions = (): void => {\n        this.handleOptionsMutation({ render: true });\n    };\n\n    /** Portaled listbox options are outside the host tree — listen on the panel instead. */\n    private bindPanelEvents(): void {\n        const panel = this.panelElement;\n\n        if (!panel || panel === this.panelEventTarget) {\n            return;\n        }\n\n        this.unbindPanelEvents();\n        this.panelEventTarget = panel;\n        panel.addEventListener('pk-option-select', this.handleOptionSelect as EventListener);\n        panel.addEventListener('pk-option-highlight', this.handleOptionHighlight as EventListener);\n        panel.addEventListener('pk-listbox-keydown', this.handleListboxKeyDownEvent as EventListener);\n    }\n\n    private unbindPanelEvents(): void {\n        if (!this.panelEventTarget) {\n            return;\n        }\n\n        this.panelEventTarget.removeEventListener('pk-option-select', this.handleOptionSelect as EventListener);\n        this.panelEventTarget.removeEventListener('pk-option-highlight', this.handleOptionHighlight as EventListener);\n        this.panelEventTarget.removeEventListener('pk-listbox-keydown', this.handleListboxKeyDownEvent as EventListener);\n        this.panelEventTarget = null;\n    }\n\n    protected override get validationTarget(): HTMLElement | undefined {\n        return this.input ?? this.triggerButton ?? this.controlElement;\n    }\n\n    protected override getAriaMirrorTarget(): HTMLElement | null {\n        return this.triggerButton ?? this.controlElement ?? null;\n    }\n\n    protected override syncFormValue(): void {\n        if (!this.name) {\n            this.setFormValue(null);\n            return;\n        }\n\n        if (this.multiple) {\n            const formData = new FormData();\n\n            for (const item of this.values) {\n                formData.append(this.name, item);\n            }\n\n            this.setFormValue(formData);\n            return;\n        }\n\n        this.setFormValue(this.value || '');\n    }\n\n    protected override resetToDefaultValue(): void {\n        if (this.multiple) {\n            this.values = [...this.defaultValues];\n        } else {\n            this.value = this.defaultValue;\n        }\n\n        this.applySelection();\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (state instanceof FormData && this.name) {\n            this.values = state.getAll(this.name).map(String);\n            return;\n        }\n\n        if (typeof state === 'string') {\n            this.value = state;\n        }\n    }\n\n    private isOptionInHiddenGroup(option: PkOption): boolean {\n        const group = option.closest('pk-option-group') as PkOptionGroup | null;\n\n        return Boolean(group?.hidden);\n    }\n\n    private getVisibleOptions(): PkOption[] {\n        return this.options.filter((option) => !this.isOptionInHiddenGroup(option));\n    }\n\n    private getEnabledVisibleOptions(): PkOption[] {\n        return this.getVisibleOptions().filter((option) => !option.disabled);\n    }\n\n    private isSelected(value: string): boolean {\n        if (this.multiple) {\n            return this.values.includes(value);\n        }\n\n        return this.value === value;\n    }\n\n    private applySelection(): void {\n        const visible = this.getVisibleOptions();\n\n        for (const option of this.options) {\n            option.selected = this.isSelected(option.value);\n            option.hidden = !visible.includes(option);\n            option.optionId = `${this.listboxId}-option-${option.value}`;\n        }\n\n        for (const group of this.querySelectorAll('pk-option-group')) {\n            const groupOptions = [...group.querySelectorAll('pk-option')];\n            group.hidden = groupOptions.length > 0 && groupOptions.every((option) => option.hidden);\n        }\n\n        syncListboxSeparators(this);\n\n        this.syncValueInput();\n        this.syncTriggerDecorations();\n\n        if (this.open) {\n            this.syncHighlight();\n        }\n    }\n\n    private syncValueInput(): void {\n        if (!this.input) {\n            return;\n        }\n\n        if (this.multiple) {\n            this.input.value = this.values.join(',');\n            this.input.required = this.required;\n            return;\n        }\n\n        this.input.value = this.value;\n        this.input.required = this.required;\n    }\n\n    private getDisplayValue(): string {\n        if (this.multiple) {\n            const labels = this.getSelectedOptions()\n                .map((option) => option.getLabel());\n\n            return labels.length > 0 ? labels.join(', ') : this.placeholder;\n        }\n\n        const selected = this.options.find((option) => option.value === this.value);\n\n        return selected?.getLabel() || this.placeholder;\n    }\n\n    private getSelectedOptions(): PkOption[] {\n        return this.options.filter((option) => this.isSelected(option.value));\n    }\n\n    /**\n     * Mirror the selected option's `slot=\"start\"` decorations into the trigger —\n     * `pk-select` start/end decoration pattern.\n     */\n    private syncTriggerDecorations(): void {\n        const container = this.triggerStartElement;\n\n        if (!container || this.multiple) {\n            return;\n        }\n\n        container.replaceChildren();\n        container.classList.remove('has-decoration');\n\n        const selected = this.options.find((option) => option.value === this.value);\n\n        if (!selected) {\n            return;\n        }\n\n        for (const element of selected.getStartElements()) {\n            container.append(element.cloneNode(true));\n        }\n\n        container.classList.toggle('has-decoration', container.childElementCount > 0);\n    }\n\n    private hasSelection(): boolean {\n        if (this.multiple) {\n            return this.values.length > 0;\n        }\n\n        // Empty-string values are valid when an option declares them (e.g. \"Default\").\n        return this.options.some((option) => option.value === this.value) || Boolean(this.value);\n    }\n\n    private syncHighlightedIndexToSelection(): void {\n        if (this.multiple) {\n            return;\n        }\n\n        const enabled = this.getEnabledVisibleOptions();\n\n        if (enabled.length === 0) {\n            return;\n        }\n\n        const selectedIndex = enabled.findIndex((option) => option.value === this.value);\n\n        if (selectedIndex >= 0) {\n            this.highlightedIndex = selectedIndex;\n        }\n    }\n\n    private syncHighlight(): void {\n        const enabled = this.getEnabledVisibleOptions();\n\n        for (const option of this.options) {\n            option.highlighted = false;\n            option.focusIndex = -1;\n        }\n\n        if (enabled.length === 0) {\n            this.highlightedIndex = 0;\n            return;\n        }\n\n        if (this.highlightedIndex >= enabled.length) {\n            this.highlightedIndex = 0;\n        }\n\n        const highlighted = enabled[this.highlightedIndex];\n\n        if (highlighted && this.panelElement) {\n            highlighted.highlighted = true;\n            highlighted.focusIndex = 0;\n            scrollIntoView(highlighted, this.panelElement, 'vertical', 'auto');\n        }\n    }\n\n    private updateTypeToSelect(): void {\n        this.typeToSelect = createTypeToSelectHandler(\n            this.getEnabledVisibleOptions() as unknown as HTMLElement[],\n            (index) => {\n                this.highlightedIndex = index;\n                this.syncHighlight();\n                this.getEnabledVisibleOptions()[index]?.focusControl();\n            },\n        );\n    }\n\n    private togglePanel = (event?: Event): void => {\n        event?.preventDefault();\n        event?.stopPropagation();\n\n        if (this.disabled || this.closing) {\n            return;\n        }\n\n        if (this.open) {\n            void this.closePanel('api');\n        } else {\n            void this.openPanel();\n        }\n    };\n\n    private getPopupAnchor(): HTMLElement | null {\n        return this.controlElement ?? null;\n    }\n\n    private getActiveDescendantId(): string | null {\n        const enabled = this.getEnabledVisibleOptions();\n        const highlighted = enabled[this.highlightedIndex];\n        return highlighted?.optionId || null;\n    }\n\n    async show(): Promise<void> {\n        if (this.open || this.closing || this.disabled) {\n            return;\n        }\n\n        await this.openPanel();\n    }\n\n    async hide(source: PkOverlaySource = 'api'): Promise<void> {\n        if (!this.open || this.closing) {\n            return;\n        }\n\n        await this.closePanel(source);\n    }\n\n    private openPanel(): Promise<void> {\n        const anchor = this.getPopupAnchor();\n\n        if (!anchor || this.closing) {\n            return Promise.resolve();\n        }\n\n        this.dispatchEvent(new PkShowEvent());\n        this.closing = false;\n        this.panelAnimated = false;\n        this.open = true;\n        this.popupElement.active = true;\n        this.applySelection();\n        this.syncHighlightedIndexToSelection();\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        const anchorWidth = anchor.getBoundingClientRect().width;\n        this.style.setProperty('--pk-select-anchor-width', `${anchorWidth}px`);\n        this.registerDismissHandlers();\n        this.syncHighlight();\n        this.updateTypeToSelect();\n\n        return this.updateComplete.then(async () => {\n            const placement = await waitForPopupReposition(this.popupElement, this.placement, 300, {\n                requireEvent: true,\n            });\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            this.bindPanelEvents();\n            this.refreshOptions();\n            this.getEnabledVisibleOptions()[this.highlightedIndex]?.focusControl();\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    private async closePanel(source: PkOverlaySource = 'unknown'): Promise<void> {\n        if (!this.open || this.closing) {\n            return;\n        }\n\n        const hideEvent = new PkHideEvent(source);\n\n        if (!this.dispatchEvent(hideEvent)) {\n            return;\n        }\n\n        this.typeToSelect.reset();\n        this.unbindPanelEvents();\n        this.unregisterDismissHandlers();\n\n        this.closing = true;\n        this.panelAnimated = false;\n        await this.waitForExitAnimation();\n\n        this.open = false;\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.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        if (this.shouldReturnFocusToTrigger(source)) {\n            this.triggerButton?.focus({ preventScroll: true });\n        } else {\n            this.triggerButton?.blur();\n        }\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    /** Base UI skips return focus on outside press — avoids an unwanted focus ring after light dismiss. */\n    private shouldReturnFocusToTrigger(source: PkOverlaySource): boolean {\n        return source !== 'light-dismiss' && source !== 'pointer-dismiss';\n    }\n\n    private registerDismissHandlers(): void {\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)) {\n            return;\n        }\n\n        void this.closePanel('light-dismiss');\n    };\n\n    private isPointerInside(event: PointerEvent): boolean {\n        return isPointerInsideOverlay(event, {\n            anchor: this.getPopupAnchor(),\n            panel: this.panelElement,\n        });\n    };\n\n    private onDocumentKeyDown = (event: KeyboardEvent): void => {\n        if (!this.open) {\n            return;\n        }\n\n        if (event.key === 'Escape') {\n            if (!isTopDismissible(this)) {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n            void this.closePanel('escape');\n            return;\n        }\n\n        const isListboxKey = LISTBOX_NAVIGATION_KEYS.has(event.key) || isListboxTypeToSelectKey(event);\n\n        if (!isListboxKey) {\n            return;\n        }\n\n        if (!isEventInsideOverlay(event, {\n            anchor: this.getPopupAnchor(),\n            panel: this.panelElement,\n        })) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.onListboxKeyDown(event);\n    };\n\n    private handleOptionSelect = (event: CustomEvent<{ value: string }>): void => {\n        const { value } = event.detail;\n\n        if (this.multiple) {\n            this.values = this.values.includes(value)\n                ? this.values.filter((v) => v !== value)\n                : [...this.values, value];\n        } else {\n            this.value = value;\n            void this.closePanel('api');\n        }\n\n        this.applySelection();\n        this.emitValueChange();\n    };\n\n    private handleOptionHighlight = (event: CustomEvent<{ value: string }>): void => {\n        if (!this.open) {\n            return;\n        }\n\n        const enabled = this.getEnabledVisibleOptions();\n        const index = enabled.findIndex((option) => option.value === event.detail.value);\n\n        if (index === -1 || index === this.highlightedIndex) {\n            return;\n        }\n\n        this.highlightedIndex = index;\n        this.syncHighlight();\n    };\n\n    private removeTag(value: string, event: Event): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.values = this.values.filter((item) => item !== value);\n        this.applySelection();\n        this.emitValueChange();\n    }\n\n    private handleClear(event: Event): void {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.multiple) {\n            this.values = [];\n        } else {\n            this.value = '';\n        }\n\n        this.applySelection();\n        this.dispatchEvent(new PkClearEvent());\n        this.emitValueChange();\n        this.triggerButton?.focus();\n    }\n\n    private emitValueChange(): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: {\n                value: this.multiple ? [...this.values] : this.value,\n            },\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 onKeyDown = (event: KeyboardEvent): void => {\n        if (!this.open) {\n            if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                void this.openPanel();\n            }\n\n            return;\n        }\n\n        this.onListboxKeyDown(event);\n    };\n\n    private onListboxKeyDown(event: KeyboardEvent): void {\n        const enabled = this.getEnabledVisibleOptions();\n\n        this.highlightedIndex = handleListboxKeyDown(event, {\n            items: enabled as unknown as HTMLElement[],\n            currentIndex: this.highlightedIndex,\n            multiselect: this.multiple,\n            loop: this.loopFocus,\n            onSelect: (index) => {\n                this.highlightedIndex = index;\n                this.syncHighlight();\n            },\n            focusItem: (index) => {\n                enabled[index]?.focusControl();\n            },\n            onClose: () => { void this.closePanel('escape'); },\n        });\n\n        if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {\n            this.typeToSelect.handleKey(event);\n        }\n    }\n\n    private handleListboxKeyDownEvent = (event: CustomEvent<{ keyboardEvent: KeyboardEvent }>): void => {\n        if (!this.open) {\n            return;\n        }\n\n        this.onListboxKeyDown(event.detail.keyboardEvent);\n    };\n\n    private renderTags() {\n        return this.getSelectedOptions().map((option) => html`\n            <span class=\"tag\" part=\"tag\">\n                <span class=\"tag-label\">${option.getLabel()}</span>\n                <button\n                    type=\"button\"\n                    class=\"tag-remove\"\n                    part=\"tag-remove\"\n                    aria-label=${`Remove ${option.getLabel()}`}\n                    @click=${(event: Event) => this.removeTag(option.value, event)}\n                >\n                    ×\n                </button>\n            </span>\n        `);\n    }\n\n    private renderChevronIcon() {\n        return html`\n            <span class=\"icon\" aria-hidden=\"true\">${unsafeSVG(CHEVRON_ICON)}</span>\n        `;\n    }\n\n    private renderHostDecorationSlot(name: 'start' | 'end') {\n        if (!this.hasSlotController.test(name)) {\n            return html`<slot name=${name} hidden></slot>`;\n        }\n\n        const className = name === 'start' ? 'control-start' : 'control-end';\n\n        return html`\n            <span part=${name} class=${className}>\n                <slot name=${name}></slot>\n            </span>\n        `;\n    }\n\n    override render() {\n        const displayValue = this.getDisplayValue();\n        const isPlaceholder = !this.hasSelection();\n        const showClear = (this.clearable || this.withClear) && this.hasSelection() && !this.disabled;\n\n        return html`\n            <input\n                class=\"value-input\"\n                part=\"value-input\"\n                tabindex=\"-1\"\n                aria-hidden=\"true\"\n                .value=${this.multiple ? this.values.join(',') : this.value}\n                ?required=${this.required}\n                @input=${() => this.updateValidity()}\n            />\n            ${this.multiple\n                ? html`\n                    <div\n                        part=\"control\"\n                        class=${classMap({\n                            control: true,\n                            'is-disabled': this.disabled,\n                        })}\n                    >\n                        ${this.renderHostDecorationSlot('start')}\n                        ${this.hasSelection()\n                            ? html`\n                                <div class=\"tags\" part=\"tags\">${this.renderTags()}</div>\n                                ${showClear\n                                    ? html`\n                                        <button\n                                            type=\"button\"\n                                            class=\"clear-button\"\n                                            part=\"clear-button\"\n                                            aria-label=\"Clear selection\"\n                                            @click=${this.handleClear}\n                                        >\n                                            ×\n                                        </button>\n                                    `\n                                    : nothing}\n                            `\n                            : html`\n                                <button\n                                    part=\"trigger\"\n                                    type=\"button\"\n                                    class=\"trigger\"\n                                    id=${this.triggerId}\n                                    ?disabled=${this.disabled}\n                                    aria-label=${this.ariaLabel ?? nothing}\n                                    aria-haspopup=\"listbox\"\n                                    aria-expanded=${this.open ? 'true' : 'false'}\n                                    aria-controls=${this.listboxId}\n                                    @click=${this.togglePanel}\n                                >\n                                    <span class=\"value is-placeholder\">${this.placeholder}</span>\n                                </button>\n                            `}\n                        ${this.renderHostDecorationSlot('end')}\n                        <button\n                            type=\"button\"\n                            class=\"trigger trigger--icon\"\n                            part=\"trigger expand-button\"\n                            aria-label=\"Toggle options\"\n                            ?disabled=${this.disabled}\n                            @click=${this.togglePanel}\n                        >\n                            ${this.renderChevronIcon()}\n                        </button>\n                    </div>\n                `\n                : html`\n                    <button\n                        part=\"control\"\n                        type=\"button\"\n                        class=${classMap({\n                            control: true,\n                            'is-disabled': this.disabled,\n                        })}\n                        id=${this.triggerId}\n                        ?disabled=${this.disabled}\n                        aria-label=${this.ariaLabel ?? nothing}\n                        aria-haspopup=\"listbox\"\n                        aria-expanded=${this.open ? 'true' : 'false'}\n                        aria-controls=${this.listboxId}\n                        @click=${this.togglePanel}\n                    >\n                        ${this.renderHostDecorationSlot('start')}\n                        <span part=\"trigger-start\" class=\"trigger-start\"></span>\n                        <span\n                            class=${classMap({\n                                value: true,\n                                'is-placeholder': isPlaceholder,\n                            })}\n                        >${displayValue}</span>\n                        ${showClear\n                            ? html`\n                                <span\n                                    class=\"clear-button\"\n                                    part=\"clear-button\"\n                                    role=\"button\"\n                                    tabindex=\"-1\"\n                                    aria-label=\"Clear selection\"\n                                    @click=${this.handleClear}\n                                >\n                                    ×\n                                </span>\n                            `\n                            : nothing}\n                        ${this.renderHostDecorationSlot('end')}\n                        ${this.renderChevronIcon()}\n                    </button>\n                `}\n            <pk-popup\n                .anchor=${this.getPopupAnchor() ?? ''}\n                .placement=${this.placement}\n                .distance=${this.sideOffset}\n                .sync=${'width'}\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                    id=${this.listboxId}\n                    role=\"listbox\"\n                    aria-multiselectable=${this.multiple ? 'true' : 'false'}\n                    tabindex=\"-1\"\n                    ?hidden=${!this.open && !this.closing}\n                    data-open=${this.panelAnimated && !this.closing ? '' : nothing}\n                    @slotchange=${this.syncOptions}\n                >\n                    <slot></slot>\n                </div>\n            </pk-popup>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-select': PkSelect;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-separator-CLb9n0FK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-separator-CLb9n0FK.js","names":[],"sources":["../../src/components/separator/pk-separator.styles.ts","../../src/components/separator/pk-separator.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * Default block rhythm lives on the inner `.line`, not `:host` margin.\n *\n * Outer author styles (Tailwind preflight `* { margin: 0 }`, utilities, etc.) win\n * over shadow `:host` margins — so host margin cannot be the spacing mechanism\n * when kit sits next to a reset. Internal shadow margins are insulated.\n */\nexport const pkSeparatorStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            flex-shrink: 0;\n            margin: 0;\n            padding: 0;\n            border: 0;\n            box-sizing: border-box;\n            background: transparent;\n        }\n\n        .line {\n            display: block;\n            margin: 0;\n            padding: 0;\n            border: 0;\n            box-sizing: border-box;\n            background: var(--pk-color-slate-200);\n        }\n\n        :host([orientation='horizontal']) .line {\n            width: 100%;\n            height: 1px;\n            margin-block: 0.25rem;\n        }\n\n        :host([orientation='vertical']) {\n            display: inline-block;\n            align-self: stretch;\n            width: auto;\n            height: 100%;\n        }\n\n        :host([orientation='vertical']) .line {\n            width: 1px;\n            height: 100%;\n            margin-inline: 0.25rem;\n        }\n\n        /* CE :host { display } otherwise wins over the UA [hidden] rule. */\n        :host([hidden]) {\n            display: none !important;\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { PropertyValues } from 'lit';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkSeparatorStyles } from './pk-separator.styles.js';\n\nexport type PkSeparatorOrientation = 'horizontal' | 'vertical';\n\n/**\n * Visual divider between related content.\n *\n * Default rhythm uses an inner `.line` (not `:host` margin) so outer resets\n * like Tailwind preflight cannot zero the spacing.\n *\n * @csspart base - Painted rule (inner line)\n */\n@customElement('pk-separator')\nexport class PkSeparator extends PkElement {\n    static override styles = pkSeparatorStyles;\n\n    @property({ reflect: true })\n    orientation: PkSeparatorOrientation = 'horizontal';\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.setAttribute('role', 'separator');\n        this.syncAriaOrientation();\n    }\n\n    override updated(changed: PropertyValues): void {\n        super.updated(changed);\n\n        if (changed.has('orientation')) {\n            this.syncAriaOrientation();\n        }\n    }\n\n    private syncAriaOrientation(): void {\n        this.setAttribute('aria-orientation', this.orientation);\n    }\n\n    override render() {\n        // Paint + default margin live inside the shadow — insulated from outer `* { margin: 0 }`.\n        return html`<div class=\"line\" part=\"base\"></div>`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-separator': PkSeparator;\n    }\n}\n"],"mappings":";;;;;;;;;;;AASA,IAAa,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACS7B,IAAA,cAAA,MAAM,oBAAoB,UAAU;;;qBAID;;;gBAHb;;CAKzB,oBAAmC;AAC/B,QAAM,mBAAmB;AACzB,OAAK,aAAa,QAAQ,YAAY;AACtC,OAAK,qBAAqB;;CAG9B,QAAiB,SAA+B;AAC5C,QAAM,QAAQ,QAAQ;AAEtB,MAAI,QAAQ,IAAI,cAAc,CAC1B,MAAK,qBAAqB;;CAIlC,sBAAoC;AAChC,OAAK,aAAa,oBAAoB,KAAK,YAAY;;CAG3D,SAAkB;AAEd,SAAO,IAAI;;;YAvBd,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,YAAA,WAAA,eAAA,KAAA,EAAA;0BAJ/B,cAAc,eAAe,CAAA,EAAA,YAAA"}

package/dist/chunks/pk-tab-heading-79ZuLhXi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-tab-heading-79ZuLhXi.js","names":[],"sources":["../../src/components/tabs/pk-tab-heading.styles.ts","../../src/components/tabs/pk-tab-heading.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTabHeadingStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            flex-shrink: 0;\n            width: 100%;\n        }\n\n        .heading {\n            margin: 0;\n            padding: var(--pk-tabs-heading-padding, 0.75rem 0.5rem 0.375rem);\n            color: var(--pk-tabs-heading-color, var(--pk-color-gray-400));\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-tabs-heading-font-size, 11px);\n            font-weight: var(--pk-tabs-heading-font-weight, 600);\n            line-height: 1.3;\n            letter-spacing: var(--pk-tabs-heading-letter-spacing, 0.04em);\n            text-transform: var(--pk-tabs-heading-text-transform, uppercase);\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 { pkTabHeadingStyles } from './pk-tab-heading.styles.js';\n\n/**\n * Non-interactive group heading inside `pk-tabs` `slot=\"nav\"`.\n * Use between `pk-tab` triggers (especially with `variant=\"sidebar\"`).\n *\n * @slot - Heading text\n *\n * @csspart heading - Heading container\n */\n@customElement('pk-tab-heading')\nexport class PkTabHeading extends PkElement {\n    static override styles = pkTabHeadingStyles;\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        // Keep out of the tablist accessibility tree — only pk-tab triggers are tabs.\n        this.setAttribute('role', 'presentation');\n    }\n\n    override render() {\n        return html`\n            <div part=\"heading\" class=\"heading\">\n                <slot></slot>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tab-heading': PkTabHeading;\n    }\n}\n"],"mappings":";;;;AAEA,IAAa,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;ACa9B,IAAA,eAAA,MAAM,qBAAqB,UAAU;;gBACf;;CAEzB,oBAAmC;AAC/B,QAAM,mBAAmB;AAEzB,OAAK,aAAa,QAAQ,eAAe;;CAG7C,SAAkB;AACd,SAAO,IAAI;;;;;;;2BAXlB,cAAc,iBAAiB,CAAA,EAAA,aAAA"}

package/dist/chunks/pk-textarea-BEapC8Rk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-textarea-BEapC8Rk.js","names":[],"sources":["../../src/components/textarea/pk-textarea.styles.ts","../../src/components/textarea/pk-textarea.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTextareaStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: var(--pk-line-height);\n        }\n\n        .textarea {\n            display: block;\n            width: 100%;\n            min-height: 5rem;\n            margin: 0;\n            padding: 7px 10px;\n            border: var(--pk-input-border);\n            border-radius: var(--pk-textarea-border-radius, var(--pk-radius-md));\n            background: var(--pk-input-bg);\n            background-clip: padding-box;\n            /* Craft CP body / field value text. */\n            color: var(--pk-color-gray-700);\n            font: inherit;\n            line-height: 1.4;\n            resize: vertical;\n            appearance: none;\n            box-sizing: border-box;\n            outline: none;\n            transition: border-color 0.12s ease, box-shadow 0.12s ease;\n        }\n\n        .textarea::placeholder {\n            color: var(--pk-input-placeholder-color, var(--pk-color-gray-400));\n        }\n\n        /* Craft: focus is box-shadow only — do not also flip border-color (double ring). */\n        :host(:not([invalid]):not(:state(user-invalid))) .textarea:focus,\n        :host(:not([invalid]):not(:state(user-invalid))) .textarea:focus-visible,\n        :host([data-state='focus-visible']:not([invalid]):not(:state(user-invalid))) .textarea {\n            box-shadow: var(--pk-input-focus-shadow);\n        }\n\n        .textarea:disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n            background: var(--pk-color-gray-50);\n        }\n\n        :host([invalid]) .textarea,\n        :host(:state(user-invalid)) .textarea {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        :host([invalid]) .textarea:focus,\n        :host([invalid]) .textarea:focus-visible,\n        :host([invalid][data-state='focus-visible']) .textarea,\n        :host(:state(user-invalid)) .textarea:focus,\n        :host(:state(user-invalid)) .textarea:focus-visible {\n            box-shadow: var(--pk-input-invalid-focus-shadow);\n        }\n\n        /* Editable-table cells (v1): flush into the row and fill cell height.\n         * Chain height through form-control — percentage on .textarea alone\n         * doesn't resolve when the wrapper sizes to content (rows / min-height). */\n        :host([fit-cell]),\n        :host([data-editable-table-input]) {\n            display: block;\n            height: 100%;\n            min-height: 100%;\n            box-sizing: border-box;\n            overflow: hidden;\n        }\n\n        :host([fit-cell]) .form-control,\n        :host([data-editable-table-input]) .form-control {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            min-height: 100%;\n        }\n\n        :host([fit-cell]) .textarea,\n        :host([data-editable-table-input]) .textarea {\n            flex: 1 1 auto;\n            border: none;\n            border-radius: 0;\n            background: transparent;\n            box-shadow: none;\n            height: 100%;\n            min-height: 0;\n            max-height: 100%;\n            /* Match text-cell inset (v1 py-1.5 / px-2). 0.5rem block padding +\n             * line-height 1.4 overflows the 34px et cell and shows a scrollbar\n             * even for empty / single-line notes. */\n            padding: 0.375rem 0.5rem;\n            line-height: 1.25;\n            overflow-x: hidden;\n            overflow-y: auto;\n            resize: none;\n        }\n\n        :host([fit-cell]:not([invalid]):not(:state(user-invalid))) .textarea:focus,\n        :host([fit-cell]:not([invalid]):not(:state(user-invalid))) .textarea:focus-visible,\n        :host([fit-cell][data-state='focus-visible']:not([invalid]):not(:state(user-invalid))) .textarea,\n        :host([data-editable-table-input]:not([invalid]):not(:state(user-invalid))) .textarea:focus,\n        :host([data-editable-table-input]:not([invalid]):not(:state(user-invalid))) .textarea:focus-visible,\n        :host([data-editable-table-input][data-state='focus-visible']:not([invalid]):not(:state(user-invalid))) .textarea {\n            border: none;\n            box-shadow: inset 0 0 0 1px var(--pk-color-gray-200);\n        }\n\n        :host([fit-cell][invalid]) .textarea,\n        :host([fit-cell]:state(user-invalid)) .textarea,\n        :host([fit-cell][invalid]) .textarea:focus,\n        :host([fit-cell][invalid]) .textarea:focus-visible,\n        :host([fit-cell]:state(user-invalid)) .textarea:focus,\n        :host([fit-cell]:state(user-invalid)) .textarea:focus-visible,\n        :host([data-editable-table-input][invalid]) .textarea,\n        :host([data-editable-table-input]:state(user-invalid)) .textarea,\n        :host([data-editable-table-input][invalid]) .textarea:focus,\n        :host([data-editable-table-input][invalid]) .textarea:focus-visible,\n        :host([data-editable-table-input]:state(user-invalid)) .textarea:focus,\n        :host([data-editable-table-input]:state(user-invalid)) .textarea:focus-visible {\n            border: none;\n            box-shadow: inset 0 0 0 1px var(--pk-color-rose-600);\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport type { PropertyValues } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { uniqueId } from '../../a11y/focus.js';\nimport { HasSlotController } from '../../internal/has-slot.js';\nimport { syncStandaloneControlAria } from '../../internal/control-aria.js';\nimport { hasInstructionContent, readLegacyInstructions } from '../../internal/field-labels.js';\nimport { MirrorValidator, RequiredValidator } from '../../validators/index.js';\nimport { pkTextareaStyles } from './pk-textarea.styles.js';\n\nexport type PkTextareaSize = 'default' | 'sm';\n\n/**\n * Multiline text field —  API, Craft visuals.\n *\n * @slot label\n * @slot instructions\n * @slot hint - Alias for `instructions`\n *\n * @csspart form-control - Wrapper\n * @csspart label - Label\n * @csspart instructions - Instructions\n * @csspart textarea - Native textarea\n */\n@customElement('pk-textarea')\nexport class PkTextarea extends PkFormAssociatedElement {\n    static override styles = [formControlStyles, pkTextareaStyles];\n\n    static override get validators() {\n        return [...super.validators, MirrorValidator(), RequiredValidator()];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    private readonly hasSlotController = new HasSlotController(this, 'instructions', 'hint', 'label');\n\n    private readonly controlId = uniqueId('pk-textarea');\n\n    @query('textarea')\n    override input!: HTMLTextAreaElement;\n\n    @property()\n    placeholder = '';\n\n    private _value: string | null = null;\n\n    get value(): string {\n        if (this.valueHasChanged) {\n            return this._value ?? '';\n        }\n\n        return this._value ?? this.defaultValue ?? '';\n    }\n\n    @state()\n    set value(val: string | null) {\n        const next = val ?? '';\n\n        if (this._value === next) {\n            return;\n        }\n\n        this.valueHasChanged = true;\n        this._value = next;\n    }\n\n    @property({ attribute: 'value', reflect: true })\n    defaultValue: string | null = null;\n\n    @property({ reflect: true })\n    size: PkTextareaSize = 'default';\n\n    @property()\n    label = '';\n\n    @property()\n    instructions = '';\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    /** Flush + fill parent cell (editable tables). */\n    @property({ type: Boolean, reflect: true, attribute: 'fit-cell' })\n    fitCell = false;\n\n    /** Native `rows` — use `1` in table cells so intrinsic height doesn't overflow. */\n    @property({ type: Number })\n    rows?: number;\n\n    @property({ type: Number, attribute: 'max-length' })\n    maxlength?: number;\n\n    @property({ attribute: 'with-label', type: Boolean })\n    withLabel = false;\n\n    @property({ attribute: 'with-instructions', type: Boolean })\n    withInstructions = false;\n\n    override connectedCallback(): void {\n        this.instructions = readLegacyInstructions(this, this.instructions);\n\n        if (this.hasAttribute('with-hint')) {\n            this.withInstructions = true;\n        }\n\n        super.connectedCallback();\n    }\n\n    protected override syncFormValue(): void {\n        this.setValue(this.value || '');\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.valueHasChanged = false;\n        this._value = null;\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state === 'string') {\n            this.value = state;\n        }\n    }\n\n    override formResetCallback(): void {\n        this.valueHasChanged = false;\n        this._value = null;\n\n        if (this.input) {\n            this.input.value = this.defaultValue ?? '';\n        }\n\n        super.formResetCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') || changed.has('defaultValue')) {\n            this.setState('blank', !this.value);\n        }\n\n        super.updated(changed);\n    }\n\n    protected override syncStandaloneAria(): void {\n        if (!this.input) {\n            return;\n        }\n\n        const hasLabel = this.hasLabelContent();\n        const hasInstructions = this.hasInstructionsContent();\n\n        syncStandaloneControlAria({\n            control: this.input,\n            labelId: `${this.controlId}-label`,\n            instructionsId: `${this.controlId}-instructions`,\n            hasLabel,\n            hasInstructions,\n            required: this.required,\n            invalid: this.invalid || !this.internals.validity.valid,\n        });\n    }\n\n    private hasLabelContent(): boolean {\n        return Boolean(this.label) || this.hasSlotController.test('label', this.withLabel);\n    }\n\n    private hasInstructionsContent(): boolean {\n        return hasInstructionContent(\n            (name, flag) => this.hasSlotController.test(name, flag),\n            this.instructions,\n            this.withInstructions,\n        );\n    }\n\n    focus(options?: FocusOptions): void {\n        this.input?.focus(options);\n    }\n\n    blur(): void {\n        this.input?.blur();\n    }\n\n    private handleInput(): void {\n        this.value = this.input.value;\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    }\n\n    private handleChange(event: Event): void {\n        this.value = this.input.value;\n        event.stopPropagation();\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    override render() {\n        const hasLabel = this.hasLabelContent();\n        const hasInstructions = this.hasInstructionsContent();\n\n        return html`\n            <div part=\"form-control\" class=\"form-control\">\n                ${hasLabel\n                    ? html`\n                        <label\n                            part=\"label\"\n                            class=\"form-control__label\"\n                            id=${`${this.controlId}-label`}\n                            for=${`${this.controlId}-control`}\n                        >\n                            <slot name=\"label\">${this.label}</slot>\n                        </label>\n                    `\n                    : nothing}\n\n                ${hasInstructions\n                    ? html`\n                        <p\n                            part=\"instructions\"\n                            class=\"form-control__instructions\"\n                            id=${`${this.controlId}-instructions`}\n                        >\n                            <slot name=\"instructions\">${this.instructions}</slot>\n                            <slot name=\"hint\"></slot>\n                        </p>\n                    `\n                    : nothing}\n\n                <textarea\n                    part=\"textarea\"\n                    class=\"textarea\"\n                    id=${hasLabel ? `${this.controlId}-control` : nothing}\n                    rows=${ifDefined(this.fitCell ? (this.rows ?? 1) : this.rows)}\n                    .value=${live(this.value)}\n                    placeholder=${this.placeholder || nothing}\n                    maxlength=${ifDefined(this.maxlength)}\n                    ?disabled=${this.disabled}\n                    ?readonly=${this.readonly}\n                    ?required=${this.required}\n                    @input=${this.handleInput}\n                    @change=${this.handleChange}\n                    @focus=${() => this.dispatchEvent(new Event('focus', { bubbles: true, composed: true }))}\n                    @blur=${() => this.dispatchEvent(new Event('blur', { bubbles: true, composed: true }))}\n                ></textarea>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-textarea': PkTextarea;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-tiptap-content-zzx3-xrD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-tiptap-content-zzx3-xrD.js","names":[],"sources":["../../src/components/tiptap/pk-tiptap-content.styles.ts","../../src/components/tiptap/pk-tiptap-content.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTiptapContentStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            /* Inherit light-DOM color/size (warning banners, badges). Tokens override when set. */\n            color: var(--pk-tiptap-content-color, inherit);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-tiptap-content-font-size, inherit);\n            line-height: var(--pk-tiptap-content-line-height, 1.4);\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { PropertyValues } from 'lit';\nimport { Editor } from '@tiptap/core';\nimport {\n    createTiptapExtensions,\n    valueToContent,\n} from '@verbb/plugin-kit-tiptap-core';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapContentStyles } from './pk-tiptap-content.styles.js';\nimport { tiptapContentProseMirrorStyles } from './tiptap.styles.js';\n\nfunction serializeContent(doc: ReturnType<typeof valueToContent>): string {\n    if (!doc) {\n        return '[]';\n    }\n\n    if (Array.isArray(doc.content)) {\n        return JSON.stringify(doc.content);\n    }\n\n    return JSON.stringify(doc);\n}\n\n/**\n * Read-only TipTap / ProseMirror renderer.\n *\n * Pass the same `value` shapes as TiptapEditor: node array, doc object, or JSON string.\n */\n@customElement('pk-tiptap-content')\nexport class PkTiptapContent extends PkElement {\n    static override styles = [pkTiptapContentStyles, tiptapContentProseMirrorStyles];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    private editor: Editor | null = null;\n\n    @property({ attribute: 'value' })\n    value = '';\n\n    override disconnectedCallback(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && this.editor) {\n            this.syncContent();\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        this.mountEditor();\n    }\n\n    private mountEditor(): void {\n        this.editor = new Editor({\n            element: this.editorMount,\n            extensions: createTiptapExtensions({\n                variableTagNodeView: createVariableTagDomNodeView(),\n            }),\n            content: valueToContent(this.value),\n            editable: false,\n        });\n    }\n\n    private syncContent(): void {\n        if (!this.editor) {\n            return;\n        }\n\n        const doc = valueToContent(this.value) ?? { type: 'doc', content: [] };\n        const incoming = serializeContent(valueToContent(this.value));\n        const current = serializeContent(this.editor.getJSON() as ReturnType<typeof valueToContent>);\n\n        if (incoming === current) {\n            return;\n        }\n\n        this.editor.commands.setContent(doc);\n    }\n\n    override render() {\n        return html`<div class=\"editor-mount\" part=\"content\"></div>`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-content': PkTiptapContent;\n    }\n}\n"],"mappings":";;;;;;;AAEA,IAAa,wBAAwB,GAAG;;;;;;;;;;;;;;;ACYxC,SAAS,iBAAiB,KAAgD;AACtE,KAAI,CAAC,IACD,QAAO;AAGX,KAAI,MAAM,QAAQ,IAAI,QAAQ,CAC1B,QAAO,KAAK,UAAU,IAAI,QAAQ;AAGtC,QAAO,KAAK,UAAU,IAAI;;AASvB,IAAA,kBAAA,MAAM,wBAAwB,UAAU;;;gBAMX;eAGxB;;;gBARiB,CAAC,uBAAuB,+BAA+B;;CAUhF,uBAAsC;AAClC,OAAK,QAAQ,SAAS;AACtB,OAAK,SAAS;AACd,QAAM,sBAAsB;;CAGhC,QAAiB,SAA+B;AAC5C,MAAI,QAAQ,IAAI,QAAQ,IAAI,KAAK,OAC7B,MAAK,aAAa;AAGtB,QAAM,QAAQ,QAAQ;;CAG1B,eAA8B;AAC1B,OAAK,aAAa;;CAGtB,cAA4B;AACxB,OAAK,SAAS,IAAI,OAAO;GACrB,SAAS,KAAK;GACd,YAAY,uBAAuB,EAC/B,qBAAqB,8BAA8B,EACtD,CAAC;GACF,SAAS,eAAe,KAAK,MAAM;GACnC,UAAU;GACb,CAAC;;CAGN,cAA4B;AACxB,MAAI,CAAC,KAAK,OACN;EAGJ,MAAM,MAAM,eAAe,KAAK,MAAM,IAAI;GAAE,MAAM;GAAO,SAAS,EAAE;GAAE;AAItE,MAHiB,iBAAiB,eAAe,KAAK,MAAM,CAGxD,KAFY,iBAAiB,KAAK,OAAO,SAAS,CAErC,CACb;AAGJ,OAAK,OAAO,SAAS,WAAW,IAAI;;CAGxC,SAAkB;AACd,SAAO,IAAI;;;YAtDd,MAAM,gBAAgB,CAAA,EAAA,gBAAA,WAAA,eAAA,KAAA,EAAA;YAKtB,SAAS,EAAE,WAAW,SAAS,CAAC,CAAA,EAAA,gBAAA,WAAA,SAAA,KAAA,EAAA;8BATpC,cAAc,oBAAoB,CAAA,EAAA,gBAAA"}

package/dist/chunks/pk-tiptap-editor-DpT4TYdi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-tiptap-editor-DpT4TYdi.js","names":[],"sources":["../../src/components/tiptap/tiptap-editor-host.ts","../../src/components/tiptap/tiptap-utils.ts","../../src/components/tiptap/tiptap-toolbar.ts","../../src/components/tiptap/pk-tiptap-editor.styles.ts","../../src/components/tiptap/pk-tiptap-editor.ts"],"sourcesContent":["import { Editor, type Extensions } from '@tiptap/core';\nimport {\n    createTiptapExtensions,\n    normalizeContentArray,\n    valueToContent,\n} from '@verbb/plugin-kit-tiptap-core';\n\nexport function serializeTiptapDocumentContent(content: unknown): string {\n    return JSON.stringify(normalizeContentArray(content));\n}\n\n/** Normalize React/HTML `value` into the JSON string the editor stores and emits. */\nexport function serializeTiptapDocumentValue(raw: string | unknown[] | null | undefined): string {\n    if (raw == null) {\n        return '[]';\n    }\n\n    if (typeof raw === 'string') {\n        return raw;\n    }\n\n    if (Array.isArray(raw)) {\n        return JSON.stringify(raw);\n    }\n\n    return '[]';\n}\n\nexport function parseTiptapDocumentValue(raw: string | unknown[] | null | undefined): unknown[] {\n    if (raw == null || raw === '') {\n        return [];\n    }\n\n    // React often passes a document array prop — accept it without JSON.parse.\n    if (Array.isArray(raw)) {\n        return raw;\n    }\n\n    if (typeof raw !== 'string') {\n        return [];\n    }\n\n    try {\n        const parsed = JSON.parse(raw);\n        return Array.isArray(parsed) ? parsed : [];\n    } catch {\n        return [];\n    }\n}\n\nexport type TiptapEditorHostOptions = {\n    element: HTMLElement;\n    extensions?: Extensions;\n    content: unknown;\n    editable: boolean;\n    trailingCursorText?: string;\n    minHeight?: string;\n    onUpdate?: (content: unknown[]) => void;\n};\n\nexport class TiptapEditorHost {\n    editor: Editor | null = null;\n\n    private lastEmitted: string | null = null;\n\n    /** Skip TipTap `onUpdate` while applying controlled prop content — otherwise setContent\n     * re-emits pk-change → React setValue → value prop → setContent … forever. */\n    private suppressUpdateEmission = false;\n\n    mount({\n        element,\n        extensions,\n        content,\n        editable,\n        trailingCursorText = '\\u2060',\n        minHeight,\n        onUpdate,\n    }: TiptapEditorHostOptions): void {\n        const doc = valueToContent(content, { trailingCursorText });\n\n        this.editor = new Editor({\n            element,\n            extensions: extensions ?? createTiptapExtensions({ trailingCursorText }),\n            content: doc,\n            editable,\n            onUpdate: ({ editor }) => {\n                const normalized = normalizeContentArray(editor.getJSON().content);\n                const serialized = JSON.stringify(normalized);\n                this.lastEmitted = serialized;\n\n                if (this.suppressUpdateEmission) {\n                    return;\n                }\n\n                onUpdate?.(normalized);\n            },\n        });\n\n        if (minHeight) {\n            this.editor.view.dom.style.minHeight = minHeight;\n        }\n    }\n\n    setContent(content: unknown, options: { trailingCursorText?: string; respectFocus?: boolean } = {}): void {\n        if (!this.editor) {\n            return;\n        }\n\n        const { trailingCursorText = '\\u2060', respectFocus = true } = options;\n\n        if (respectFocus && this.editor.isFocused) {\n            return;\n        }\n\n        const doc = valueToContent(content, { trailingCursorText });\n        const incoming = JSON.stringify(doc?.content ?? []);\n        const current = JSON.stringify(this.editor.getJSON().content ?? []);\n\n        if (incoming === current || incoming === this.lastEmitted) {\n            return;\n        }\n\n        this.suppressUpdateEmission = true;\n        try {\n            this.editor.commands.setContent(doc ?? { type: 'doc', content: [] });\n        } finally {\n            this.suppressUpdateEmission = false;\n        }\n    }\n\n    destroy(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        this.lastEmitted = null;\n        this.suppressUpdateEmission = false;\n    }\n}\n","import type {\n    ElementSelectorHost,\n    LinkOptionsInput,\n    ToolbarNode,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { parseToolbarConfig } from '@verbb/plugin-kit-tiptap-core';\n\ndeclare global {\n    interface Window {\n        Craft?: {\n            createElementSelectorModal?: ElementSelectorHost['openElementSelector'];\n        };\n    }\n}\n\nexport function createCraftElementSelectorHost(): ElementSelectorHost {\n    return {\n        openElementSelector: (elementType, options) => {\n            const open = window.Craft?.createElementSelectorModal;\n\n            if (!open) {\n                throw new Error('Craft element selector is not available in this environment.');\n            }\n\n            open(elementType, options);\n        },\n    };\n}\n\nexport function parseLinkOptionsAttribute(raw: string | null): LinkOptionsInput | undefined {\n    if (!raw) {\n        return undefined;\n    }\n\n    try {\n        return JSON.parse(raw) as LinkOptionsInput;\n    } catch {\n        return undefined;\n    }\n}\n\nexport function parseButtonsAttribute(raw: string | null | undefined): string[] {\n    if (!raw) {\n        return ['bold', 'italic'];\n    }\n\n    return raw\n        .split(',')\n        .map((button) => button.trim())\n        .filter(Boolean);\n}\n\nexport function parseToolbarAttribute(\n    toolbarRaw: string | ToolbarNode[] | null | undefined,\n    buttonsRaw: string | string[] | null | undefined,\n): ToolbarNode[] {\n    if (Array.isArray(toolbarRaw)) {\n        return parseToolbarConfig(toolbarRaw);\n    }\n\n    if (typeof toolbarRaw === 'string' && toolbarRaw.trim()) {\n        return parseToolbarConfig(toolbarRaw);\n    }\n\n    if (Array.isArray(buttonsRaw)) {\n        return parseToolbarConfig(buttonsRaw.join(','));\n    }\n\n    return parseToolbarConfig(buttonsRaw ?? 'bold,italic');\n}\n","import {\n    alignCenter,\n    alignJustify,\n    alignLeft,\n    alignRight,\n    arrowRotateLeft,\n    arrowRotateRight,\n    bold,\n    bracketsCurly,\n    chevronDown,\n    code,\n    fileDashedLine,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    heading,\n    highlighter,\n    italic,\n    link,\n    listOl,\n    listUl,\n    minus,\n    paragraph,\n    quoteRight,\n    strikethrough,\n    subscript,\n    superscript,\n    table,\n    textSlash,\n    underline,\n    renderIconHtml,\n} from '../../icons/index.js';\n\nexport const TOOLBAR_CHEVRON_HTML = renderIconHtml(chevronDown);\n\nexport const TOOLBAR_ICONS: Record<string, string> = {\n    bold: renderIconHtml(bold),\n    italic: renderIconHtml(italic),\n    underline: renderIconHtml(underline),\n    strikethrough: renderIconHtml(strikethrough),\n    subscript: renderIconHtml(subscript),\n    superscript: renderIconHtml(superscript),\n    code: renderIconHtml(bracketsCurly),\n    'code-block': renderIconHtml(code),\n    highlight: renderIconHtml(highlighter),\n    h1: renderIconHtml(h1),\n    h2: renderIconHtml(h2),\n    h3: renderIconHtml(h3),\n    h4: renderIconHtml(h4),\n    h5: renderIconHtml(h5),\n    h6: renderIconHtml(h6),\n    heading: renderIconHtml(heading),\n    paragraph: renderIconHtml(paragraph),\n    'unordered-list': renderIconHtml(listUl),\n    'ordered-list': renderIconHtml(listOl),\n    blockquote: renderIconHtml(quoteRight),\n    'align-left': renderIconHtml(alignLeft),\n    'align-center': renderIconHtml(alignCenter),\n    'align-right': renderIconHtml(alignRight),\n    'align-justify': renderIconHtml(alignJustify),\n    'clear-format': renderIconHtml(textSlash),\n    hr: renderIconHtml(minus),\n    'line-break': renderIconHtml(fileDashedLine),\n    link: renderIconHtml(link),\n    table: renderIconHtml(table),\n    undo: renderIconHtml(arrowRotateLeft),\n    redo: renderIconHtml(arrowRotateRight),\n};\n\nexport const TOOLBAR_LABELS: Record<string, string> = {\n    bold: 'Bold',\n    italic: 'Italic',\n    underline: 'Underline',\n    strikethrough: 'Strikethrough',\n    subscript: 'Subscript',\n    superscript: 'Superscript',\n    code: 'Inline code',\n    'code-block': 'Code block',\n    highlight: 'Highlight',\n    h1: 'Heading 1',\n    h2: 'Heading 2',\n    h3: 'Heading 3',\n    h4: 'Heading 4',\n    h5: 'Heading 5',\n    h6: 'Heading 6',\n    paragraph: 'Paragraph',\n    'unordered-list': 'Bullet list',\n    'ordered-list': 'Numbered list',\n    blockquote: 'Blockquote',\n    'align-left': 'Align left',\n    'align-center': 'Align center',\n    'align-right': 'Align right',\n    'align-justify': 'Justify',\n    'clear-format': 'Clear format',\n    hr: 'Horizontal rule',\n    'line-break': 'Line break',\n    link: 'Link',\n    table: 'Table',\n    undo: 'Undo',\n    redo: 'Redo',\n};\n\nexport function getToolbarMenuItemLabel(buttonName: string): string {\n    return TOOLBAR_LABELS[buttonName] ?? buttonName;\n}\n\n/** Prefix icon for `pk-dropdown-item` — SVG must carry `slot=\"prefix\"` directly. */\nexport function createToolbarPrefixIcon(buttonName: string): SVGSVGElement | null {\n    const iconHtml = TOOLBAR_ICONS[buttonName];\n\n    if (!iconHtml) {\n        return null;\n    }\n\n    const template = document.createElement('template');\n    template.innerHTML = iconHtml.trim();\n    const icon = template.content.firstElementChild;\n\n    if (!(icon instanceof SVGSVGElement)) {\n        return null;\n    }\n\n    icon.setAttribute('slot', 'prefix');\n    icon.setAttribute('aria-hidden', 'true');\n    icon.setAttribute('width', '12');\n    icon.setAttribute('height', '12');\n    icon.classList.add('pk-dropdown-item__prefix-icon');\n\n    return icon;\n}\n","import { css } from 'lit';\n\nexport const pkTiptapEditorStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            font-family: var(--pk-font-family);\n        }\n\n        .shell {\n            overflow: hidden;\n            border: var(--pk-input-border);\n            border-radius: var(--pk-radius-md);\n            background: #fff;\n        }\n\n        :host([invalid]) .shell,\n        :host(:state(user-invalid)) .shell {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        .toolbar {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.25rem;\n            padding: 0.25rem 0.5rem;\n            border-bottom: 1px solid rgba(96, 125, 159, 0.4);\n            background: #fff;\n            box-shadow: 0 2px 3px rgba(49, 49, 93, 0.07);\n        }\n\n        .toolbar-item {\n            display: inline-flex;\n        }\n\n        .toolbar-item pk-tooltip {\n            display: contents;\n        }\n\n        .toolbar-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            margin: 0;\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: transparent;\n            color: #1c2e36;\n            cursor: pointer;\n        }\n\n        .toolbar-btn:hover:not(:disabled) {\n            background: rgb(241, 245, 249);\n        }\n\n        .toolbar-btn[data-state='active'] {\n            background: rgb(226, 232, 240);\n        }\n\n        .toolbar-btn:disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .toolbar-btn svg {\n            display: block;\n            width: 1rem;\n            height: 1rem;\n            pointer-events: none;\n        }\n\n        .toolbar-btn--menu {\n            width: auto;\n            min-width: 2rem;\n            gap: 0.125rem;\n            padding: 0 0.375rem;\n        }\n\n        .toolbar-btn__trigger-label {\n            font-size: 0.625rem;\n            font-weight: 700;\n            line-height: 1;\n            letter-spacing: 0.02em;\n            text-transform: uppercase;\n        }\n\n        .toolbar-btn__chevron {\n            display: inline-flex;\n            flex-shrink: 0;\n            opacity: 0.7;\n        }\n\n        .toolbar-btn__chevron svg {\n            width: 0.5rem;\n            height: 0.5rem;\n        }\n\n        .toolbar-separator {\n            align-self: center;\n            flex-shrink: 0;\n            width: 1px;\n            height: 1.25rem;\n            margin: 0 0.125rem;\n            background: rgba(96, 125, 159, 0.35);\n        }\n\n        .toolbar-btn__label {\n            font-size: 0.625rem;\n            font-weight: 600;\n            line-height: 1;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n        }\n\n        /* Full toolbar replace (slot=toolbar on host when hasCustomToolbar). */\n        .toolbar ::slotted([slot='toolbar']) {\n            display: contents;\n        }\n\n        /* Append lane inside the stock toolbar — one flex item per slotted root (same gap). */\n        .toolbar ::slotted([slot='toolbar-end']) {\n            display: inline-flex;\n            align-items: center;\n        }\n\n        .editor-mount {\n            position: relative;\n        }\n\n        .content-error {\n            display: flex;\n            gap: 0.5rem;\n            padding: 0.5rem 1rem;\n            border-bottom: 1px solid var(--pk-color-rose-200);\n            background: var(--pk-color-rose-50);\n            color: var(--pk-color-rose-800);\n            font-size: var(--pk-font-size-sm);\n        }\n\n        .mirror-input {\n            display: none;\n        }\n\n        /* No trigger slot — collapse the host so it does not reserve shell space.\n           Toolbar refresh while open is still gated by linkDialogBusy / open. */\n        .link-dialog {\n            display: contents;\n        }\n\n        .link-dialog__fields {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n        }\n\n        .link-bubble {\n            position: absolute;\n            z-index: 250;\n            display: flex;\n            align-items: center;\n            gap: 0;\n            width: max-content;\n            max-width: calc(100% - 1rem);\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: #1c2e36;\n            color: #fff;\n            font-size: 12px;\n            line-height: 1.5;\n            overflow: visible;\n            pointer-events: auto;\n            white-space: nowrap;\n        }\n\n        .link-bubble__arrow {\n            position: absolute;\n            left: 50%;\n            bottom: -0.25rem;\n            width: 0.5rem;\n            height: 0.5rem;\n            background: #1c2e36;\n            transform: translateX(-50%) rotate(45deg);\n            pointer-events: none;\n        }\n\n        .link-bubble__url,\n        .link-bubble__action {\n            box-sizing: border-box;\n            padding: 6px 8px;\n            font-size: 12px;\n            line-height: 1.5;\n        }\n\n        .link-bubble__url {\n            display: inline-flex;\n            align-items: center;\n            max-width: 200px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .link-bubble__divider {\n            flex-shrink: 0;\n            align-self: center;\n            width: 1px;\n            height: 12px;\n            background: #616d73;\n        }\n\n        .link-bubble__action {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: #fff;\n            font-family: inherit;\n            font-weight: inherit;\n            white-space: nowrap;\n            cursor: pointer;\n            outline: none;\n            appearance: none;\n            -webkit-appearance: none;\n            min-height: 0;\n            transition: color 0.15s ease;\n        }\n\n        .link-bubble__action:hover {\n            color: rgb(255 255 255 / 0.7);\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport type { PropertyValues } from 'lit';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport {\n    applyLinkToEditor,\n    createTiptapExtensions,\n    getCraftLinkOptions,\n    getFatalTiptapContentError,\n    getLinkEditState,\n    getLinkOptionsElementSiteId,\n    getLinkOpenInNewTab,\n    getSelectedText,\n    getToolbarGroupDefaultIcon,\n    getToolbarGroupMenuItems,\n    getToolbarGroupTriggerState,\n    isFormattingToolbarPreset,\n    isHeadingsOnlyToolbarPreset,\n    isTiptapButtonActive,\n    isToolbarButtonActive,\n    openCraftElementLinkSelector,\n    runToolbarButton,\n    toolbarIncludesButton,\n    unsetLinkFromEditor,\n    type LinkElementConfig,\n    type LinkOptionsInput,\n    type ToolbarGroup,\n    type ToolbarNode,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { getMarkRange, posToDOMRect } from '@tiptap/core';\n\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { uniqueId } from '../../a11y/focus.js';\nimport { MirrorValidator } from '../../validators/index.js';\nimport {\n    link,\n    triangleExclamation,\n    renderIconHtml,\n} from '../../icons/index.js';\n\nimport '../button/pk-button.js';\nimport '../checkbox/pk-checkbox.js';\nimport '../dialog/pk-dialog.js';\nimport '../dropdown-menu/pk-dropdown-item.js';\nimport '../field/pk-field.js';\nimport '../input/pk-input.js';\nimport '../dropdown-menu/pk-dropdown-menu.js';\nimport '../dropdown-menu/pk-dropdown-separator.js';\nimport '../tooltip/pk-tooltip.js';\nimport type { PkButton } from '../button/pk-button.js';\nimport type { PkCheckbox } from '../checkbox/pk-checkbox.js';\nimport type { PkDialog } from '../dialog/pk-dialog.js';\nimport type { PkDropdownMenu } from '../dropdown-menu/pk-dropdown-menu.js';\nimport type { PkInput } from '../input/pk-input.js';\nimport { TiptapEditorHost, parseTiptapDocumentValue, serializeTiptapDocumentContent, serializeTiptapDocumentValue } from './tiptap-editor-host.js';\nimport { createCraftElementSelectorHost, parseLinkOptionsAttribute, parseToolbarAttribute } from './tiptap-utils.js';\nimport {\n    TOOLBAR_CHEVRON_HTML,\n    TOOLBAR_ICONS,\n    TOOLBAR_LABELS,\n    createToolbarPrefixIcon,\n    getToolbarMenuItemLabel,\n} from './tiptap-toolbar.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapEditorStyles } from './pk-tiptap-editor.styles.js';\nimport { tiptapProseMirrorStyles } from './tiptap.styles.js';\n\ntype LinkDialogSeed = {\n    url?: string;\n    text?: string;\n    openInNewTab?: boolean;\n    from?: number;\n    to?: number;\n};\n\n/**\n * TipTap document editor with a Craft-styled toolbar.\n *\n * @slot toolbar - Replace the entire default toolbar (opt-in via light-DOM presence).\n * @slot toolbar-end - Append controls after stock toolbar buttons (same flex gap).\n */\n@customElement('pk-tiptap-editor')\nexport class PkTiptapEditor extends PkFormAssociatedElement {\n    static override styles = [formControlStyles, pkTiptapEditorStyles, tiptapProseMirrorStyles];\n\n    static override get validators() {\n        return [...super.validators, MirrorValidator()];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    @query('.mirror-input')\n    override input!: HTMLInputElement;\n\n    @query('.link-dialog')\n    private linkDialog?: PkDialog;\n\n    @query('pk-input.link-dialog__url-input')\n    private linkUrlInput?: PkInput;\n\n    @query('pk-input.link-dialog__text-input')\n    private linkTextInput?: PkInput;\n\n    @query('pk-checkbox')\n    private linkNewTabCheckbox?: PkCheckbox;\n\n    @query('pk-button.link-dialog__submit')\n    private linkSubmitButton?: PkButton;\n\n    private readonly linkUrlInputId = uniqueId('pk-tiptap-link-url');\n\n    private readonly linkTextInputId = uniqueId('pk-tiptap-link-text');\n\n    private readonly host = new TiptapEditorHost();\n\n    private _value: string | null = null;\n\n    /**\n     * Flat toolbar button list. HTML uses a comma-separated attribute; React may\n     * pass a `string[]`. Named `buttons` (not `buttonsAttr`) so React can set the\n     * property — a getter-only `buttons` previously threw on assign.\n     */\n    @property({\n        attribute: 'buttons',\n        converter: {\n            fromAttribute: (value: string | null) => value ?? 'bold,italic',\n            toAttribute: (value: string | string[] | null | undefined) => {\n                if (value == null) {\n                    return 'bold,italic';\n                }\n\n                return Array.isArray(value) ? value.join(',') : value;\n            },\n        },\n    })\n    buttons: string | string[] = 'bold,italic';\n\n    /** Structured toolbar config — JSON string attribute, or a node array from React. */\n    @property({\n        attribute: 'toolbar',\n        converter: {\n            fromAttribute: (value: string | null) => value,\n            toAttribute: (value: string | ToolbarNode[] | null | undefined) => {\n                if (value == null) {\n                    return null;\n                }\n\n                return typeof value === 'string' ? value : JSON.stringify(value);\n            },\n        },\n    })\n    toolbar: string | ToolbarNode[] | null = null;\n\n    @property({ attribute: 'link-options' })\n    linkOptions: string | null = null;\n\n    @property({ attribute: 'link-selector-storage-key-prefix' })\n    linkSelectorStorageKeyPrefix?: string;\n\n    @property({ type: Number })\n    rows = 4;\n\n    @property()\n    placeholder = '';\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    /**\n     * Formie / React configure bridge — called when a chip is activated for editing.\n     * Prefer this over listening for `pk-variable-tag-configure` from React.\n     */\n    @property({ attribute: false })\n    variableTagConfigure: ((detail: import('./variable-tag-node-view.js').PkVariableTagConfigureDetail) => void) | null = null;\n\n    @property({ attribute: 'invalid-content-message' })\n    invalidContentMessage = '';\n\n    /** Show `pk-tooltip` hints on toolbar buttons (default: on). */\n    @property({ type: Boolean, attribute: 'toolbar-tooltips' })\n    toolbarTooltips = true;\n\n    private linkDialogBusy = false;\n\n    private linkDialogSeed: LinkDialogSeed = {};\n\n    @state()\n    private linkDialogTitle = 'Insert Link';\n\n    @state()\n    private linkDialogSubmitLabel = 'Insert';\n\n    @state()\n    private linkDialogMounted = false;\n\n    @state()\n    private linkBubbleVisible = false;\n\n    @state()\n    private linkBubbleHref = '';\n\n    @state()\n    private linkBubbleTop = 0;\n\n    @state()\n    private linkBubbleLeft = 0;\n\n    private hasCustomToolbar = false;\n\n    private readonly linkButtonId = uniqueId('pk-tiptap-link-btn');\n\n    private readonly toolbarButtonIds = new Map<string, string>();\n\n    private readonly toolbarGroupIds = new Map<string, string>();\n\n    private selectionListenerAttached = false;\n\n    get value(): string {\n        if (this.valueHasChanged) {\n            return this._value ?? '[]';\n        }\n\n        return this._value ?? this.defaultValue ?? '[]';\n    }\n\n    /**\n     * Document JSON string. Also accepts a TipTap node array (common from React)\n     * and serializes it — arrays previously bypassed JSON.parse and mounted empty.\n     */\n    @state()\n    set value(val: string | unknown[] | null) {\n        const next = serializeTiptapDocumentValue(val);\n\n        if (this._value === next) {\n            return;\n        }\n\n        this.valueHasChanged = true;\n        this._value = next;\n    }\n\n    @property({ attribute: 'value', reflect: true })\n    defaultValue: string | null = '[]';\n\n    get editor() {\n        return this.host.editor;\n    }\n\n    get toolbarNodes(): ToolbarNode[] {\n        const buttonsRaw = Array.isArray(this.buttons) ? this.buttons.join(',') : this.buttons;\n\n        return parseToolbarAttribute(this.toolbar, buttonsRaw)\n            .filter((node) => node.type !== 'button' || node.name !== 'variableTag');\n    }\n\n    /** Resolved flat button names from the active toolbar config. */\n    get buttonNames(): string[] {\n        return this.toolbarNodes\n            .filter((node): node is Extract<ToolbarNode, { type: 'button' }> => node.type === 'button')\n            .map((node) => node.name);\n    }\n\n    private toolbarHasLink(): boolean {\n        return toolbarIncludesButton(this.toolbarNodes, 'link');\n    }\n\n    private resolveLinkOptions(): LinkOptionsInput | undefined {\n        return parseLinkOptionsAttribute(this.linkOptions);\n    }\n\n    private get contentError(): string {\n        return this.resolveContentError();\n    }\n\n    protected override syncFormValue(): void {\n        this.setValue(this.value || '[]');\n\n        if (this.input) {\n            this.input.value = this.value || '[]';\n        }\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.valueHasChanged = false;\n        this._value = null;\n        this.syncEditorContent();\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state === 'string') {\n            this.value = state;\n            this.syncEditorContent();\n        }\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.hasCustomToolbar = Boolean(this.querySelector('[slot=\"toolbar\"]'));\n    }\n\n    override disconnectedCallback(): void {\n        this.linkDialog?.forceOverlayReset();\n        this.linkDialogBusy = false;\n        this.host.destroy();\n        this.selectionListenerAttached = false;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && !changed.has('defaultValue')) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('defaultValue') && !this.valueHasChanged) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('disabled') || changed.has('readonly')) {\n            this.host.editor?.setEditable(!this.disabled && !this.readonly);\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        queueMicrotask(() => {\n            this.mountEditor();\n            this.syncFormValue();\n        });\n    }\n\n    private resolveContentError(): string {\n        const detected = getFatalTiptapContentError(this.value);\n        return detected ? (this.invalidContentMessage || detected) : '';\n    }\n\n    private mountEditor(): void {\n        const content = this.contentError ? null : parseTiptapDocumentValue(this.value);\n        const normalizedRows = Math.max(1, Number(this.rows || 0));\n        const minHeight = `${(normalizedRows * 24) + 32}px`;\n\n        this.host.mount({\n            element: this.editorMount,\n            extensions: createTiptapExtensions({\n                trailingCursorText: '\\u2060',\n                variableTagNodeView: createVariableTagDomNodeView(),\n            }),\n            content,\n            editable: !this.disabled && !this.readonly && !this.contentError,\n            trailingCursorText: '\\u2060',\n            minHeight,\n            onUpdate: (nextContent) => {\n                const serialized = serializeTiptapDocumentContent(nextContent);\n                this.value = serialized;\n\n                if (this.input) {\n                    this.input.value = serialized;\n                }\n\n                this.syncFormValue();\n                // Emit JSON string (matches `value` prop) — arrays caused Formie controlled\n                // fields to write mismatched types and re-enter sync forever.\n                this.emitValueChange(serialized);\n            },\n        });\n\n        queueMicrotask(() => {\n            this.attachSelectionListeners();\n        });\n    }\n\n    private attachSelectionListeners(): void {\n        const editor = this.host.editor;\n\n        if (!editor || this.selectionListenerAttached) {\n            return;\n        }\n\n        const refreshToolbar = () => {\n            if (this.linkDialogBusy || this.linkDialog?.open) {\n                this.linkBubbleVisible = false;\n                return;\n            }\n\n            this.updateLinkBubble();\n\n            queueMicrotask(() => {\n                if (this.isConnected && !this.linkDialogBusy && !this.linkDialog?.open) {\n                    this.requestUpdate();\n                }\n            });\n        };\n\n        editor.on('selectionUpdate', refreshToolbar);\n        editor.on('transaction', refreshToolbar);\n        editor.on('focus', refreshToolbar);\n        editor.on('blur', () => {\n            this.linkBubbleVisible = false;\n            this.requestUpdate();\n        });\n        this.selectionListenerAttached = true;\n    }\n\n    private updateLinkBubble(): void {\n        const editor = this.host.editor;\n\n        if (\n            !editor\n            || this.disabled\n            || this.readonly\n            || this.linkDialogBusy\n            || this.linkDialog?.open\n            || !editor.isFocused\n            || !editor.isActive('link')\n        ) {\n            this.linkBubbleVisible = false;\n            return;\n        }\n\n        const linkType = editor.state.schema.marks.link;\n        const range = getMarkRange(editor.state.selection.$from, linkType);\n\n        if (!range) {\n            this.linkBubbleVisible = false;\n            return;\n        }\n\n        const linkRect = posToDOMRect(editor.view, range.from, range.to);\n        const mountRect = this.editorMount.getBoundingClientRect();\n        const bubbleOffset = 8;\n\n        this.linkBubbleHref = String(editor.getAttributes('link').href ?? '');\n        this.linkBubbleTop = linkRect.top - mountRect.top - bubbleOffset;\n        this.linkBubbleLeft = linkRect.left - mountRect.left + (linkRect.width / 2);\n        this.linkBubbleVisible = true;\n    }\n\n    private handleLinkBubbleEdit = (event: Event): void => {\n        event.preventDefault();\n\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        const state = getLinkEditState(editor);\n        this.linkBubbleVisible = false;\n        this.openLinkDialog({\n            url: state.href,\n            text: state.text,\n            openInNewTab: state.openInNewTab,\n            from: state.from,\n            to: state.to,\n        });\n    };\n\n    private handleLinkBubbleUnlink = (event: Event): void => {\n        event.preventDefault();\n\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        unsetLinkFromEditor(editor);\n        this.linkBubbleVisible = false;\n    };\n\n    private renderLinkBubble() {\n        return html`\n            <div\n                class=\"link-bubble\"\n                role=\"toolbar\"\n                aria-label=\"Link actions\"\n                tabindex=\"0\"\n                style=${`top:${this.linkBubbleTop}px;left:${this.linkBubbleLeft}px;transform:translate(-50%, -100%);`}\n            >\n                <span class=\"link-bubble__arrow\" aria-hidden=\"true\"></span>\n                <span class=\"link-bubble__url\" title=${this.linkBubbleHref}>${this.linkBubbleHref}</span>\n                <span class=\"link-bubble__divider\" aria-hidden=\"true\"></span>\n                <button\n                    type=\"button\"\n                    class=\"link-bubble__action\"\n                    @mousedown=${(event: Event) => event.preventDefault()}\n                    @click=${this.handleLinkBubbleEdit}\n                >Edit</button>\n                <span class=\"link-bubble__divider\" aria-hidden=\"true\"></span>\n                <button\n                    type=\"button\"\n                    class=\"link-bubble__action\"\n                    @mousedown=${(event: Event) => event.preventDefault()}\n                    @click=${this.handleLinkBubbleUnlink}\n                >Unlink</button>\n            </div>\n        `;\n    }\n\n    private syncEditorContent(): void {\n        const content = this.contentError ? null : parseTiptapDocumentValue(this.value);\n        this.host.setContent(content, { trailingCursorText: '\\u2060' });\n\n        if (this.input) {\n            this.input.value = this.value || '[]';\n        }\n    }\n\n    private emitValueChange(value: string): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { value },\n            bubbles: true,\n            composed: true,\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 handleToolbarCommand(buttonName: string): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        runToolbarButton(editor, buttonName);\n    }\n\n    private openLinkMenu(): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        const selected = getSelectedText(editor);\n        const { from, to } = editor.state.selection;\n\n        const menu = this.shadowRoot?.querySelector<PkDropdownMenu>(\n            `pk-dropdown-menu[for=\"${this.linkButtonId}\"]`,\n        );\n\n        void (async () => {\n            await menu?.whenClosed();\n            this.openLinkDialog(from !== to ? { text: selected, from, to } : undefined);\n        })();\n    }\n\n    private openLinkDialog(initial?: LinkDialogSeed): void {\n        const editor = this.host.editor;\n        const url = initial?.url ?? '';\n\n        this.linkDialogBusy = true;\n        this.linkBubbleVisible = false;\n        this.linkDialogSeed = {\n            url,\n            text: initial?.text ?? '',\n            openInNewTab: initial?.openInNewTab ?? (editor ? getLinkOpenInNewTab(editor) : false),\n            from: initial?.from,\n            to: initial?.to,\n        };\n        this.linkDialogTitle = url.trim() ? 'Update Link' : 'Insert Link';\n        this.linkDialogSubmitLabel = url.trim() ? 'Update' : 'Insert';\n\n        if (!this.linkDialogMounted) {\n            this.linkDialogMounted = true;\n        }\n\n        // Mount first, then open after the dropdown has fully demoted (caller awaits\n        // whenClosed). Busy flag still suppresses toolbar refresh during show animation.\n        queueMicrotask(async () => {\n            await this.updateComplete;\n            await this.linkDialog?.updateComplete;\n            this.syncLinkDialogFields();\n            // Prefer show() over flipping `open` before firstUpdated — that path only\n            // call showModal() and skips PkShowEvent / enter animation.\n            await this.linkDialog?.show();\n        });\n    }\n\n    private closeLinkDialog(): void {\n        void this.linkDialog?.hide('close-button');\n    }\n\n    private handleLinkDialogAfterHide = (): void => {\n        this.linkDialogBusy = false;\n\n        queueMicrotask(() => {\n            if (this.isConnected && !this.linkDialog?.open) {\n                this.requestUpdate();\n            }\n        });\n    };\n\n    private syncLinkDialogFields(): void {\n        const seed = this.linkDialogSeed;\n\n        if (this.linkUrlInput) {\n            this.linkUrlInput.value = seed.url ?? '';\n        }\n\n        if (this.linkTextInput) {\n            this.linkTextInput.value = seed.text ?? '';\n        }\n\n        if (this.linkNewTabCheckbox) {\n            this.linkNewTabCheckbox.checked = Boolean(seed.openInNewTab);\n        }\n\n        this.updateLinkDialogSubmitState();\n    }\n\n    private updateLinkDialogSubmitState(): void {\n        const canSubmit = Boolean(this.linkUrlInput?.value.trim());\n\n        if (this.linkSubmitButton) {\n            this.linkSubmitButton.disabled = !canSubmit;\n        }\n    }\n\n    private handleLinkUrlInput = (): void => {\n        this.updateLinkDialogSubmitState();\n    };\n\n    private handleLinkDialogKeyDown = (event: KeyboardEvent): void => {\n        if (event.key !== 'Enter') {\n            return;\n        }\n\n        const path = event.composedPath();\n\n        if (path.some((node) => node instanceof HTMLElement && node.localName === 'pk-checkbox')) {\n            return;\n        }\n\n        if (path.some((node) => node instanceof HTMLElement && node.localName === 'pk-button')) {\n            return;\n        }\n\n        if (path.some((node) => node instanceof HTMLButtonElement)) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.submitLinkDialog();\n    };\n\n    private handleLinkDialogSubmit = (): void => {\n        this.submitLinkDialog();\n    };\n\n    private submitLinkDialog(): void {\n        const editor = this.host.editor;\n        const url = this.linkUrlInput?.value.trim() ?? '';\n\n        if (!editor || !url) {\n            return;\n        }\n\n        applyLinkToEditor(editor, {\n            url,\n            text: this.linkTextInput?.value ?? '',\n            openInNewTab: Boolean(this.linkNewTabCheckbox?.checked),\n            from: this.linkDialogSeed.from,\n            to: this.linkDialogSeed.to,\n        });\n\n        this.closeLinkDialog();\n    }\n\n    private isLinkActive(): boolean {\n        const editor = this.host.editor;\n        return editor ? isTiptapButtonActive(editor, 'link') : false;\n    }\n\n    private renderLinkDialog() {\n        return html`\n            <pk-dialog\n                class=\"link-dialog\"\n                size=\"wide\"\n                label=${this.linkDialogTitle}\n                @pk-after-hide=${this.handleLinkDialogAfterHide}\n                @keydown=${this.handleLinkDialogKeyDown}\n            >\n                <div class=\"link-dialog__fields\">\n                    <pk-field label=\"URL\" required .for=${this.linkUrlInputId}>\n                        <pk-input\n                            id=${this.linkUrlInputId}\n                            class=\"link-dialog__url-input\"\n                            type=\"url\"\n                            placeholder=\"https://\"\n                            autofocus\n                            @input=${this.handleLinkUrlInput}\n                        ></pk-input>\n                    </pk-field>\n                    <pk-field label=\"Text\" .for=${this.linkTextInputId}>\n                        <pk-input\n                            id=${this.linkTextInputId}\n                            class=\"link-dialog__text-input\"\n                            type=\"text\"\n                        ></pk-input>\n                    </pk-field>\n                    <pk-checkbox>Open link in new tab</pk-checkbox>\n                </div>\n                <pk-button slot=\"footer\" data-dialog-close>Cancel</pk-button>\n                <pk-button\n                    slot=\"footer\"\n                    class=\"link-dialog__submit\"\n                    variant=\"primary\"\n                    disabled\n                    @click=${this.handleLinkDialogSubmit}\n                >\n                    ${this.linkDialogSubmitLabel}\n                </pk-button>\n            </pk-dialog>\n        `;\n    }\n\n    private getToolbarButtonId(buttonName: string): string {\n        let id = this.toolbarButtonIds.get(buttonName);\n\n        if (!id) {\n            id = uniqueId(`pk-tiptap-toolbar-${buttonName}`);\n            this.toolbarButtonIds.set(buttonName, id);\n        }\n\n        return id;\n    }\n\n    private getToolbarButtonLabel(buttonName: string): string {\n        return TOOLBAR_LABELS[buttonName] ?? buttonName;\n    }\n\n    private renderToolbarTooltip(buttonId: string, label: string) {\n        if (!this.toolbarTooltips) {\n            return nothing;\n        }\n\n        return html`\n            <pk-tooltip for=${buttonId} content=${label} placement=\"top\"></pk-tooltip>\n        `;\n    }\n\n    private renderToolbarButton(buttonName: string) {\n        const editor = this.host.editor;\n        const icon = TOOLBAR_ICONS[buttonName];\n        const label = this.getToolbarButtonLabel(buttonName);\n        const buttonId = this.getToolbarButtonId(buttonName);\n        const active = editor ? isTiptapButtonActive(editor, buttonName) : false;\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${buttonId}\n                    type=\"button\"\n                    class=\"toolbar-btn\"\n                    aria-label=${label}\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${active ? 'active' : nothing}\n                    @click=${() => this.handleToolbarCommand(buttonName)}\n                >\n                    ${icon ? unsafeSVG(icon) : html`<span class=\"toolbar-btn__label\">${label}</span>`}\n                </button>\n                ${this.renderToolbarTooltip(buttonId, label)}\n            </div>\n        `;\n    }\n\n    private handleCraftLink(config: LinkElementConfig): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        openCraftElementLinkSelector({\n            config,\n            elementSiteId: getLinkOptionsElementSiteId(this.resolveLinkOptions()),\n            linkSelectorStorageKeyPrefix: this.linkSelectorStorageKeyPrefix,\n            getSelectedText: () => getSelectedText(editor),\n            onSelect: ({ url, text }) => { this.openLinkDialog({ url, text }); },\n            host: createCraftElementSelectorHost(),\n        });\n    }\n\n    private getToolbarGroupId(groupKey: string): string {\n        let id = this.toolbarGroupIds.get(groupKey);\n\n        if (!id) {\n            id = uniqueId('pk-tiptap-toolbar-group');\n            this.toolbarGroupIds.set(groupKey, id);\n        }\n\n        return id;\n    }\n\n    private renderToolbarSeparator() {\n        return html`<span class=\"toolbar-separator\" aria-hidden=\"true\"></span>`;\n    }\n\n    private renderGroupTriggerContent(group: ToolbarGroup, triggerLabel: string, iconName: string) {\n        const icon = TOOLBAR_ICONS[iconName];\n        const showTextLabel = Boolean(group.label);\n\n        if (showTextLabel && triggerLabel) {\n            return html`\n                <span class=\"toolbar-btn__trigger-label\">${triggerLabel}</span>\n                <span class=\"toolbar-btn__chevron\">${unsafeSVG(TOOLBAR_CHEVRON_HTML)}</span>\n            `;\n        }\n\n        return html`\n            ${icon ? unsafeSVG(icon) : html`<span class=\"toolbar-btn__trigger-label\">${triggerLabel}</span>`}\n            <span class=\"toolbar-btn__chevron\">${unsafeSVG(TOOLBAR_CHEVRON_HTML)}</span>\n        `;\n    }\n\n    private renderToolbarGroup(group: ToolbarGroup, groupKey: string) {\n        const editor = this.host.editor;\n        const groupId = this.getToolbarGroupId(groupKey);\n        const trigger = editor ? getToolbarGroupTriggerState(editor, group) : {\n            activeName: null,\n            label: group.label ?? '',\n            isActive: false,\n            icon: group.icon ?? getToolbarGroupDefaultIcon(group),\n        };\n        const menuItems = getToolbarGroupMenuItems(group);\n        const tooltipLabel = group.label\n            ?? (isHeadingsOnlyToolbarPreset(group.preset) ? 'Headings'\n                : isFormattingToolbarPreset(group.preset) ? 'Formatting'\n                    : group.preset === 'lists' ? 'Lists'\n                        : group.preset === 'align' ? 'Alignment'\n                            : 'More');\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${groupId}\n                    type=\"button\"\n                    class=\"toolbar-btn toolbar-btn--menu\"\n                    aria-label=${tooltipLabel}\n                    aria-haspopup=\"menu\"\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${trigger.isActive ? 'active' : nothing}\n                >\n                    ${this.renderGroupTriggerContent(group, trigger.label, trigger.icon)}\n                </button>\n                ${this.renderToolbarTooltip(groupId, tooltipLabel)}\n                <pk-dropdown-menu for=${groupId} placement=\"bottom-start\">\n                    ${menuItems.map((entry, itemIndex) => {\n                        if (entry.type === 'separator') {\n                            return html`<pk-dropdown-separator key=${`${groupKey}-sep-${itemIndex}`}></pk-dropdown-separator>`;\n                        }\n\n                        const itemName = entry.name;\n                        const active = editor ? isToolbarButtonActive(editor, itemName) : false;\n                        const prefixIcon = createToolbarPrefixIcon(itemName);\n                        const itemLabel = getToolbarMenuItemLabel(itemName);\n\n                        return html`\n                            <pk-dropdown-item\n                                key=${`${groupKey}-${itemName}-${itemIndex}`}\n                                ?data-active=${active || nothing}\n                                @click=${() => this.handleToolbarCommand(itemName)}\n                            >\n                                ${prefixIcon ?? nothing}\n                                ${itemLabel}\n                            </pk-dropdown-item>\n                        `;\n                    })}\n                </pk-dropdown-menu>\n            </div>\n        `;\n    }\n\n    private renderToolbarNode(node: ToolbarNode, index: number) {\n        if (node.type === 'separator') {\n            return this.renderToolbarSeparator();\n        }\n\n        if (node.type === 'group') {\n            return this.renderToolbarGroup(node.group, `group-${index}`);\n        }\n\n        if (node.name === 'link') {\n            return this.renderLinkToolbarButton();\n        }\n\n        return this.renderToolbarButton(node.name);\n    }\n\n    private renderDefaultToolbar() {\n        // `toolbar-end` — append custom controls (Formie variable picker, etc.) into the\n        // stock toolbar flex/gap. Prefer over replacing the whole bar via slot=\"toolbar\".\n        return html`\n            <div class=\"toolbar\" part=\"toolbar\">\n                ${this.toolbarNodes.map((node, index) => this.renderToolbarNode(node, index))}\n                <slot name=\"toolbar-end\"></slot>\n            </div>\n        `;\n    }\n\n    private renderLinkToolbarButton() {\n        const editor = this.host.editor;\n        const craftOptions = getCraftLinkOptions(this.resolveLinkOptions());\n        const label = this.getToolbarButtonLabel('link');\n        const active = this.isLinkActive();\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${this.linkButtonId}\n                    type=\"button\"\n                    class=\"toolbar-btn\"\n                    aria-label=${label}\n                    aria-haspopup=\"menu\"\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${active ? 'active' : nothing}\n                >\n                    ${unsafeSVG(TOOLBAR_ICONS.link)}\n                </button>\n                ${this.renderToolbarTooltip(this.linkButtonId, label)}\n                <pk-dropdown-menu for=${this.linkButtonId} placement=\"bottom-start\">\n                    ${craftOptions.map((option) => html`\n                        <pk-dropdown-item @click=${() => this.handleCraftLink(option)}>\n                            ${option.optionTitle}\n                        </pk-dropdown-item>\n                    `)}\n                    ${craftOptions.length > 0 ? html`<pk-dropdown-separator></pk-dropdown-separator>` : nothing}\n                    <pk-dropdown-item @click=${() => this.openLinkMenu()}>Insert Link</pk-dropdown-item>\n                    <pk-dropdown-item\n                        ?disabled=${!active}\n                        @click=${() => editor && unsetLinkFromEditor(editor)}\n                    >Unlink</pk-dropdown-item>\n                </pk-dropdown-menu>\n            </div>\n        `;\n    }\n\n    override render() {\n        return html`\n            <div class=\"shell\" part=\"shell\">\n                ${this.hasCustomToolbar\n                    ? html`<slot name=\"toolbar\"></slot>`\n                    : this.renderDefaultToolbar()}\n\n                <div class=\"editor-mount\" part=\"editor\">\n                    ${this.contentError ? html`\n                        <div class=\"content-error\">\n                            <span>${unsafeSVG(renderIconHtml(triangleExclamation))}</span>\n                            <span>${this.contentError}</span>\n                        </div>\n                    ` : nothing}\n                    ${this.toolbarHasLink() && this.linkBubbleVisible ? this.renderLinkBubble() : nothing}\n                </div>\n\n                <input class=\"mirror-input\" type=\"text\" .value=${this.value} readonly tabindex=\"-1\" aria-hidden=\"true\" />\n                ${this.toolbarHasLink() && this.linkDialogMounted ? this.renderLinkDialog() : nothing}\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-editor': PkTiptapEditor;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-tiptap-input-D7xj13FY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-tiptap-input-D7xj13FY.js","names":[],"sources":["../../src/components/tiptap/pk-tiptap-input.styles.ts","../../src/components/tiptap/pk-tiptap-input.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTiptapInputStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: 1.4;\n        }\n\n        /* Same chrome as pk-input .input — border/radius live on the shell. */\n        .shell {\n            box-sizing: border-box;\n            border: var(--pk-input-border);\n            border-radius: var(--pk-input-border-radius, var(--pk-radius-sm));\n            background: var(--pk-input-bg);\n            overflow: hidden;\n        }\n\n        :host([invalid]) .shell,\n        :host(:state(user-invalid)) .shell {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        /* Editable-table cells (v1): flush TipTap shell — chips sit in the row, not a boxed field. */\n        :host([fit-cell]),\n        :host([data-editable-table-input]) {\n            display: block;\n            height: 100%;\n            min-height: 100%;\n            box-sizing: border-box;\n        }\n\n        :host([fit-cell]) .shell,\n        :host([data-editable-table-input]) .shell {\n            border: none;\n            border-radius: 0;\n            background: transparent;\n            box-shadow: none;\n            height: 100%;\n            min-height: 100%;\n        }\n\n        /* Read-only display (lists, picker cards): v1 skipped input chrome when readOnly. */\n        :host([readonly]) .shell {\n            border: none;\n            border-radius: 0;\n            background: transparent;\n            box-shadow: none;\n            overflow: visible;\n        }\n\n        :host([fit-cell][invalid]) .shell,\n        :host([fit-cell]:state(user-invalid)) .shell,\n        :host([data-editable-table-input][invalid]) .shell,\n        :host([data-editable-table-input]:state(user-invalid)) .shell {\n            border: none;\n            box-shadow: inset 0 0 0 1px var(--pk-color-rose-600);\n        }\n\n        .editor-mount {\n            display: block;\n            min-width: 0;\n        }\n\n        .mirror-input {\n            display: none;\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport type { PropertyValues } from 'lit';\nimport {\n    contentToValue,\n    createTiptapInputExtensions,\n    dedupeVariableOptions,\n    flattenVariableOptions,\n    inputValueToContent,\n    type VariableOption,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { Editor } from '@tiptap/core';\n\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { MirrorValidator } from '../../validators/index.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapInputStyles } from './pk-tiptap-input.styles.js';\nimport { tiptapInputProseMirrorStyles } from './tiptap.styles.js';\n\n/** Category map keyed like Formie / kit v1 (`fieldsVariables`, `formVariables`, …). */\nexport type PkTiptapVariableCategories = Record<string, VariableOption[]>;\n\n@customElement('pk-tiptap-input')\nexport class PkTiptapInput extends PkFormAssociatedElement {\n    // Compact input chrome only — do not pull in editor `tiptapProseMirrorStyles`\n    // (padding: 1rem) or single-line fields look massively padded.\n    static override styles = [formControlStyles, pkTiptapInputStyles, tiptapInputProseMirrorStyles];\n\n    static override get validators() {\n        return [...super.validators, MirrorValidator()];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    @query('.mirror-input')\n    override input!: HTMLInputElement;\n\n    private editor: Editor | null = null;\n\n    private lastEmitted: string | null = null;\n\n    /** Avoid setContent → onUpdate → pk-change loops with controlled React values. */\n    private suppressUpdateEmission = false;\n\n    private _value: string | null = null;\n\n    /**\n     * Variable options used to resolve chip labels when hydrating from `{token}` strings.\n     * Without this, saved field tokens fall back to UID title-casing after reload.\n     */\n    @property({ attribute: false })\n    variableCategories: PkTiptapVariableCategories = {};\n\n    /**\n     * Formie / React configure bridge — called when a chip is activated for editing.\n     * Prefer this over listening for `pk-variable-tag-configure` from React.\n     */\n    @property({ attribute: false })\n    variableTagConfigure: ((detail: import('./variable-tag-node-view.js').PkVariableTagConfigureDetail) => void) | null = null;\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    /** Flush + fill parent cell (editable tables). */\n    @property({ type: Boolean, reflect: true, attribute: 'fit-cell' })\n    fitCell = false;\n\n    get value(): string {\n        if (this.valueHasChanged) {\n            return this._value ?? '';\n        }\n\n        return this._value ?? this.defaultValue ?? '';\n    }\n\n    @state()\n    set value(val: string | null) {\n        const next = val ?? '';\n\n        if (this._value === next) {\n            return;\n        }\n\n        this.valueHasChanged = true;\n        this._value = next;\n    }\n\n    @property({ attribute: 'value', reflect: true })\n    defaultValue: string | null = '';\n\n    get editorInstance() {\n        return this.editor;\n    }\n\n    private resolveVariableLists(): {\n        topLevel: VariableOption[];\n        all: VariableOption[];\n    } {\n        const topLevel = dedupeVariableOptions(\n            Object.values(this.variableCategories ?? {}).flatMap((items) => {\n                return Array.isArray(items) ? items : [];\n            }),\n        );\n\n        return {\n            topLevel,\n            all: flattenVariableOptions(topLevel),\n        };\n    }\n\n    private resolveEditorContent() {\n        const { topLevel, all } = this.resolveVariableLists();\n        return inputValueToContent(this.value, topLevel, all);\n    }\n\n    protected override syncFormValue(): void {\n        this.setValue(this.value || '');\n\n        if (this.input) {\n            this.input.value = this.value || '';\n        }\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.valueHasChanged = false;\n        this._value = null;\n        this.syncEditorContent(true);\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state === 'string') {\n            this.value = state;\n            this.syncEditorContent(true);\n        }\n    }\n\n    override disconnectedCallback(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && !changed.has('defaultValue')) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('defaultValue') && !this.valueHasChanged) {\n            this.syncEditorContent();\n        }\n\n        // Categories often arrive with the field after first paint — re-hydrate labels.\n        if (changed.has('variableCategories') && this.editor) {\n            this.syncEditorContent(true);\n        }\n\n        if (changed.has('disabled') || changed.has('readonly')) {\n            this.editor?.setEditable(!this.disabled && !this.readonly);\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        this.mountEditor();\n        this.syncFormValue();\n    }\n\n    private mountEditor(): void {\n        const content = this.resolveEditorContent();\n\n        this.editor = new Editor({\n            element: this.editorMount,\n            extensions: createTiptapInputExtensions({\n                variableTagNodeView: createVariableTagDomNodeView(),\n            }),\n            content,\n            editable: !this.disabled && !this.readonly,\n            onUpdate: ({ editor }) => {\n                const nextValue = contentToValue(editor.getJSON().content);\n                this.lastEmitted = nextValue;\n\n                if (this.suppressUpdateEmission) {\n                    return;\n                }\n\n                this.value = nextValue;\n\n                if (this.input) {\n                    this.input.value = nextValue;\n                }\n\n                this.syncFormValue();\n                this.emitValueChange(nextValue);\n            },\n        });\n    }\n\n    private syncEditorContent(force = false): void {\n        if (!this.editor) {\n            return;\n        }\n\n        if (!force && !this.readonly && this.editor.isFocused) {\n            return;\n        }\n\n        const nextContent = this.resolveEditorContent();\n        const currentContent = this.editor.getJSON();\n\n        if (JSON.stringify(nextContent) === JSON.stringify(currentContent)) {\n            return;\n        }\n\n        // Same token string with newly available categories still needs a force remount\n        // so chip labels upgrade from UID fallback → option labels.\n        if (!force && this.lastEmitted === this.value) {\n            return;\n        }\n\n        this.suppressUpdateEmission = true;\n        try {\n            this.editor.commands.setContent(nextContent ?? { type: 'doc', content: [] });\n        } finally {\n            this.suppressUpdateEmission = false;\n        }\n    }\n\n    private emitValueChange(value: string): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { value },\n            bubbles: true,\n            composed: true,\n        }));\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    override render() {\n        return html`\n            <div class=\"shell\" part=\"shell\">\n                <div class=\"editor-mount\" part=\"editor\"></div>\n                <input class=\"mirror-input\" type=\"text\" .value=${this.value} readonly tabindex=\"-1\" aria-hidden=\"true\" />\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-input': PkTiptapInput;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-toggle-group-CWDwYlgR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-toggle-group-CWDwYlgR.js","names":[],"sources":["../../src/components/toggle-group/pk-toggle-group.styles.ts","../../src/components/toggle-group/pk-toggle-group.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkToggleGroupStyles = css`\n    @layer pk-component {\n        :host {\n            display: inline-flex;\n            vertical-align: middle;\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: var(--pk-line-height);\n        }\n\n        .group {\n            display: inline-flex;\n            width: fit-content;\n            align-items: center;\n            border-radius: var(--pk-radius-lg);\n            gap: calc(var(--pk-toggle-group-spacing, 0) * 0.25rem);\n        }\n\n        :host([size='sm']) .group {\n            border-radius: min(var(--pk-radius-md), 10px);\n        }\n\n        :host([orientation='vertical']) .group {\n            flex-direction: column;\n            align-items: stretch;\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { PropertyValues } from 'lit';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport type { PkToggleSize, PkToggleVariant } from '../toggle/pk-toggle.js';\nimport { pkToggleGroupStyles } from './pk-toggle-group.styles.js';\n\nexport type PkToggleGroupOrientation = 'horizontal' | 'vertical';\n\nconst GROUP_JOIN_ATTR = 'data-pk-group-join';\nconst GROUP_ITEM_FIRST = 'data-pk-group-item-first';\nconst GROUP_ITEM_LAST = 'data-pk-group-item-last';\nconst GROUP_ORIENTATION_ATTR = 'data-pk-group-orientation';\nconst TOGGLE_ORIENTATION_ATTR = 'data-tg-orientation';\n\n/**\n * Group of toggle buttons with shared selection.\n *\n * @slot - `pk-toggle` or `button[data-value]` items\n *\n * @csspart base - Group container\n */\n@customElement('pk-toggle-group')\nexport class PkToggleGroup extends PkElement {\n    static override styles = pkToggleGroupStyles;\n\n    @property({ reflect: true })\n    orientation: PkToggleGroupOrientation = 'horizontal';\n\n    @property({ reflect: true })\n    variant: PkToggleVariant = 'default';\n\n    @property({ reflect: true })\n    size: PkToggleSize = 'default';\n\n    /** Gap between items — `0` joins adjacent toggles (React `spacing={0}`). */\n    @property({ type: Number, reflect: true })\n    spacing = 0;\n\n    /** @deprecated Use `spacing=\"0\"` — kept for backward compatibility. */\n    @property({ type: Boolean, reflect: true })\n    joined = true;\n\n    @property({ type: Boolean })\n    multiple = false;\n\n    @property({ type: Array, attribute: false })\n    value: string[] = [];\n\n    @state()\n    private items: HTMLElement[] = [];\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.syncJoinedFromSpacing();\n        this.addEventListener('click', this.handleClick);\n        this.addEventListener('slotchange', this.syncItems);\n    }\n\n    override disconnectedCallback(): void {\n        this.removeEventListener('click', this.handleClick);\n        this.removeEventListener('slotchange', this.syncItems);\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('spacing')) {\n            this.syncJoinedFromSpacing();\n        }\n\n        if (changed.has('joined') && !changed.has('spacing')) {\n            this.spacing = this.joined ? 0 : 2;\n        }\n\n        if (changed.has('variant') || changed.has('size') || changed.has('spacing') || changed.has('orientation')) {\n            this.syncGroupLayout();\n        }\n\n        // Keep pressed/aria-pressed in sync when value is set as a property\n        // (HTML has no value attribute — docs/playground set `.value` after mount).\n        if (changed.has('value') && this.items.length) {\n            this.applySelection();\n        }\n    }\n\n    private clearLayoutAttrs(item: HTMLElement): void {\n        item.removeAttribute(GROUP_JOIN_ATTR);\n        item.removeAttribute(GROUP_ITEM_FIRST);\n        item.removeAttribute(GROUP_ITEM_LAST);\n        item.removeAttribute(GROUP_ORIENTATION_ATTR);\n        item.removeAttribute(TOGGLE_ORIENTATION_ATTR);\n    }\n\n    private syncGroupLayout(): void {\n        for (const item of this.items) {\n            this.clearLayoutAttrs(item);\n        }\n\n        for (const item of this.items) {\n            if (this.orientation !== 'horizontal') {\n                item.setAttribute(TOGGLE_ORIENTATION_ATTR, this.orientation);\n            }\n        }\n\n        if (this.spacing !== 0) {\n            return;\n        }\n\n        for (let index = 0; index < this.items.length; index++) {\n            const item = this.items[index];\n            item.setAttribute(GROUP_ORIENTATION_ATTR, this.orientation);\n            item.setAttribute(GROUP_JOIN_ATTR, '');\n\n            if (index === 0) {\n                item.setAttribute(GROUP_ITEM_FIRST, '');\n            }\n\n            if (index === this.items.length - 1) {\n                item.setAttribute(GROUP_ITEM_LAST, '');\n            }\n        }\n    }\n\n    private syncJoinedFromSpacing(): void {\n        this.joined = this.spacing === 0;\n    }\n\n    private syncItems = (): void => {\n        const slot = this.shadowRoot?.querySelector('slot');\n\n        if (!slot) {\n            return;\n        }\n\n        this.items = slot.assignedElements({ flatten: true }) as HTMLElement[];\n        this.applyGroupProps();\n        this.syncGroupLayout();\n        this.applySelection();\n    };\n\n    private applyGroupProps(): void {\n        for (const item of this.items) {\n            if (item.tagName !== 'PK-TOGGLE') {\n                continue;\n            }\n\n            item.setAttribute('variant', this.variant);\n            item.setAttribute('size', this.size);\n        }\n    }\n\n    private getItemValue(item: HTMLElement): string | null {\n        return item.getAttribute('data-value') ?? item.dataset.value ?? null;\n    }\n\n    private isItemDisabled(item: HTMLElement): boolean {\n        return item.hasAttribute('disabled') || item.matches(':disabled');\n    }\n\n    private applySelection(): void {\n        for (const item of this.items) {\n            const itemValue = this.getItemValue(item);\n\n            if (!itemValue) {\n                continue;\n            }\n\n            const selected = this.value.includes(itemValue);\n            item.setAttribute('aria-pressed', selected ? 'true' : 'false');\n\n            if (item.tagName === 'PK-TOGGLE') {\n                if (selected) {\n                    item.setAttribute('pressed', '');\n                } else {\n                    item.removeAttribute('pressed');\n                }\n            }\n        }\n    }\n\n    private handleClick = (event: Event): void => {\n        const target = (event.target as HTMLElement).closest('[data-value]') as HTMLElement | null;\n\n        if (!target || !this.items.includes(target) || this.isItemDisabled(target)) {\n            return;\n        }\n\n        event.preventDefault();\n\n        const itemValue = this.getItemValue(target);\n\n        if (!itemValue) {\n            return;\n        }\n\n        if (this.multiple) {\n            this.value = this.value.includes(itemValue)\n                ? this.value.filter((v) => v !== itemValue)\n                : [...this.value, itemValue];\n        } else {\n            this.value = this.value.includes(itemValue) ? [] : [itemValue];\n        }\n\n        this.applySelection();\n\n        this.dispatchEvent(new CustomEvent('pk-value-change', {\n            detail: { value: [...this.value] },\n            bubbles: true,\n            composed: true,\n        }));\n    };\n\n    override render() {\n        return html`\n            <div\n                part=\"base\"\n                class=\"group\"\n                role=\"group\"\n                style=${`--pk-toggle-group-spacing: ${this.spacing}`}\n                @slotchange=${this.syncItems}\n            >\n                <slot></slot>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-toggle-group': PkToggleGroup;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/pk-tooltip-DAq-JZpg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pk-tooltip-DAq-JZpg.js","names":[],"sources":["../../src/components/tooltip/pk-tooltip.styles.ts","../../src/components/tooltip/pk-tooltip.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * Tooltip motion — enter: fade + zoom + slide; exit: fade + zoom only, 150ms ease.\n */\nconst tooltipContentAnimationStyles = css`\n    @layer pk-component {\n        .content.pk-popup-content {\n            transform-origin: var(--pk-transform-origin, top);\n        }\n\n        .content.pk-popup-content[data-open] {\n            animation: pk-tooltip-in 150ms ease forwards;\n        }\n\n        .content.pk-popup-content[data-open][data-side='top'] {\n            animation-name: pk-tooltip-in-top;\n        }\n\n        .content.pk-popup-content[data-open][data-side='bottom'] {\n            animation-name: pk-tooltip-in-bottom;\n        }\n\n        .content.pk-popup-content[data-open][data-side='left'] {\n            animation-name: pk-tooltip-in-left;\n        }\n\n        .content.pk-popup-content[data-open][data-side='right'] {\n            animation-name: pk-tooltip-in-right;\n        }\n\n        .content.pk-popup-content.closing {\n            animation: pk-tooltip-out 150ms ease;\n        }\n\n        @keyframes pk-tooltip-in {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        @keyframes pk-tooltip-out {\n            from {\n                opacity: 1;\n                transform: scale(1);\n            }\n\n            to {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n        }\n\n        @keyframes pk-tooltip-in-top {\n            from {\n                opacity: 0;\n                transform: scale(0.95) translateY(0.5rem);\n            }\n\n            to {\n                opacity: 1;\n                transform: scale(1) translateY(0);\n            }\n        }\n\n        @keyframes pk-tooltip-in-bottom {\n            from {\n                opacity: 0;\n                transform: scale(0.95) translateY(-0.5rem);\n            }\n\n            to {\n                opacity: 1;\n                transform: scale(1) translateY(0);\n            }\n        }\n\n        @keyframes pk-tooltip-in-left {\n            from {\n                opacity: 0;\n                transform: scale(0.95) translateX(0.5rem);\n            }\n\n            to {\n                opacity: 1;\n                transform: scale(1) translateX(0);\n            }\n        }\n\n        @keyframes pk-tooltip-in-right {\n            from {\n                opacity: 0;\n                transform: scale(0.95) translateX(-0.5rem);\n            }\n\n            to {\n                opacity: 1;\n                transform: scale(1) translateX(0);\n            }\n        }\n    }\n`;\n\nexport const pkTooltipStyles = [\n    tooltipContentAnimationStyles,\n    css`\n    @layer pk-component {\n        :host {\n            display: inline-block;\n            max-width: 100%;\n            align-self: flex-start;\n            flex: none;\n            vertical-align: middle;\n            --pk-popup-z-index: 250;\n            --pk-tooltip-arrow-size: 9px;\n            --pk-tooltip-arrow-inset: 1px;\n        }\n\n        .content:not([data-open]):not(.closing) {\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        .content[data-open]:not(.closing) {\n            opacity: 1;\n        }\n\n        .content {\n            position: relative;\n            isolation: isolate;\n            overflow: visible;\n            width: fit-content;\n            max-width: 20rem;\n            padding: 4px 8px;\n            border-radius: var(--pk-radius-sm);\n            background: #1c2e36;\n            color: var(--pk-color-white);\n            font-family: var(--pk-font-family);\n            font-size: 12px;\n            line-height: 1.4;\n            pointer-events: none;\n        }\n\n        .content::after {\n            content: '';\n            position: absolute;\n            z-index: -1;\n            width: var(--pk-tooltip-arrow-size);\n            height: var(--pk-tooltip-arrow-size);\n            background: #1c2e36;\n            border-radius: 2px;\n            rotate: 45deg;\n            pointer-events: none;\n        }\n\n        .content[data-side='top']::after {\n            left: calc(50% - var(--pk-tooltip-arrow-size) / 2);\n            bottom: calc(var(--pk-tooltip-arrow-size) * -0.5 + var(--pk-tooltip-arrow-inset));\n        }\n\n        .content[data-side='bottom']::after {\n            left: calc(50% - var(--pk-tooltip-arrow-size) / 2);\n            top: calc(var(--pk-tooltip-arrow-size) * -0.5 + var(--pk-tooltip-arrow-inset));\n        }\n\n        .content[data-side='left']::after {\n            top: calc(50% - var(--pk-tooltip-arrow-size) / 2);\n            right: calc(var(--pk-tooltip-arrow-size) * -0.5 + var(--pk-tooltip-arrow-inset));\n        }\n\n        .content[data-side='right']::after {\n            top: calc(50% - var(--pk-tooltip-arrow-size) / 2);\n            left: calc(var(--pk-tooltip-arrow-size) * -0.5 + var(--pk-tooltip-arrow-inset));\n        }\n\n        .content[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 { 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} from '../../events/overlay-lifecycle.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 { syncPopupPlacementAnimation, waitForPopupReposition, getPopupSide } from '../../utils/popup-placement-animation.js';\nimport { pkTooltipStyles } from './pk-tooltip.styles.js';\n\n/**\n * Tooltip —  pattern: hover/focus shows floating hint.\n *\n * @slot trigger - Element that receives the tooltip\n * @slot - Tooltip content (falls back to `content` attribute)\n *\n * @csspart content - Tooltip body\n */\n@customElement('pk-tooltip')\nexport class PkTooltip extends PkElement {\n    static override styles = pkTooltipStyles;\n\n    @property({ reflect: true })\n    placement: PkPopupPlacement = 'top';\n\n    /** `hover focus` (default) or `manual` for programmatic open only. */\n    @property({ reflect: true })\n    trigger: 'hover focus' | 'manual' = 'hover focus';\n\n    @property({ type: Boolean, reflect: true })\n    disabled = false;\n\n    @property({ type: Number, attribute: 'open-delay' })\n    openDelay = 0;\n\n    @property({ type: Number, attribute: 'close-delay' })\n    closeDelay = 0;\n\n    @property()\n    content = '';\n\n    /** Anchor element id — alternative to the trigger slot. */\n    @property({ reflect: true })\n    for = '';\n\n    @query('pk-popup')\n    private popupElement!: PkPopup;\n\n    @state()\n    private open = false;\n\n    private triggerElement: HTMLElement | null = null;\n\n    @state()\n    private contentAnimated = false;\n\n    @state()\n    private closing = false;\n\n    @state()\n    private contentSide: ReturnType<typeof getPopupSide> | null = null;\n\n    /**\n     * True only when the default slot has real nodes. Pretty-printed HTML often\n     * leaves whitespace text nodes in the default slot, which would otherwise\n     * suppress the `content` attribute fallback and show an empty tooltip body.\n     */\n    @state()\n    private hasSlottedBody = false;\n\n    private readonly triggerId = uniqueId('pk-tooltip-trigger');\n    private openTimer?: number;\n    private closeTimer?: number;\n    private readonly tooltipId = uniqueId('pk-tooltip');\n    private showGeneration = 0;\n    private exitGeneration = 0;\n\n    override disconnectedCallback(): void {\n        this.popupElement?.removeEventListener('pk-reposition', this.syncPlacementAnimation);\n        this.clearTimers();\n        this.hideTooltip(true);\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        super.updated(changed);\n\n        if (changed.has('trigger') || changed.has('disabled') || changed.has('for')) {\n            this.rebindTrigger();\n        }\n\n        if (this.disabled && this.open) {\n            this.hideTooltip(true);\n        }\n    }\n\n    override firstUpdated(): void {\n        this.popupElement.addEventListener('pk-reposition', this.syncPlacementAnimation);\n\n        if (this.for) {\n            queueMicrotask(() => {\n                this.resolveExternalTrigger();\n            });\n        }\n    }\n\n    /** Opens the tooltip programmatically. */\n    async show(): Promise<void> {\n        if (this.disabled) {\n            return;\n        }\n\n        this.clearTimers();\n        this.showTooltip(true);\n        await this.updateComplete;\n    }\n\n    /** Closes the tooltip programmatically. */\n    async hide(): Promise<void> {\n        this.clearTimers();\n        this.hideTooltip(true);\n        await this.updateComplete;\n    }\n\n    private clearTimers(): void {\n        window.clearTimeout(this.openTimer);\n        window.clearTimeout(this.closeTimer);\n    }\n\n    private syncPlacementAnimation = (): void => {\n        const placement = this.popupElement?.getAttribute('data-current-placement') ?? this.placement;\n        const content = this.popupElement?.getContentElement();\n\n        this.contentSide = placement ? getPopupSide(placement) : null;\n        syncPopupPlacementAnimation(this.popupElement, placement);\n\n        if (content) {\n            syncPopupPlacementAnimation(content, placement);\n        }\n    };\n\n    private resolveExternalTrigger(): void {\n        this.triggerElement = resolveElementById(this, this.for);\n        this.rebindTrigger();\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.rebindTrigger();\n        this.requestUpdate();\n    }\n\n    private onBodySlotChange = (event: Event): void => {\n        const slot = event.target as HTMLSlotElement;\n        this.hasSlottedBody = slot.assignedNodes({ flatten: true }).some((node) => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n                return true;\n            }\n\n            return node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim());\n        });\n    };\n\n    private rebindTrigger(): void {\n        this.unbindTrigger(this.triggerElement);\n\n        if (this.for) {\n            this.triggerElement = resolveElementById(this, this.for);\n        }\n\n        this.bindTrigger(this.triggerElement);\n    }\n\n    private usesPointerTrigger(): boolean {\n        return !this.disabled && this.trigger !== 'manual';\n    }\n\n    private bindTrigger(trigger: HTMLElement | null): void {\n        if (!trigger || !this.usesPointerTrigger()) {\n            return;\n        }\n\n        if (!trigger.id) {\n            trigger.id = this.triggerId;\n        }\n\n        trigger.setAttribute('aria-describedby', this.tooltipId);\n        trigger.addEventListener('mouseenter', this.scheduleShow);\n        trigger.addEventListener('mouseleave', this.scheduleHide);\n        trigger.addEventListener('focus', this.scheduleShow);\n        trigger.addEventListener('blur', this.scheduleHide);\n    }\n\n    private unbindTrigger(trigger: HTMLElement | null): void {\n        if (!trigger) {\n            return;\n        }\n\n        trigger.removeAttribute('aria-describedby');\n        trigger.removeEventListener('mouseenter', this.scheduleShow);\n        trigger.removeEventListener('mouseleave', this.scheduleHide);\n        trigger.removeEventListener('focus', this.scheduleShow);\n        trigger.removeEventListener('blur', this.scheduleHide);\n    }\n\n    private scheduleShow = (): void => {\n        if (!this.usesPointerTrigger()) {\n            return;\n        }\n\n        window.clearTimeout(this.closeTimer);\n        window.clearTimeout(this.openTimer);\n        this.openTimer = window.setTimeout(() => this.showTooltip(), this.openDelay);\n    };\n\n    private scheduleHide = (): void => {\n        if (!this.usesPointerTrigger()) {\n            return;\n        }\n\n        window.clearTimeout(this.openTimer);\n        window.clearTimeout(this.closeTimer);\n        this.closeTimer = window.setTimeout(() => this.hideTooltip(), this.closeDelay);\n    };\n\n    private getAnchor(): Element | string | null {\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 prepareContentForEnter(content: HTMLElement | null | undefined): void {\n        if (!content) {\n            return;\n        }\n\n        content.classList.remove('closing');\n        content.style.animation = 'none';\n        void content.getBoundingClientRect();\n        content.style.removeProperty('animation');\n        content.style.removeProperty('opacity');\n        content.style.removeProperty('transform');\n    }\n\n    private showTooltip(force = false): void {\n        if (!this.getAnchor()) {\n            return;\n        }\n\n        if (this.open && this.contentAnimated && !this.closing && !force) {\n            return;\n        }\n\n        if (!this.open) {\n            this.dispatchEvent(new PkShowEvent());\n        }\n\n        const generation = ++this.showGeneration;\n        this.exitGeneration += 1;\n        this.closing = false;\n        this.open = true;\n        this.contentAnimated = false;\n        this.prepareContentForEnter(this.popupElement?.getContentElement());\n\n        void this.updateComplete.then(async () => {\n            if (generation !== this.showGeneration) {\n                return;\n            }\n\n            await waitForPopupReposition(this.popupElement, this.placement);\n\n            if (generation !== this.showGeneration) {\n                return;\n            }\n\n            this.syncPlacementAnimation();\n            this.prepareContentForEnter(this.popupElement?.getContentElement());\n            this.contentAnimated = 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    private hideTooltip(immediate = false, cancelable = false): void {\n        if ((!this.open && !this.closing) && !immediate) {\n            return;\n        }\n\n        if (this.closing && !immediate) {\n            return;\n        }\n\n        if (cancelable) {\n            const hideEvent = new PkHideEvent('api');\n\n            if (!this.dispatchEvent(hideEvent)) {\n                return;\n            }\n        }\n\n        this.showGeneration += 1;\n\n        if (immediate) {\n            this.finishHide();\n            return;\n        }\n\n        if (!this.contentAnimated) {\n            this.finishHide();\n            return;\n        }\n\n        void this.playExitAnimation();\n    }\n\n    private async playExitAnimation(): Promise<void> {\n        if (!this.open) {\n            return;\n        }\n\n        const generation = this.exitGeneration + 1;\n        this.exitGeneration = generation;\n\n        const content = this.popupElement?.getContentElement();\n\n        this.closing = true;\n        this.contentAnimated = false;\n\n        if (content) {\n            await this.waitForExitAnimation(content);\n        }\n\n        if (generation !== this.exitGeneration) {\n            return;\n        }\n\n        this.finishHide();\n    }\n\n    private waitForExitAnimation(content: HTMLElement): Promise<void> {\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                content.removeEventListener('animationend', onAnimationEnd);\n                window.clearTimeout(fallback);\n                content.classList.remove('closing');\n                resolve();\n            };\n\n            const onAnimationEnd = (event: AnimationEvent): void => {\n                if (event.target === content && event.animationName.startsWith('pk-tooltip-out')) {\n                    finish();\n                }\n            };\n\n            content.classList.add('closing');\n            content.addEventListener('animationend', onAnimationEnd);\n            const fallback = window.setTimeout(finish, 200);\n        });\n    }\n\n    private finishHide(): void {\n        const content = this.popupElement?.getContentElement();\n\n        this.closing = false;\n        this.contentAnimated = false;\n        this.contentSide = null;\n        this.open = false;\n        this.popupElement?.removeAttribute('data-side');\n        this.prepareContentForEnter(content);\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 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=${4}\n                hover-bridge\n                flip\n                shift\n            >\n                <div\n                    part=\"content\"\n                    class=${classMap({\n                        content: true,\n                        'pk-popup-content': true,\n                        closing: this.closing,\n                    })}\n                    id=${this.tooltipId}\n                    role=\"tooltip\"\n                    ?hidden=${!this.open && !this.closing}\n                    data-open=${this.contentAnimated && !this.closing ? '' : nothing}\n                    data-side=${this.contentSide ?? nothing}\n                >\n                    <slot @slotchange=${this.onBodySlotChange}></slot>\n                    ${this.hasSlottedBody ? nothing : (this.content || nothing)}\n                </div>\n            </pk-popup>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tooltip': PkTooltip;\n    }\n}\n"],"mappings":"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"}