@turquoisehealth/pit-viper 2.182.1-dev.3 → 2.182.1-dev.4

package/pv-components/dist/vue/base/pv-components-base.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pv-components-base.mjs","names":["$props","$emit","$emit","$emit","computePosition","flip","offset","getComputedStyle","unwrapElement","$slots","$props","$slots","$slots","$emit","$emit","$emit","$slots","$emit","$emit","$props","$slots","$emit","$slots","$emit","$emit","$slots","$attrs","$emit","$emit","$emit"],"sources":["../../../src/components/base/PvSpinner/PvSpinner.vue","../../../src/components/base/PvSpinner/PvSpinner.vue","../../../src/components/base/PvButton/helpers.ts","../../../src/web-components/utils.ts","../../../src/components/base/baseProps.ts","../../../src/components/base/PvIcon/PvIcon.vue","../../../src/components/base/PvIcon/PvIcon.vue","../../../src/components/base/PvCounterBadge/PvCounterBadge.vue","../../../src/components/base/PvCounterBadge/PvCounterBadge.vue","../../../src/components/base/PvButton/PvButton.vue","../../../src/components/base/PvButton/PvButton.vue","../../../src/components/base/PvAiButton/PvAiButton.vue","../../../src/components/base/PvAiButton/PvAiButton.vue","../../../src/composables/useSlotPresence.ts","../../../src/components/base/PvTooltip/PvTooltip.vue","../../../src/components/base/PvTooltip/PvTooltip.vue","../../../src/components/base/PvButton/PvButtonWithTooltip.vue","../../../src/components/base/PvButton/PvButtonWithTooltip.vue","../../../src/components/base/PvReleaseBadge/PvReleaseBadge.vue","../../../src/components/base/PvReleaseBadge/PvReleaseBadge.vue","../../../src/components/base/PvTag/PvTag.vue","../../../src/components/base/PvTag/PvTag.vue","../../../src/components/base/PvPill/PvPill.vue","../../../src/components/base/PvPill/PvPill.vue","../../../src/components/base/PvPopover/PvPopover.vue","../../../src/components/base/PvPopover/PvPopover.vue","../../../src/components/base/PvDropdown/PvDropdown.vue","../../../src/components/base/PvDropdown/PvDropdown.vue","../../../src/components/base/PvPopoverMenu/PvPopoverMenu.vue","../../../src/components/base/PvPopoverMenu/PvPopoverMenu.vue","../../../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs","../../../../node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs","../../../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../../../../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs","../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.32_typescript@5.9.3_/node_modules/vue-demi/lib/index.mjs","../../../../node_modules/.pnpm/@floating-ui+vue@1.1.11_vue@3.5.32_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs","../../../src/components/base/PvPopoverV2/PvPopoverV2.vue","../../../src/components/base/PvPopoverV2/PvPopoverV2.vue","../../../src/components/base/PvTooltipV2/PvTooltipV2.vue","../../../src/components/base/PvTooltipV2/PvTooltipV2.vue","../../../src/components/base/PvSegmentedControl/PvSegmentedControl.vue","../../../src/components/base/PvSegmentedControl/PvSegmentedControl.vue","../../../src/components/base/PvTabList/PvTabList.vue","../../../src/components/base/PvTabList/PvTabList.vue","../../../src/components/base/PvCompanyLogo/PvCompanyLogo.vue","../../../src/components/base/PvCompanyLogo/PvCompanyLogo.vue","../../../src/components/base/PvModal/PvModal.vue","../../../src/components/base/PvModal/PvModal.vue","../../../src/components/base/PvBanner/types.ts","../../../src/components/base/PvBanner/PvBanner.vue","../../../src/components/base/PvBanner/PvBanner.vue","../../../src/components/base/PvCompanyTag/PvCompanyTag.vue","../../../src/components/base/PvCompanyTag/PvCompanyTag.vue","../../../src/components/base/PvSuggestionTag/PvSuggestionTag.vue","../../../src/components/base/PvSuggestionTag/PvSuggestionTag.vue","../../../src/components/base/PvAccordion/PvAccordion.vue","../../../src/components/base/PvAccordion/PvAccordion.vue","../../../src/components/base/PvSearchInput/PvSearchInput.vue","../../../src/components/base/PvSearchInput/PvSearchInput.vue","../../../src/components/base/PvDatePicker/PvDatePicker.vue","../../../src/components/base/PvDatePicker/PvDatePicker.vue","../../../src/components/base/PvDateTime/useDateTime.ts","../../../src/components/base/PvDateTime/PvDateTime.vue","../../../src/components/base/PvDateTime/PvDateTime.vue","../../../src/components/base/PvDrawer/PvDrawer.vue","../../../src/components/base/PvDrawer/PvDrawer.vue","../../../src/components/base/PvTabs/PvTabs.vue","../../../src/components/base/PvTabs/PvTabs.vue","../../../src/components/base/PvBreadcrumbs/PvBreadcrumbs.vue","../../../src/components/base/PvBreadcrumbs/PvBreadcrumbs.vue","../../../src/components/base/PvMenu/PvMenuControlPanel.vue","../../../src/components/base/PvMenu/PvMenuControlPanel.vue","../../../src/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue","../../../src/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue","../../../src/components/base/PvMenu/PvMenuEmptyState.vue","../../../src/components/base/PvAvatar/PvAvatar.vue","../../../src/components/base/PvAvatar/PvAvatar.vue","../../../src/components/base/PvMenu/items/PvMenuBaseItem.vue","../../../src/components/base/PvMenu/items/PvMenuBaseItem.vue","../../../src/components/base/PvSwitch/PvSwitch.vue","../../../src/components/base/PvSwitch/PvSwitch.vue","../../../src/components/base/PvMenu/items/PvMenuItemAction.vue","../../../src/components/base/PvMenu/items/PvMenuItemAction.vue","../../../src/components/base/PvMenu/cascadeUtils.ts","../../../src/components/base/PvMenu/symbols.ts","../../../src/components/base/PvMenu/items/PvMenuItemVariant.vue","../../../src/components/base/PvMenu/items/PvMenuItemVariant.vue","../../../src/components/base/PvMenu/items/PvMenuItem.vue","../../../src/components/base/PvMenu/items/PvMenuItem.vue","../../../src/components/base/PvMenu/PvMenu.vue","../../../src/components/base/PvMenu/PvMenu.vue","../../../src/components/base/PvMultiSelectButton/PvMultiSelectButton.vue","../../../src/components/base/PvMultiSelectButton/PvMultiSelectButton.vue","../../../src/components/base/PvSelectButton/PvSelectButton.vue","../../../src/components/base/PvSelectButton/PvSelectButton.vue","../../../src/components/base/PvPagination/usePagination.ts","../../../src/components/base/PvPagination/PvPagination.vue","../../../src/components/base/PvPagination/PvPagination.vue","../../../src/components/base/PvSelectableCard/PvSelectableCard.vue","../../../src/components/base/PvSelectableCard/PvSelectableCard.vue","../../../src/components/layout/PvSidePanel/PvSidePanel.vue","../../../src/components/layout/PvSidePanel/PvSidePanel.vue","../../../src/components/base/PvGhostInput/PvGhostInput.vue","../../../src/components/base/PvGhostInput/PvGhostInput.vue","../../../src/components/base/PvCompanyLabel/PvCompanyLabel.vue","../../../src/components/base/PvCompanyLabel/PvCompanyLabel.vue","../../../src/components/base/PvAvatarGroup/PvAvatarGroup.vue","../../../src/components/base/PvAvatarGroup/PvAvatarGroup.vue","../../../src/components/base/PvToggleButton/PvToggleButton.vue","../../../src/components/base/PvToggleButton/PvToggleButton.vue","../../../src/components/base/PvToggleGroup/PvToggleGroup.vue","../../../src/components/base/PvToggleGroup/PvToggleGroup.vue","../../../src/components/base/PvCheckbox/PvCheckbox.vue","../../../src/components/base/PvCheckbox/PvCheckbox.vue","../../../src/components/base/PvSprite/PvSprite.vue","../../../src/components/base/PvSprite/PvSprite.vue","../../../src/components/base/PvSkeleton/PvSkeleton.vue","../../../src/components/base/PvSkeleton/PvSkeleton.vue","../../../src/components/base/PvInput/PvInput.vue","../../../src/components/base/PvInput/PvInput.vue","../../../src/components/base/PvRating/PvRating.vue","../../../src/components/base/PvRating/PvRating.vue","../../../src/components/base/PvCard/PvCard.vue","../../../src/components/base/PvCard/PvCard.vue","../../../src/components/base/PvWidget/PvWidget.vue","../../../src/components/base/PvWidget/PvWidget.vue","../../../src/components/base/PvInsightCard/PvInsightCard.vue","../../../src/components/base/PvInsightCard/PvInsightCard.vue","../../../src/components/base/PvExpandableContent/PvExpandableContent.vue","../../../src/components/base/PvExpandableContent/PvExpandableContent.vue","../../../src/components/base/PvToast/PvToast.vue","../../../src/components/base/PvToast/PvToast.vue","../../../src/components/base/PvActionBar/PvActionBar.vue","../../../src/components/base/PvActionBar/PvActionBar.vue","../../../src/components/base/PvTextArea/PvTextArea.vue","../../../src/components/base/PvTextArea/PvTextArea.vue","../../../src/components/base/PvTree/PvSimpleItemTree.vue","../../../src/components/base/PvTree/PvSimpleItemTree.vue","../../../src/components/base/PvTree/PvTreeReorderIcon.vue","../../../src/components/base/PvTree/PvTreeReorderIcon.vue","../../../src/components/base/PvTree/PvButtonTreeItem.vue","../../../src/components/base/PvTree/PvButtonTreeItem.vue","../../../src/components/base/PvTree/PvCheckboxTreeItem.vue","../../../src/components/base/PvTree/PvCheckboxTreeItem.vue","../../../src/components/base/PvTree/composables/useHoverIcon.ts","../../../src/components/base/PvTree/symbols.ts","../../../src/components/base/PvTree/composables/useDraggingState.ts","../../../src/components/base/PvTree/composables/useDragAndDrop.ts","../../../src/components/base/PvTree/composables/useDragAndDropIndicator.ts","../../../src/components/base/PvTree/PvSimpleNestedTreeItem.vue","../../../src/components/base/PvTree/PvSimpleNestedTreeItem.vue","../../../src/components/base/PvTree/PvSimpleNestedTree.vue","../../../src/components/base/PvTree/PvSimpleNestedTree.vue","../../../src/components/base/PvTree/PvTreeItem.vue","../../../src/components/base/PvTree/PvTreeItem.vue","../../../src/components/base/PvTree/composables/useTreeUpdate.ts","../../../src/components/base/PvTree/PvTree.vue","../../../src/components/base/PvTree/PvTree.vue","../../../src/components/base/PvTree/PvTreeGroup.vue","../../../src/components/base/PvTree/PvTreeGroup.vue","../../../src/components/base/PvProgressBar/PvProgressBar.vue","../../../src/components/base/PvProgressBar/PvProgressBar.vue","../../../src/components/base/PvDistributionBar/PvDistributionBar.vue","../../../src/components/base/PvDistributionBar/PvDistributionBar.vue","../../../src/components/base/PvQueryBuilderInput/useQueryBuilder.ts","../../../src/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue","../../../src/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue","../../../src/components/base/PvQueryBuilderInput/QueryFormatter.vue","../../../src/components/base/PvQueryBuilderInput/QueryFormatter.vue","../../../src/components/base/PvQueryBuilderInput/PvQueryBuilderInput.vue","../../../src/components/base/PvQueryBuilderInput/PvQueryBuilderInput.vue","../../../src/components/base/PvRange/PvRange.vue","../../../src/components/base/PvRange/PvRange.vue","../../../src/components/base/PvComponentsConfig/primeVue.config.ts","../../../src/components/base/PvComponentsConfig/usePvComponents.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PvSpinnerSize, PvSpinnerVariant } from \"./types\";\n\ninterface PvSpinnerProps {\n  /** The size of the spinner. Controls the rendered diameter via a CSS custom property. */\n  size?: PvSpinnerSize;\n  /** The color variant of the spinner. Use \"white\" on dark backgrounds and \"dark\" on light backgrounds. */\n  variant?: PvSpinnerVariant;\n}\n\nconst mapSizeToPx: Record<PvSpinnerSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"1rem\",\n  md: \"1.25rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n};\n\nconst mapVariantToPvClass: Record<PvSpinnerVariant, string> = {\n  primary: \"pv-spinner\",\n  dark: \"pv-spinner-dark\",\n  white: \"pv-spinner-light\",\n};\n\nwithDefaults(defineProps<PvSpinnerProps>(), {\n  size: \"lg\",\n  variant: \"primary\",\n});\n</script>\n\n<template>\n  <div data-testid=\"pv-spinner\" :class=\"mapVariantToPvClass[variant]\" :style=\"{ '--size': mapSizeToPx[size] }\" />\n</template>\n","<script setup lang=\"ts\">\nimport { PvSpinnerSize, PvSpinnerVariant } from \"./types\";\n\ninterface PvSpinnerProps {\n  /** The size of the spinner. Controls the rendered diameter via a CSS custom property. */\n  size?: PvSpinnerSize;\n  /** The color variant of the spinner. Use \"white\" on dark backgrounds and \"dark\" on light backgrounds. */\n  variant?: PvSpinnerVariant;\n}\n\nconst mapSizeToPx: Record<PvSpinnerSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"1rem\",\n  md: \"1.25rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n};\n\nconst mapVariantToPvClass: Record<PvSpinnerVariant, string> = {\n  primary: \"pv-spinner\",\n  dark: \"pv-spinner-dark\",\n  white: \"pv-spinner-light\",\n};\n\nwithDefaults(defineProps<PvSpinnerProps>(), {\n  size: \"lg\",\n  variant: \"primary\",\n});\n</script>\n\n<template>\n  <div data-testid=\"pv-spinner\" :class=\"mapVariantToPvClass[variant]\" :style=\"{ '--size': mapSizeToPx[size] }\" />\n</template>\n","import { PvButtonSize } from \"@/components/base/PvButton/types.ts\";\n\nexport const supportedInverseButtonVariants = [\"ghost\"];\n\nconst sizeToClassMap: Record<PvButtonSize, string | undefined> = {\n  md: \"pv-button-small\",\n  lg: undefined,\n  xl: \"pv-button-large\",\n};\n\nexport const pvButtonSizeToClass = (size: PvButtonSize | null | undefined): string | null => {\n  if (size == null || !sizeToClassMap.hasOwnProperty(size)) {\n    return null;\n  }\n  return sizeToClassMap[size] || null;\n};\n","/**\n * Utility functions for web components\n */\n\nimport { ref, getCurrentInstance } from \"vue\";\n\n/**\n * Composable to detect if a component is running as a web component\n * Returns a reactive ref that's set to true/false on mount\n *\n * @returns Reactive ref boolean indicating if running as web component\n *\n * @example\n * import { useIsWebComponent } from '@/web-components/utils';\n *\n * export default {\n *   setup() {\n *     const isWc = useIsWebComponent();\n *     // isWc.value is true if running as web component, false if Vue component\n *   }\n * }\n */\nexport function useIsWebComponent() {\n  const isWc = ref(false);\n  const instance = getCurrentInstance();\n  const root = instance?.root || {};\n  if (\"isCE\" in root && root.isCE === true) {\n    isWc.value = true;\n  }\n  return isWc;\n}\n","export const PvSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"2x\"] as const;\nexport type PvSize = (typeof PvSizes)[number];\n\nexport const PvTheme = [\"white\", \"dark\"] as const;\nexport type PvThemes = (typeof PvTheme)[number];\n\nexport const PvVariants = [\"primary\", \"secondary\", \"tertiary\", \"ghost\", \"destructive\", \"transparent\"] as const;\nexport type PvVariants = (typeof PvVariants)[number];\n\nexport const PvColorVariants = [\"default\", \"success\", \"warning\", \"critical\", \"highlight\"] as const;\nexport type PvColorVariants = (typeof PvColorVariants)[number];\n\nexport const PvInputVariants = [\"h1\", \"h2\", \"h3\", \"h4\", \"text-md\", \"text-sm\", \"text-lg\", \"caption\"] as const;\nexport type PvInputVariants = (typeof PvInputVariants)[number];\n\nexport const PvTextInputColors = [\"white\", \"grey\"] as const;\nexport type PvTextInputColors = (typeof PvTextInputColors)[number];\n\nexport const sizeMap: Record<PvSize, string> = {\n  xs: \"12px\",\n  sm: \"16px\",\n  md: \"20px\",\n  lg: \"24px\",\n  xl: \"32px\",\n  \"2x\": \"40px\",\n};\n\nexport const PvIconSizes = [undefined, 10, 12, 20, 24, 32, 64] as const;\nexport type PvIconSize = (typeof PvIconSizes)[number];\n\nexport type PvAlignmentPositions =\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\"\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"center-left\"\n  | \"center-right\";\n","<script lang=\"ts\">\nimport { PvIconSize, PvIconSizes } from \"../baseProps\";\n</script>\n<script setup lang=\"ts\">\nimport { computed, ref, Ref } from \"vue\";\nimport { useIsWebComponent } from \"@/web-components/utils\";\n\ntype PvIconProps = {\n  /** Name of the icon from the SVG sprite sheet (e.g. \"user\", \"check-circle\"). */\n  name: string;\n  /** Pixel size of the icon. When omitted the icon inherits its container's size. */\n  size?: PvIconSize;\n};\n\nconst props = defineProps<PvIconProps>();\nconst isWeb = useIsWebComponent();\n\nconst globalSpritePath: Ref<string | null> = ref(null);\n\nconst classes = computed(() => ({\n  \"pv-icon\": true,\n  [`pv-icon-${props.size}`]: props.size != null && PvIconSizes.includes(props.size),\n}));\n\nconst svgHref = computed(() => {\n  // If the global sprite path is set, use it\n  if (isWeb.value && globalSpritePath.value) {\n    return `${globalSpritePath.value}#${props.name}`;\n  }\n  return `#${props.name}`;\n});\n\n// @ts-expect-error ignore type error for globalThis\nif (globalThis.__PV_GLOBAL_SPRITE_PATH__) {\n  // We only want to use sprite paths for web components\n  // @ts-expect-error ignore type error for globalThis\n  globalSpritePath.value = globalThis.__PV_GLOBAL_SPRITE_PATH__;\n}\n</script>\n\n<template>\n  <svg data-testid=\"pv-icon\" aria-hidden=\"true\" :class=\"classes\">\n    <use :xlink:href=\"svgHref\"></use>\n  </svg>\n</template>\n","<script lang=\"ts\">\nimport { PvIconSize, PvIconSizes } from \"../baseProps\";\n</script>\n<script setup lang=\"ts\">\nimport { computed, ref, Ref } from \"vue\";\nimport { useIsWebComponent } from \"@/web-components/utils\";\n\ntype PvIconProps = {\n  /** Name of the icon from the SVG sprite sheet (e.g. \"user\", \"check-circle\"). */\n  name: string;\n  /** Pixel size of the icon. When omitted the icon inherits its container's size. */\n  size?: PvIconSize;\n};\n\nconst props = defineProps<PvIconProps>();\nconst isWeb = useIsWebComponent();\n\nconst globalSpritePath: Ref<string | null> = ref(null);\n\nconst classes = computed(() => ({\n  \"pv-icon\": true,\n  [`pv-icon-${props.size}`]: props.size != null && PvIconSizes.includes(props.size),\n}));\n\nconst svgHref = computed(() => {\n  // If the global sprite path is set, use it\n  if (isWeb.value && globalSpritePath.value) {\n    return `${globalSpritePath.value}#${props.name}`;\n  }\n  return `#${props.name}`;\n});\n\n// @ts-expect-error ignore type error for globalThis\nif (globalThis.__PV_GLOBAL_SPRITE_PATH__) {\n  // We only want to use sprite paths for web components\n  // @ts-expect-error ignore type error for globalThis\n  globalSpritePath.value = globalThis.__PV_GLOBAL_SPRITE_PATH__;\n}\n</script>\n\n<template>\n  <svg data-testid=\"pv-icon\" aria-hidden=\"true\" :class=\"classes\">\n    <use :xlink:href=\"svgHref\"></use>\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvCounterBadgeSize, PvCounterBadgeVariant } from \"./types\";\n\nexport interface PvCounterBadgeProps {\n  /** Numeric value to display */\n  value?: number;\n  /** Text prefix displayed before the value */\n  prefix?: string;\n  /** Visual style variant */\n  variant?: PvCounterBadgeVariant;\n  /** Display size of the badge */\n  size?: PvCounterBadgeSize;\n  /** Maximum value before showing overflow indicator (e.g. \"99+\") */\n  maxValue?: number;\n}\n\nconst props = withDefaults(defineProps<PvCounterBadgeProps>(), {\n  variant: \"primary\",\n  maxValue: 99,\n  size: \"sm\",\n  prefix: \"\",\n});\n\nconst size = computed(() => {\n  if (props.size == \"md\") {\n    return \"md\";\n  } else if (props.size == \"sm\") {\n    return \"sm\";\n  }\n  return \"sm\";\n});\n\nconst displayValue = computed(() => {\n  if (props.maxValue && props.value && props.value > props.maxValue) {\n    return `${props.maxValue}+`;\n  }\n  if (props.value != null) {\n    return `${props.prefix}${props.value}`;\n  }\n  return \"-\";\n});\n\nconst classes = computed(() => ({\n  \"pv-inline-block pv-inset-square pv-radius pv-text-center\": true,\n  \"pv-badge-md pv-text-body-md\": size.value == \"md\",\n  \"pv-badge-sm pv-text-body-sm\": size.value == \"sm\",\n  \"pv-surface-brand-inverse pv-text-inverse\": props.variant == \"primary\",\n  \"pv-badge-secondary\": props.variant == \"secondary\",\n  \"pv-surface-lighten-5\": props.variant == \"tertiary\",\n  \"pv-text-secondary\": props.variant == \"ghost\" || props.variant == \"tertiary\",\n  \"pv-surface\": props.variant == \"ghost\",\n}));\n</script>\n<template>\n  <div :class=\"classes\" data-testid=\"pv-counter-badge\">\n    {{ displayValue }}\n  </div>\n</template>\n\n<style scoped>\n.pv-badge-md {\n  --inset-size: 2px 2px;\n  min-height: 20px;\n  max-height: 20px;\n  min-width: 20px;\n  font-weight: 500;\n}\n.pv-badge-sm {\n  --inset-size: 0 2px;\n  min-height: 16px;\n  max-height: 16px;\n  min-width: 16px;\n  font-weight: 500;\n}\n.pv-surface-lighten-5 {\n  background-color: #e0e5e4;\n}\n.pv-text-secondary {\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvCounterBadgeSize, PvCounterBadgeVariant } from \"./types\";\n\nexport interface PvCounterBadgeProps {\n  /** Numeric value to display */\n  value?: number;\n  /** Text prefix displayed before the value */\n  prefix?: string;\n  /** Visual style variant */\n  variant?: PvCounterBadgeVariant;\n  /** Display size of the badge */\n  size?: PvCounterBadgeSize;\n  /** Maximum value before showing overflow indicator (e.g. \"99+\") */\n  maxValue?: number;\n}\n\nconst props = withDefaults(defineProps<PvCounterBadgeProps>(), {\n  variant: \"primary\",\n  maxValue: 99,\n  size: \"sm\",\n  prefix: \"\",\n});\n\nconst size = computed(() => {\n  if (props.size == \"md\") {\n    return \"md\";\n  } else if (props.size == \"sm\") {\n    return \"sm\";\n  }\n  return \"sm\";\n});\n\nconst displayValue = computed(() => {\n  if (props.maxValue && props.value && props.value > props.maxValue) {\n    return `${props.maxValue}+`;\n  }\n  if (props.value != null) {\n    return `${props.prefix}${props.value}`;\n  }\n  return \"-\";\n});\n\nconst classes = computed(() => ({\n  \"pv-inline-block pv-inset-square pv-radius pv-text-center\": true,\n  \"pv-badge-md pv-text-body-md\": size.value == \"md\",\n  \"pv-badge-sm pv-text-body-sm\": size.value == \"sm\",\n  \"pv-surface-brand-inverse pv-text-inverse\": props.variant == \"primary\",\n  \"pv-badge-secondary\": props.variant == \"secondary\",\n  \"pv-surface-lighten-5\": props.variant == \"tertiary\",\n  \"pv-text-secondary\": props.variant == \"ghost\" || props.variant == \"tertiary\",\n  \"pv-surface\": props.variant == \"ghost\",\n}));\n</script>\n<template>\n  <div :class=\"classes\" data-testid=\"pv-counter-badge\">\n    {{ displayValue }}\n  </div>\n</template>\n\n<style scoped>\n.pv-badge-md {\n  --inset-size: 2px 2px;\n  min-height: 20px;\n  max-height: 20px;\n  min-width: 20px;\n  font-weight: 500;\n}\n.pv-badge-sm {\n  --inset-size: 0 2px;\n  min-height: 16px;\n  max-height: 16px;\n  min-width: 16px;\n  font-weight: 500;\n}\n.pv-surface-lighten-5 {\n  background-color: #e0e5e4;\n}\n.pv-text-secondary {\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvButtonProps } from \"./types\";\nimport PvSpinner from \"../PvSpinner/PvSpinner.vue\";\nimport { pvButtonSizeToClass, supportedInverseButtonVariants } from \"@/components/base/PvButton/helpers.ts\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\n\nconst props = withDefaults(defineProps<PvButtonProps>(), {\n  variant: \"primary\",\n  disabled: false,\n  size: \"lg\",\n  loading: false,\n  inverse: false,\n});\n\nconst computedAriaLabel = computed(() => (!props.label || props.loading ? props.label || props.ariaLabel : undefined));\n\nconst classes = computed(() => {\n  const output = [];\n  if (props.inverse && supportedInverseButtonVariants.includes(props.variant)) {\n    output.push(`pv-button-${props.variant}-inverse`);\n  } else {\n    output.push(`pv-button-${props.variant}`);\n  }\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n</script>\n\n<template>\n  <button type=\"button\" :class=\"classes\" :disabled=\"disabled\" :aria-label=\"computedAriaLabel\" data-testid=\"pv-button\">\n    <PvSpinner v-if=\"loading\" size=\"sm\" />\n    <template v-else>\n      <PvCounterBadge v-if=\"leftCounterBadge\" :value=\"leftCounterBadge\" variant=\"tertiary\" />\n      <PvIcon v-if=\"leftIcon\" :name=\"leftIcon\" data-testid=\"pv-button-left-icon\" />\n      <span v-if=\"label\" data-testid=\"pv-button-label\">{{ label }}</span>\n      <PvCounterBadge v-if=\"rightCounterBadge\" :value=\"rightCounterBadge\" variant=\"tertiary\" />\n      <PvIcon v-if=\"rightIcon\" :name=\"rightIcon\" data-testid=\"pv-button-right-icon\" />\n    </template>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvButtonProps } from \"./types\";\nimport PvSpinner from \"../PvSpinner/PvSpinner.vue\";\nimport { pvButtonSizeToClass, supportedInverseButtonVariants } from \"@/components/base/PvButton/helpers.ts\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\n\nconst props = withDefaults(defineProps<PvButtonProps>(), {\n  variant: \"primary\",\n  disabled: false,\n  size: \"lg\",\n  loading: false,\n  inverse: false,\n});\n\nconst computedAriaLabel = computed(() => (!props.label || props.loading ? props.label || props.ariaLabel : undefined));\n\nconst classes = computed(() => {\n  const output = [];\n  if (props.inverse && supportedInverseButtonVariants.includes(props.variant)) {\n    output.push(`pv-button-${props.variant}-inverse`);\n  } else {\n    output.push(`pv-button-${props.variant}`);\n  }\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n</script>\n\n<template>\n  <button type=\"button\" :class=\"classes\" :disabled=\"disabled\" :aria-label=\"computedAriaLabel\" data-testid=\"pv-button\">\n    <PvSpinner v-if=\"loading\" size=\"sm\" />\n    <template v-else>\n      <PvCounterBadge v-if=\"leftCounterBadge\" :value=\"leftCounterBadge\" variant=\"tertiary\" />\n      <PvIcon v-if=\"leftIcon\" :name=\"leftIcon\" data-testid=\"pv-button-left-icon\" />\n      <span v-if=\"label\" data-testid=\"pv-button-label\">{{ label }}</span>\n      <PvCounterBadge v-if=\"rightCounterBadge\" :value=\"rightCounterBadge\" variant=\"tertiary\" />\n      <PvIcon v-if=\"rightIcon\" :name=\"rightIcon\" data-testid=\"pv-button-right-icon\" />\n    </template>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvSpinner from \"../PvSpinner/PvSpinner.vue\";\nimport { PvButtonSize } from \"@/components/base/PvButton/types.ts\";\nimport { pvButtonSizeToClass } from \"@/components/base/PvButton/helpers.ts\";\nimport { computed } from \"vue\";\n\ninterface PvAiButtonProps {\n  /** Size of the AI button */\n  size?: PvButtonSize;\n  /** Text label displayed next to the AI icon. Omit for icon-only. */\n  label?: string;\n  /** Show a loading spinner in place of the icon and label */\n  loading?: boolean;\n  /** Prevent the button from being clicked */\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvAiButtonProps>(), {\n  size: \"md\",\n  label: \"AskTQ\",\n});\n\nconst classes = computed(() => {\n  const output = [\"pv-button-ai\"];\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n\n// Set aria-label when there is no visible text: icon-only mode or loading state (spinner replaces label).\nconst computedAriaLabel = computed(() => (!props.label || props.loading ? props.label || undefined : undefined));\n</script>\n\n<template>\n  <button :disabled=\"disabled\" :class=\"classes\" :aria-label=\"computedAriaLabel\">\n    <PvSpinner v-if=\"loading\" :size=\"size\" />\n    <template v-else>\n      <PvIcon class=\"pv-text-brand\" name=\"ai-filled\" />\n      <span v-if=\"label\">{{ label }}</span>\n    </template>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvSpinner from \"../PvSpinner/PvSpinner.vue\";\nimport { PvButtonSize } from \"@/components/base/PvButton/types.ts\";\nimport { pvButtonSizeToClass } from \"@/components/base/PvButton/helpers.ts\";\nimport { computed } from \"vue\";\n\ninterface PvAiButtonProps {\n  /** Size of the AI button */\n  size?: PvButtonSize;\n  /** Text label displayed next to the AI icon. Omit for icon-only. */\n  label?: string;\n  /** Show a loading spinner in place of the icon and label */\n  loading?: boolean;\n  /** Prevent the button from being clicked */\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvAiButtonProps>(), {\n  size: \"md\",\n  label: \"AskTQ\",\n});\n\nconst classes = computed(() => {\n  const output = [\"pv-button-ai\"];\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n\n// Set aria-label when there is no visible text: icon-only mode or loading state (spinner replaces label).\nconst computedAriaLabel = computed(() => (!props.label || props.loading ? props.label || undefined : undefined));\n</script>\n\n<template>\n  <button :disabled=\"disabled\" :class=\"classes\" :aria-label=\"computedAriaLabel\">\n    <PvSpinner v-if=\"loading\" :size=\"size\" />\n    <template v-else>\n      <PvIcon class=\"pv-text-brand\" name=\"ai-filled\" />\n      <span v-if=\"label\">{{ label }}</span>\n    </template>\n  </button>\n</template>\n","import { computed, onBeforeUnmount, onMounted, ref, unref, useSlots, watch } from \"vue\";\nimport type { Ref } from \"vue\";\nimport { useIsWebComponent } from \"@/web-components/utils\";\n\ntype MaybeRef<T> = T | Ref<T>;\n\nexport type UseSlotPresenceOptions = {\n  /**\n   * Host element for native slot detection (required for web components).\n   * When running as a web component, light DOM children of this element are inspected.\n   */\n  host?: MaybeRef<HTMLElement | null | undefined>;\n\n  /**\n   * A slots object (useful for tests or to override `useSlots()`).\n   * Only used when running as a Vue component (not a web component).\n   */\n  vueSlots?: Record<string, unknown> | null | undefined;\n\n  /**\n   * Watch light DOM changes so presence updates if children are added/removed.\n   * Only applies to web component mode. Defaults to true.\n   */\n  observe?: boolean;\n\n  /**\n   * Listen to slotchange events on shadow DOM slots.\n   * Only applies to web component mode. Defaults to true.\n   */\n  listenSlotChange?: boolean;\n\n  /**\n   * If true, whitespace-only text nodes count as content in the default slot.\n   * Only applies to web component mode. Defaults to false.\n   */\n  countWhitespaceTextInDefaultSlot?: boolean;\n};\n\nfunction isMeaningfulTextNode(node: Node, countWhitespace: boolean) {\n  if (node.nodeType !== Node.TEXT_NODE) return false;\n  const txt = node.textContent ?? \"\";\n  return countWhitespace ? txt.length > 0 : txt.trim().length > 0;\n}\n\nfunction hasNativeSlottedContent(host: HTMLElement, name: string, countWhitespaceTextInDefaultSlot: boolean): boolean {\n  const slotName = name === \"default\" ? \"\" : name;\n  const nodes = Array.from(host.childNodes);\n\n  if (slotName === \"\") {\n    // Default slot: nodes without a `slot` attribute\n    return nodes.some((n) => {\n      if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        return !el.hasAttribute(\"slot\");\n      }\n      return isMeaningfulTextNode(n, countWhitespaceTextInDefaultSlot);\n    });\n  }\n\n  // Named slot: element children with slot=\"name\"\n  return nodes.some((n) => {\n    if (n.nodeType !== Node.ELEMENT_NODE) return false;\n    const el = n as Element;\n    return el.getAttribute(\"slot\") === slotName;\n  });\n}\n\nfunction getShadowSlotEl(host: HTMLElement, name: string): HTMLSlotElement | null {\n  const sr = host.shadowRoot;\n  if (!sr) return null;\n  if (name === \"default\" || name === \"\") {\n    return sr.querySelector(\"slot:not([name])\");\n  }\n  return sr.querySelector(`slot[name=\"${CSS.escape(name)}\"]`);\n}\n\n/**\n * Returns a computed boolean indicating if a slot has content.\n *\n * Automatically detects if running as a Vue component or web component:\n * - Vue component: checks Vue's slot system via useSlots()\n * - Web component: inspects light DOM children of the host element\n */\nexport function useSlotPresence(slotName: string, options: UseSlotPresenceOptions = {}) {\n  const { host, vueSlots, observe = true, listenSlotChange = true, countWhitespaceTextInDefaultSlot = false } = options;\n\n  const isWebComponent = useIsWebComponent();\n  const slots = vueSlots ?? useSlots();\n\n  // Vue slot presence (used when not a web component)\n  const hasVueSlot = computed(() => {\n    if (isWebComponent.value || !slots) return false;\n    const key = slotName === \"default\" || slotName === \"\" ? \"default\" : slotName;\n    return !!(slots as Record<string, unknown>)[key];\n  });\n\n  // Native/web-component slot presence\n  const hasNativeSlot = ref(false);\n\n  let mo: MutationObserver | null = null;\n  let shadowSlot: HTMLSlotElement | null = null;\n\n  const cleanup = () => {\n    if (mo) {\n      mo.disconnect();\n      mo = null;\n    }\n    if (shadowSlot) {\n      shadowSlot.removeEventListener(\"slotchange\", updateNative);\n      shadowSlot = null;\n    }\n  };\n\n  const updateNative = () => {\n    if (!isWebComponent.value) {\n      hasNativeSlot.value = false;\n      return;\n    }\n\n    const el = unref(host);\n    if (!el) {\n      hasNativeSlot.value = false;\n      return;\n    }\n\n    // Prefer assignedNodes if we can access the <slot> element in open shadowRoot\n    const slotEl = listenSlotChange ? getShadowSlotEl(el, slotName) : null;\n    if (slotEl) {\n      const assigned = slotEl.assignedNodes({ flatten: true });\n      hasNativeSlot.value = assigned.some((n) => {\n        if (n.nodeType === Node.ELEMENT_NODE) return true;\n        return isMeaningfulTextNode(n, countWhitespaceTextInDefaultSlot);\n      });\n      return;\n    }\n\n    // Fallback: inspect light DOM children\n    hasNativeSlot.value = hasNativeSlottedContent(el, slotName, countWhitespaceTextInDefaultSlot);\n  };\n\n  const attach = () => {\n    if (!isWebComponent.value) return;\n\n    cleanup();\n\n    const el = unref(host);\n    if (!el) {\n      hasNativeSlot.value = false;\n      return;\n    }\n\n    updateNative();\n\n    if (listenSlotChange) {\n      shadowSlot = getShadowSlotEl(el, slotName);\n      if (shadowSlot) shadowSlot.addEventListener(\"slotchange\", updateNative);\n    }\n\n    if (observe) {\n      mo = new MutationObserver(() => updateNative());\n      mo.observe(el, {\n        childList: true,\n        subtree: false,\n        attributes: true,\n        attributeFilter: [\"slot\"],\n        characterData: true,\n      });\n    }\n  };\n\n  onMounted(attach);\n  onBeforeUnmount(cleanup);\n\n  // If host ref changes, reattach\n  watch(\n    () => unref(host),\n    () => {\n      if (isWebComponent.value) attach();\n    },\n  );\n\n  // Select presence based on component type\n  const present = computed(() => (isWebComponent.value ? hasNativeSlot.value : hasVueSlot.value));\n\n  return {\n    present,\n    hasVueSlot,\n    hasNativeSlot,\n    refresh: updateNative,\n  };\n}\n","<script setup lang=\"ts\">\nimport { PvTooltipPositions, PvTooltipVariants, PvTooltipSize } from \"./types\";\nimport { useSlotPresence } from \"@/composables/useSlotPresence\";\n\ninterface PvTooltipProps {\n  /** Color theme variant */\n  variant?: PvTooltipVariants;\n  /** Position of the tooltip relative to the trigger element */\n  tooltipPosition?: PvTooltipPositions;\n  /** Accessibility label reference ID linking trigger to tooltip content */\n  ariaLabelledBy?: string;\n  /** Size of the tooltip content area */\n  size?: PvTooltipSize;\n  /** When true, tooltip hides immediately when cursor leaves the trigger */\n  disableInteractive?: boolean;\n  /** Delay in milliseconds before showing the tooltip */\n  delay?: number;\n}\n\nwithDefaults(defineProps<PvTooltipProps>(), {\n  variant: \"white\",\n  ariaLabelledBy: \"ariaLabelledById\",\n  tooltipPosition: \"top-right\",\n  size: \"md\",\n  disableInteractive: false,\n  delay: 0,\n});\n\nconst { present: hasTooltip } = useSlotPresence(\"tooltip-content\");\n</script>\n\n<template>\n  <div\n    data-testid=\"pv-tooltip\"\n    :class=\"[\n      {\n        'pv-tooltip': hasTooltip,\n        'pv-tooltip-small': hasTooltip && size === 'sm',\n      },\n    ]\"\n    :data-position=\"tooltipPosition\"\n    :data-style=\"variant === 'white' ? 'white' : 'dark'\"\n    :data-static=\"disableInteractive ? true : undefined\"\n    :aria-labelledby=\"hasTooltip ? ariaLabelledBy : undefined\"\n  >\n    <slot name=\"label\" />\n    <div v-if=\"hasTooltip\" role=\"tooltip\" :id=\"ariaLabelledBy\" data-testid=\"pv-tooltip-content\">\n      <slot name=\"tooltip-content\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTooltipPositions, PvTooltipVariants, PvTooltipSize } from \"./types\";\nimport { useSlotPresence } from \"@/composables/useSlotPresence\";\n\ninterface PvTooltipProps {\n  /** Color theme variant */\n  variant?: PvTooltipVariants;\n  /** Position of the tooltip relative to the trigger element */\n  tooltipPosition?: PvTooltipPositions;\n  /** Accessibility label reference ID linking trigger to tooltip content */\n  ariaLabelledBy?: string;\n  /** Size of the tooltip content area */\n  size?: PvTooltipSize;\n  /** When true, tooltip hides immediately when cursor leaves the trigger */\n  disableInteractive?: boolean;\n  /** Delay in milliseconds before showing the tooltip */\n  delay?: number;\n}\n\nwithDefaults(defineProps<PvTooltipProps>(), {\n  variant: \"white\",\n  ariaLabelledBy: \"ariaLabelledById\",\n  tooltipPosition: \"top-right\",\n  size: \"md\",\n  disableInteractive: false,\n  delay: 0,\n});\n\nconst { present: hasTooltip } = useSlotPresence(\"tooltip-content\");\n</script>\n\n<template>\n  <div\n    data-testid=\"pv-tooltip\"\n    :class=\"[\n      {\n        'pv-tooltip': hasTooltip,\n        'pv-tooltip-small': hasTooltip && size === 'sm',\n      },\n    ]\"\n    :data-position=\"tooltipPosition\"\n    :data-style=\"variant === 'white' ? 'white' : 'dark'\"\n    :data-static=\"disableInteractive ? true : undefined\"\n    :aria-labelledby=\"hasTooltip ? ariaLabelledBy : undefined\"\n  >\n    <slot name=\"label\" />\n    <div v-if=\"hasTooltip\" role=\"tooltip\" :id=\"ariaLabelledBy\" data-testid=\"pv-tooltip-content\">\n      <slot name=\"tooltip-content\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvButtonWithTooltipProps } from \"./types\";\nimport PvButton from \"./PvButton.vue\";\nimport PvTooltip from \"../PvTooltip/PvTooltip.vue\";\nimport { computed } from \"vue\";\n\nconst props = withDefaults(defineProps<PvButtonWithTooltipProps>(), {\n  tooltipVariant: \"dark\",\n  delay: 500,\n});\n\nconst pvToolTipSize = computed(() => {\n  // for md buttons, use sm, else use md\n  return props.size === \"md\" ? \"sm\" : \"md\";\n});\n</script>\n\n<template>\n  <PvTooltip :variant=\"tooltipVariant\" :tooltip-position=\"tooltipPosition\" :delay=\"delay\" :size=\"pvToolTipSize\">\n    <template #tooltip-content>\n      <p class=\"pv-text-body-sm\">{{ tooltipText }}</p>\n    </template>\n    <template #label>\n      <PvButton v-bind=\"$props\" />\n    </template>\n  </PvTooltip>\n</template>\n","<script setup lang=\"ts\">\nimport { PvButtonWithTooltipProps } from \"./types\";\nimport PvButton from \"./PvButton.vue\";\nimport PvTooltip from \"../PvTooltip/PvTooltip.vue\";\nimport { computed } from \"vue\";\n\nconst props = withDefaults(defineProps<PvButtonWithTooltipProps>(), {\n  tooltipVariant: \"dark\",\n  delay: 500,\n});\n\nconst pvToolTipSize = computed(() => {\n  // for md buttons, use sm, else use md\n  return props.size === \"md\" ? \"sm\" : \"md\";\n});\n</script>\n\n<template>\n  <PvTooltip :variant=\"tooltipVariant\" :tooltip-position=\"tooltipPosition\" :delay=\"delay\" :size=\"pvToolTipSize\">\n    <template #tooltip-content>\n      <p class=\"pv-text-body-sm\">{{ tooltipText }}</p>\n    </template>\n    <template #label>\n      <PvButton v-bind=\"$props\" />\n    </template>\n  </PvTooltip>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvReleaseBadgeVariant } from \"./types\";\n\nexport interface PvReleaseBadgeProps {\n  /** Release stage variant that determines the badge label and color */\n  variant: PvReleaseBadgeVariant;\n  /** Apply inverse styling (neutral background) */\n  inverse?: boolean;\n}\nconst props = defineProps<PvReleaseBadgeProps>();\n\nconst displayLabel = computed(() => {\n  if (props.variant == \"release-alpha\") {\n    return \"ALPHA\";\n  } else if (props.variant == \"release-beta\") {\n    return \"BETA\";\n  } else {\n    return \"\";\n  }\n});\n\nconst classes = computed(() => {\n  if (props.inverse) {\n    return \"pv-tag-inverse\";\n  }\n  return {\n    \"pv-tag-yellow\": props.variant == \"release-alpha\",\n    \"pv-tag-purple\": props.variant == \"release-beta\",\n  };\n});\n</script>\n\n<template>\n  <div :class=\"classes\">\n    {{ displayLabel }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvReleaseBadgeVariant } from \"./types\";\n\nexport interface PvReleaseBadgeProps {\n  /** Release stage variant that determines the badge label and color */\n  variant: PvReleaseBadgeVariant;\n  /** Apply inverse styling (neutral background) */\n  inverse?: boolean;\n}\nconst props = defineProps<PvReleaseBadgeProps>();\n\nconst displayLabel = computed(() => {\n  if (props.variant == \"release-alpha\") {\n    return \"ALPHA\";\n  } else if (props.variant == \"release-beta\") {\n    return \"BETA\";\n  } else {\n    return \"\";\n  }\n});\n\nconst classes = computed(() => {\n  if (props.inverse) {\n    return \"pv-tag-inverse\";\n  }\n  return {\n    \"pv-tag-yellow\": props.variant == \"release-alpha\",\n    \"pv-tag-purple\": props.variant == \"release-beta\",\n  };\n});\n</script>\n\n<template>\n  <div :class=\"classes\">\n    {{ displayLabel }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, CSSProperties } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { TagSize, TagVariant } from \"./types\";\n\nexport interface PvTagProps {\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Tag visual variant\n   */\n  variant?: TagVariant;\n  /**\n   * Tag Icon\n   */\n  icon?: string;\n  /**\n   * Icon class\n   */\n  iconClasses?: string[];\n  /**\n   * Tag Label\n   */\n  label: string;\n  /**\n   * Show left clear icon\n   */\n  showClear?: boolean;\n  /**\n   * Show rounded state\n   */\n  rounded?: boolean;\n  /**\n   * Spine - dotted state\n   */\n  spine?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTagProps>(), {\n  size: \"md\",\n  variant: \"tertiary\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\", payload: string): void;\n  (e: \"handle-click\", payload: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst tagVariantClass = computed(() => {\n  switch (props.variant) {\n    case \"primary\": {\n      return \"pv-tag-primary\";\n    }\n    case \"tertiary\": {\n      return \"pv-tag-tertiary\";\n    }\n    case \"transparent\": {\n      return \"pv-tag-tertiary\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst pvTagStyles = computed(() => {\n  const baseStyles: CSSProperties = {\n    \"max-width\": \"100%\",\n    \"--flex-gap\": \"4px\",\n  };\n\n  if (props.variant === \"transparent\") {\n    baseStyles[\"--tag-background-color\"] = \"transparent\";\n  }\n\n  return baseStyles;\n});\n</script>\n\n<template>\n  <button\n    :class=\"[tagVariantClass, tagSizeClass, 'pv-flex']\"\n    @click=\"$emit('handle-click', label)\"\n    :style=\"pvTagStyles\"\n    data-testid=\"pv-tag\"\n    :data-style=\"rounded ? 'rounded' : undefined\"\n  >\n    <PvIcon data-testid=\"pv-tag-icon\" v-if=\"icon\" :class=\"iconClasses\" :name=\"icon\" :size=\"12\" />\n    <span\n      :class=\"[\n        'pv-truncate',\n        {\n          'pv-underline-dotted': spine,\n        },\n      ]\"\n    >\n      {{ label }}\n    </span>\n    <PvIcon\n      data-testid=\"pv-tag-close-icon\"\n      :size=\"12\"\n      name=\"close\"\n      v-if=\"showClear\"\n      @click.stop=\"$emit('handle-close', label)\"\n    />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, CSSProperties } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { TagSize, TagVariant } from \"./types\";\n\nexport interface PvTagProps {\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Tag visual variant\n   */\n  variant?: TagVariant;\n  /**\n   * Tag Icon\n   */\n  icon?: string;\n  /**\n   * Icon class\n   */\n  iconClasses?: string[];\n  /**\n   * Tag Label\n   */\n  label: string;\n  /**\n   * Show left clear icon\n   */\n  showClear?: boolean;\n  /**\n   * Show rounded state\n   */\n  rounded?: boolean;\n  /**\n   * Spine - dotted state\n   */\n  spine?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTagProps>(), {\n  size: \"md\",\n  variant: \"tertiary\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\", payload: string): void;\n  (e: \"handle-click\", payload: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst tagVariantClass = computed(() => {\n  switch (props.variant) {\n    case \"primary\": {\n      return \"pv-tag-primary\";\n    }\n    case \"tertiary\": {\n      return \"pv-tag-tertiary\";\n    }\n    case \"transparent\": {\n      return \"pv-tag-tertiary\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst pvTagStyles = computed(() => {\n  const baseStyles: CSSProperties = {\n    \"max-width\": \"100%\",\n    \"--flex-gap\": \"4px\",\n  };\n\n  if (props.variant === \"transparent\") {\n    baseStyles[\"--tag-background-color\"] = \"transparent\";\n  }\n\n  return baseStyles;\n});\n</script>\n\n<template>\n  <button\n    :class=\"[tagVariantClass, tagSizeClass, 'pv-flex']\"\n    @click=\"$emit('handle-click', label)\"\n    :style=\"pvTagStyles\"\n    data-testid=\"pv-tag\"\n    :data-style=\"rounded ? 'rounded' : undefined\"\n  >\n    <PvIcon data-testid=\"pv-tag-icon\" v-if=\"icon\" :class=\"iconClasses\" :name=\"icon\" :size=\"12\" />\n    <span\n      :class=\"[\n        'pv-truncate',\n        {\n          'pv-underline-dotted': spine,\n        },\n      ]\"\n    >\n      {{ label }}\n    </span>\n    <PvIcon\n      data-testid=\"pv-tag-close-icon\"\n      :size=\"12\"\n      name=\"close\"\n      v-if=\"showClear\"\n      @click.stop=\"$emit('handle-close', label)\"\n    />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { PillSize, PillVariant, PillDotVariant } from \"./types\";\n\nexport interface PvPillProps {\n  /**\n   * Pill size\n   */\n  size?: PillSize;\n  /**\n   * Pill color variant\n   */\n  variant?: PillVariant;\n  /**\n   * Icon name displayed before the label\n   */\n  icon?: string;\n  /**\n   * Colored dot indicator displayed before the label. When set, forces neutral (tertiary) styling regardless of the variant prop.\n   */\n  dotVariant?: PillDotVariant;\n  /**\n   * Pill label text\n   */\n  label: string;\n}\n\nconst props = withDefaults(defineProps<PvPillProps>(), {\n  size: \"md\",\n  variant: \"default\",\n});\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst tagVariantClass = computed(() => {\n  if (props.dotVariant) {\n    return \"pv-tag-tertiary\";\n  }\n  switch (props.variant) {\n    case \"default\": {\n      return \"pv-tag-tertiary\";\n    }\n    case \"success\": {\n      return \"pv-tag-green\";\n    }\n    case \"warning\": {\n      return \"pv-tag-orange\";\n    }\n    case \"critical\": {\n      return \"pv-tag-red\";\n    }\n    case \"highlight\": {\n      return \"pv-tag-turquoise\";\n    }\n    default: {\n      return \"pv-tag-tertiary\";\n    }\n  }\n});\n</script>\n\n<template>\n  <div\n    :class=\"[tagVariantClass, tagSizeClass, 'pv-flex']\"\n    @click=\"$emit('handle-click', label)\"\n    data-style=\"rounded\"\n    style=\"width: fit-content; --flex-gap: 4px\"\n  >\n    <span v-if=\"dotVariant\" style=\"margin-inline-end: 0px\" :class=\"`pv-status-${dotVariant}`\"></span>\n    <PvIcon v-if=\"icon\" :name=\"icon\" :size=\"12\" />\n    <span>\n      {{ label }}\n    </span>\n  </div>\n</template>\n\n<style scoped>\n[class*=\"pv-status\"] {\n  &::before,\n  &::after {\n    margin-inline-end: 0px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { PillSize, PillVariant, PillDotVariant } from \"./types\";\n\nexport interface PvPillProps {\n  /**\n   * Pill size\n   */\n  size?: PillSize;\n  /**\n   * Pill color variant\n   */\n  variant?: PillVariant;\n  /**\n   * Icon name displayed before the label\n   */\n  icon?: string;\n  /**\n   * Colored dot indicator displayed before the label. When set, forces neutral (tertiary) styling regardless of the variant prop.\n   */\n  dotVariant?: PillDotVariant;\n  /**\n   * Pill label text\n   */\n  label: string;\n}\n\nconst props = withDefaults(defineProps<PvPillProps>(), {\n  size: \"md\",\n  variant: \"default\",\n});\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst tagVariantClass = computed(() => {\n  if (props.dotVariant) {\n    return \"pv-tag-tertiary\";\n  }\n  switch (props.variant) {\n    case \"default\": {\n      return \"pv-tag-tertiary\";\n    }\n    case \"success\": {\n      return \"pv-tag-green\";\n    }\n    case \"warning\": {\n      return \"pv-tag-orange\";\n    }\n    case \"critical\": {\n      return \"pv-tag-red\";\n    }\n    case \"highlight\": {\n      return \"pv-tag-turquoise\";\n    }\n    default: {\n      return \"pv-tag-tertiary\";\n    }\n  }\n});\n</script>\n\n<template>\n  <div\n    :class=\"[tagVariantClass, tagSizeClass, 'pv-flex']\"\n    @click=\"$emit('handle-click', label)\"\n    data-style=\"rounded\"\n    style=\"width: fit-content; --flex-gap: 4px\"\n  >\n    <span v-if=\"dotVariant\" style=\"margin-inline-end: 0px\" :class=\"`pv-status-${dotVariant}`\"></span>\n    <PvIcon v-if=\"icon\" :name=\"icon\" :size=\"12\" />\n    <span>\n      {{ label }}\n    </span>\n  </div>\n</template>\n\n<style scoped>\n[class*=\"pv-status\"] {\n  &::before,\n  &::after {\n    margin-inline-end: 0px;\n  }\n}\n</style>\n","<script lang=\"ts\">\nimport { CSSProperties } from \"vue\";\n\nexport interface PvPopoverProps {\n  /** Alignment of the popover relative to its trigger. */\n  alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n  /** Custom CSS properties applied to the popover root element. */\n  cssCustomProperties?: CSSProperties;\n  /** Custom CSS properties applied to the inner list element (when isList is true). */\n  cssCustomListProperties?: CSSProperties;\n  /** When true, renders the content inside a `<ul>` list element. */\n  isList?: boolean;\n  /** When true and isList is true, enables drag-and-drop reordering of list items. */\n  isSortable?: boolean;\n}\n</script>\n<script setup lang=\"ts\">\nimport { useSortable } from \"@vueuse/integrations/useSortable.mjs\";\nimport { useTemplateRef, ref } from \"vue\";\n\nconst popoverRoot = ref<HTMLElement | null>(null);\nconst el = useTemplateRef<HTMLElement>(\"popoverList\");\n\nconst props = withDefaults(defineProps<PvPopoverProps>(), {\n  alignment: undefined,\n  isList: false,\n  cssCustomProperties: () => ({}),\n});\n\nconst emit = defineEmits<{\n  (e: \"list-order-updated\", value: string[]): void;\n}>();\n\nif (props.isSortable && props.isList) {\n  useSortable(el, [], {\n    animation: 150,\n    onUpdate: () => {\n      const newIds = Array.from(el.value?.children || []).map((child) => (child as HTMLElement).id);\n      emit(\"list-order-updated\", newIds);\n    },\n  });\n}\n\ndefineExpose({ popoverRoot });\n</script>\n<template>\n  <div\n    ref=\"popoverRoot\"\n    class=\"pv-popover\"\n    data-testid=\"pv-popover\"\n    :data-align=\"alignment\"\n    :style=\"cssCustomProperties\"\n  >\n    <ul v-if=\"isList\" ref=\"popoverList\" role=\"list\" class=\"pv-popover-list\" :style=\"cssCustomListProperties\">\n      <slot></slot>\n    </ul>\n    <slot v-else></slot>\n  </div>\n</template>\n\n<style scoped>\n.pv-popover-list {\n  font-size: 14px;\n}\n</style>\n","<script lang=\"ts\">\nimport { CSSProperties } from \"vue\";\n\nexport interface PvPopoverProps {\n  /** Alignment of the popover relative to its trigger. */\n  alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n  /** Custom CSS properties applied to the popover root element. */\n  cssCustomProperties?: CSSProperties;\n  /** Custom CSS properties applied to the inner list element (when isList is true). */\n  cssCustomListProperties?: CSSProperties;\n  /** When true, renders the content inside a `<ul>` list element. */\n  isList?: boolean;\n  /** When true and isList is true, enables drag-and-drop reordering of list items. */\n  isSortable?: boolean;\n}\n</script>\n<script setup lang=\"ts\">\nimport { useSortable } from \"@vueuse/integrations/useSortable.mjs\";\nimport { useTemplateRef, ref } from \"vue\";\n\nconst popoverRoot = ref<HTMLElement | null>(null);\nconst el = useTemplateRef<HTMLElement>(\"popoverList\");\n\nconst props = withDefaults(defineProps<PvPopoverProps>(), {\n  alignment: undefined,\n  isList: false,\n  cssCustomProperties: () => ({}),\n});\n\nconst emit = defineEmits<{\n  (e: \"list-order-updated\", value: string[]): void;\n}>();\n\nif (props.isSortable && props.isList) {\n  useSortable(el, [], {\n    animation: 150,\n    onUpdate: () => {\n      const newIds = Array.from(el.value?.children || []).map((child) => (child as HTMLElement).id);\n      emit(\"list-order-updated\", newIds);\n    },\n  });\n}\n\ndefineExpose({ popoverRoot });\n</script>\n<template>\n  <div\n    ref=\"popoverRoot\"\n    class=\"pv-popover\"\n    data-testid=\"pv-popover\"\n    :data-align=\"alignment\"\n    :style=\"cssCustomProperties\"\n  >\n    <ul v-if=\"isList\" ref=\"popoverList\" role=\"list\" class=\"pv-popover-list\" :style=\"cssCustomListProperties\">\n      <slot></slot>\n    </ul>\n    <slot v-else></slot>\n  </div>\n</template>\n\n<style scoped>\n.pv-popover-list {\n  font-size: 14px;\n}\n</style>\n","<script lang=\"ts\">\nimport { CSSProperties } from \"vue\";\n\nexport interface PvDropdownProps {\n  defaultOpen?: boolean;\n  popoverCssProperties?: CSSProperties;\n  alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n  isList?: boolean;\n  isSortable?: boolean;\n  icon?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  useTeleport?: boolean;\n  teleportLocation?: string;\n}\n</script>\n<script setup lang=\"ts\">\nimport { computed, ref, watch, nextTick } from \"vue\";\nimport PvPopover from \"../PvPopover/PvPopover.vue\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nconst props = withDefaults(defineProps<PvDropdownProps>(), {\n  alignment: undefined,\n  isList: false,\n  defaultOpen: false,\n  disabled: false,\n  isLoading: false,\n  useTeleport: false,\n  teleportLocation: \"body\",\n});\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n  (e: \"list-order-updated\", value: string[]): void;\n}>();\nconst open = ref<boolean>(props.defaultOpen);\n\nconst triggerRef = ref<HTMLElement | null>(null);\nconst popoverRef = ref<{ popoverRoot: HTMLElement | null } | null>(null);\nconst triggerRect = ref<DOMRect | null>(null);\nconst popoverRect = ref<DOMRect | null>(null);\n\nconst updateRects = () => {\n  if (triggerRef.value) {\n    triggerRect.value = triggerRef.value.getBoundingClientRect();\n  }\n  if (popoverRef.value?.popoverRoot) {\n    popoverRect.value = popoverRef.value.popoverRoot.getBoundingClientRect();\n  }\n};\n\nconst popoverClasses = computed(() => {\n  const classes = {\n    \"pv-hide\": !open.value,\n  };\n  return classes;\n});\nconst handleClickTrigger = (e: MouseEvent) => {\n  open.value = !open.value;\n};\n\nconst closeDropdown = () => {\n  open.value = false;\n};\n\ndefineExpose({\n  closeDropdown,\n});\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    nextTick(() => {\n      updateRects();\n      emits(\"dropdown-open\");\n    });\n  } else {\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst leftOffset = computed(() => {\n  if (!triggerRect.value || !popoverRect.value) return 0;\n\n  if (props.alignment === \"right\" || props.alignment === \"top right\") {\n    return (\n      triggerRect.value.left + triggerRect.value.width - popoverRect.value.width\n    );\n  }\n  return triggerRect.value.left;\n});\n\nconst topOffset = computed(() => {\n  if (!triggerRect.value || !popoverRect.value) return 0;\n\n  if (props.alignment === \"top\" || props.alignment === \"top right\") {\n    return triggerRect.value.top - popoverRect.value.height;\n  }\n\n  return triggerRect.value.top + window.scrollY + triggerRect.value.height;\n});\n\nconst popoverPositionStyle = computed(() => {\n  if (!props.useTeleport) {\n    return props.popoverCssProperties;\n  }\n  const teleportStyles = {\n    position: \"absolute\",\n    left: `${leftOffset.value}px`,\n    top: `${topOffset.value}px`,\n    zIndex: 10,\n  } as CSSProperties;\n  return {\n    ...teleportStyles,\n    ...props.popoverCssProperties,\n  };\n});\n</script>\n<template>\n  <div\n    class=\"pv-relative\"\n    v-on-click-outside=\"closeDropdown\"\n    style=\"width: fit-content\"\n  >\n    <button\n      ref=\"triggerRef\"\n      :class=\"{ 'pv-select': !icon, 'pv-icon-button': icon }\"\n      style=\"width: auto\"\n      @click=\"handleClickTrigger\"\n      :disabled=\"disabled\"\n    >\n      <slot name=\"trigger\">Open</slot>\n    </button>\n    <Teleport :to=\"teleportLocation\" :disabled=\"!useTeleport\">\n      <PvPopover\n        ref=\"popoverRef\"\n        :class=\"popoverClasses\"\n        :css-custom-properties=\"popoverPositionStyle\"\n        :alignment=\"alignment\"\n        :isList=\"isList\"\n        :isSortable=\"isSortable\"\n        @list-order-updated=\"$emit('list-order-updated', $event)\"\n        ><slot\n          ><span v-if=\"isLoading\" class=\"pv-shimmer\">Loading...</span></slot\n        ></PvPopover\n      >\n    </Teleport>\n  </div>\n</template>\n\n<style scoped>\n.pv-icon-button {\n  background-color: transparent;\n  border: none;\n}\n.pv-icon-button:hover {\n  cursor: pointer;\n  color: #176f6f;\n}\n.pv-select {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n</style>\n","<script lang=\"ts\">\nimport { CSSProperties } from \"vue\";\n\nexport interface PvDropdownProps {\n  defaultOpen?: boolean;\n  popoverCssProperties?: CSSProperties;\n  alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n  isList?: boolean;\n  isSortable?: boolean;\n  icon?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  useTeleport?: boolean;\n  teleportLocation?: string;\n}\n</script>\n<script setup lang=\"ts\">\nimport { computed, ref, watch, nextTick } from \"vue\";\nimport PvPopover from \"../PvPopover/PvPopover.vue\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nconst props = withDefaults(defineProps<PvDropdownProps>(), {\n  alignment: undefined,\n  isList: false,\n  defaultOpen: false,\n  disabled: false,\n  isLoading: false,\n  useTeleport: false,\n  teleportLocation: \"body\",\n});\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n  (e: \"list-order-updated\", value: string[]): void;\n}>();\nconst open = ref<boolean>(props.defaultOpen);\n\nconst triggerRef = ref<HTMLElement | null>(null);\nconst popoverRef = ref<{ popoverRoot: HTMLElement | null } | null>(null);\nconst triggerRect = ref<DOMRect | null>(null);\nconst popoverRect = ref<DOMRect | null>(null);\n\nconst updateRects = () => {\n  if (triggerRef.value) {\n    triggerRect.value = triggerRef.value.getBoundingClientRect();\n  }\n  if (popoverRef.value?.popoverRoot) {\n    popoverRect.value = popoverRef.value.popoverRoot.getBoundingClientRect();\n  }\n};\n\nconst popoverClasses = computed(() => {\n  const classes = {\n    \"pv-hide\": !open.value,\n  };\n  return classes;\n});\nconst handleClickTrigger = (e: MouseEvent) => {\n  open.value = !open.value;\n};\n\nconst closeDropdown = () => {\n  open.value = false;\n};\n\ndefineExpose({\n  closeDropdown,\n});\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    nextTick(() => {\n      updateRects();\n      emits(\"dropdown-open\");\n    });\n  } else {\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst leftOffset = computed(() => {\n  if (!triggerRect.value || !popoverRect.value) return 0;\n\n  if (props.alignment === \"right\" || props.alignment === \"top right\") {\n    return (\n      triggerRect.value.left + triggerRect.value.width - popoverRect.value.width\n    );\n  }\n  return triggerRect.value.left;\n});\n\nconst topOffset = computed(() => {\n  if (!triggerRect.value || !popoverRect.value) return 0;\n\n  if (props.alignment === \"top\" || props.alignment === \"top right\") {\n    return triggerRect.value.top - popoverRect.value.height;\n  }\n\n  return triggerRect.value.top + window.scrollY + triggerRect.value.height;\n});\n\nconst popoverPositionStyle = computed(() => {\n  if (!props.useTeleport) {\n    return props.popoverCssProperties;\n  }\n  const teleportStyles = {\n    position: \"absolute\",\n    left: `${leftOffset.value}px`,\n    top: `${topOffset.value}px`,\n    zIndex: 10,\n  } as CSSProperties;\n  return {\n    ...teleportStyles,\n    ...props.popoverCssProperties,\n  };\n});\n</script>\n<template>\n  <div\n    class=\"pv-relative\"\n    v-on-click-outside=\"closeDropdown\"\n    style=\"width: fit-content\"\n  >\n    <button\n      ref=\"triggerRef\"\n      :class=\"{ 'pv-select': !icon, 'pv-icon-button': icon }\"\n      style=\"width: auto\"\n      @click=\"handleClickTrigger\"\n      :disabled=\"disabled\"\n    >\n      <slot name=\"trigger\">Open</slot>\n    </button>\n    <Teleport :to=\"teleportLocation\" :disabled=\"!useTeleport\">\n      <PvPopover\n        ref=\"popoverRef\"\n        :class=\"popoverClasses\"\n        :css-custom-properties=\"popoverPositionStyle\"\n        :alignment=\"alignment\"\n        :isList=\"isList\"\n        :isSortable=\"isSortable\"\n        @list-order-updated=\"$emit('list-order-updated', $event)\"\n        ><slot\n          ><span v-if=\"isLoading\" class=\"pv-shimmer\">Loading...</span></slot\n        ></PvPopover\n      >\n    </Teleport>\n  </div>\n</template>\n\n<style scoped>\n.pv-icon-button {\n  background-color: transparent;\n  border: none;\n}\n.pv-icon-button:hover {\n  cursor: pointer;\n  color: #176f6f;\n}\n.pv-select {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvPopover from \"../PvPopover/PvPopover.vue\";\nimport { CSSProperties } from \"vue\";\n\nwithDefaults(\n  defineProps<{\n    /** Alignment of the popover dropdown relative to its trigger. */\n    alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n    /** Custom CSS properties applied to the popover container. */\n    cssCustomProperties?: CSSProperties;\n  }>(),\n  {\n    alignment: undefined,\n    cssCustomProperties: () => ({}),\n  },\n);\n</script>\n\n<template>\n  <nav class=\"pv-popover-menu\">\n    <slot name=\"trigger\"></slot>\n    <PvPopover is-list :alignment=\"alignment\" :css-custom-properties=\"cssCustomProperties\">\n      <slot name=\"content\"></slot>\n    </PvPopover>\n  </nav>\n</template>\n","<script setup lang=\"ts\">\nimport PvPopover from \"../PvPopover/PvPopover.vue\";\nimport { CSSProperties } from \"vue\";\n\nwithDefaults(\n  defineProps<{\n    /** Alignment of the popover dropdown relative to its trigger. */\n    alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n    /** Custom CSS properties applied to the popover container. */\n    cssCustomProperties?: CSSProperties;\n  }>(),\n  {\n    alignment: undefined,\n    cssCustomProperties: () => ({}),\n  },\n);\n</script>\n\n<template>\n  <nav class=\"pv-popover-menu\">\n    <slot name=\"trigger\"></slot>\n    <PvPopover is-list :alignment=\"alignment\" :css-custom-properties=\"cssCustomProperties\">\n      <slot name=\"content\"></slot>\n    </PvPopover>\n  </nav>\n</template>\n","/**\n * Custom positioning reference element.\n * @see https://floating-ui.com/docs/virtual-elements\n */\n\nconst sides = ['top', 'right', 'bottom', 'left'];\nconst alignments = ['start', 'end'];\nconst placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + \"-\" + alignments[0], side + \"-\" + alignments[1]), []);\nconst min = Math.min;\nconst max = Math.max;\nconst round = Math.round;\nconst floor = Math.floor;\nconst createCoords = v => ({\n  x: v,\n  y: v\n});\nconst oppositeSideMap = {\n  left: 'right',\n  right: 'left',\n  bottom: 'top',\n  top: 'bottom'\n};\nfunction clamp(start, value, end) {\n  return max(start, min(value, end));\n}\nfunction evaluate(value, param) {\n  return typeof value === 'function' ? value(param) : value;\n}\nfunction getSide(placement) {\n  return placement.split('-')[0];\n}\nfunction getAlignment(placement) {\n  return placement.split('-')[1];\n}\nfunction getOppositeAxis(axis) {\n  return axis === 'x' ? 'y' : 'x';\n}\nfunction getAxisLength(axis) {\n  return axis === 'y' ? 'height' : 'width';\n}\nfunction getSideAxis(placement) {\n  const firstChar = placement[0];\n  return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';\n}\nfunction getAlignmentAxis(placement) {\n  return getOppositeAxis(getSideAxis(placement));\n}\nfunction getAlignmentSides(placement, rects, rtl) {\n  if (rtl === void 0) {\n    rtl = false;\n  }\n  const alignment = getAlignment(placement);\n  const alignmentAxis = getAlignmentAxis(placement);\n  const length = getAxisLength(alignmentAxis);\n  let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';\n  if (rects.reference[length] > rects.floating[length]) {\n    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);\n  }\n  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];\n}\nfunction getExpandedPlacements(placement) {\n  const oppositePlacement = getOppositePlacement(placement);\n  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];\n}\nfunction getOppositeAlignmentPlacement(placement) {\n  return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');\n}\nconst lrPlacement = ['left', 'right'];\nconst rlPlacement = ['right', 'left'];\nconst tbPlacement = ['top', 'bottom'];\nconst btPlacement = ['bottom', 'top'];\nfunction getSideList(side, isStart, rtl) {\n  switch (side) {\n    case 'top':\n    case 'bottom':\n      if (rtl) return isStart ? rlPlacement : lrPlacement;\n      return isStart ? lrPlacement : rlPlacement;\n    case 'left':\n    case 'right':\n      return isStart ? tbPlacement : btPlacement;\n    default:\n      return [];\n  }\n}\nfunction getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {\n  const alignment = getAlignment(placement);\n  let list = getSideList(getSide(placement), direction === 'start', rtl);\n  if (alignment) {\n    list = list.map(side => side + \"-\" + alignment);\n    if (flipAlignment) {\n      list = list.concat(list.map(getOppositeAlignmentPlacement));\n    }\n  }\n  return list;\n}\nfunction getOppositePlacement(placement) {\n  const side = getSide(placement);\n  return oppositeSideMap[side] + placement.slice(side.length);\n}\nfunction expandPaddingObject(padding) {\n  return {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    ...padding\n  };\n}\nfunction getPaddingObject(padding) {\n  return typeof padding !== 'number' ? expandPaddingObject(padding) : {\n    top: padding,\n    right: padding,\n    bottom: padding,\n    left: padding\n  };\n}\nfunction rectToClientRect(rect) {\n  const {\n    x,\n    y,\n    width,\n    height\n  } = rect;\n  return {\n    width,\n    height,\n    top: y,\n    left: x,\n    right: x + width,\n    bottom: y + height,\n    x,\n    y\n  };\n}\n\nexport { alignments, clamp, createCoords, evaluate, expandPaddingObject, floor, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, round, sides };\n","import { getSideAxis, getAlignmentAxis, getAxisLength, getSide, getAlignment, evaluate, getPaddingObject, rectToClientRect, min, clamp, placements, getAlignmentSides, getOppositeAlignmentPlacement, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, sides, max, getOppositeAxis } from '@floating-ui/utils';\nexport { rectToClientRect } from '@floating-ui/utils';\n\nfunction computeCoordsFromPlacement(_ref, placement, rtl) {\n  let {\n    reference,\n    floating\n  } = _ref;\n  const sideAxis = getSideAxis(placement);\n  const alignmentAxis = getAlignmentAxis(placement);\n  const alignLength = getAxisLength(alignmentAxis);\n  const side = getSide(placement);\n  const isVertical = sideAxis === 'y';\n  const commonX = reference.x + reference.width / 2 - floating.width / 2;\n  const commonY = reference.y + reference.height / 2 - floating.height / 2;\n  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;\n  let coords;\n  switch (side) {\n    case 'top':\n      coords = {\n        x: commonX,\n        y: reference.y - floating.height\n      };\n      break;\n    case 'bottom':\n      coords = {\n        x: commonX,\n        y: reference.y + reference.height\n      };\n      break;\n    case 'right':\n      coords = {\n        x: reference.x + reference.width,\n        y: commonY\n      };\n      break;\n    case 'left':\n      coords = {\n        x: reference.x - floating.width,\n        y: commonY\n      };\n      break;\n    default:\n      coords = {\n        x: reference.x,\n        y: reference.y\n      };\n  }\n  switch (getAlignment(placement)) {\n    case 'start':\n      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);\n      break;\n    case 'end':\n      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);\n      break;\n  }\n  return coords;\n}\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nasync function detectOverflow(state, options) {\n  var _await$platform$isEle;\n  if (options === void 0) {\n    options = {};\n  }\n  const {\n    x,\n    y,\n    platform,\n    rects,\n    elements,\n    strategy\n  } = state;\n  const {\n    boundary = 'clippingAncestors',\n    rootBoundary = 'viewport',\n    elementContext = 'floating',\n    altBoundary = false,\n    padding = 0\n  } = evaluate(options, state);\n  const paddingObject = getPaddingObject(padding);\n  const altContext = elementContext === 'floating' ? 'reference' : 'floating';\n  const element = elements[altBoundary ? altContext : elementContext];\n  const clippingClientRect = rectToClientRect(await platform.getClippingRect({\n    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),\n    boundary,\n    rootBoundary,\n    strategy\n  }));\n  const rect = elementContext === 'floating' ? {\n    x,\n    y,\n    width: rects.floating.width,\n    height: rects.floating.height\n  } : rects.reference;\n  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));\n  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {\n    x: 1,\n    y: 1\n  } : {\n    x: 1,\n    y: 1\n  };\n  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({\n    elements,\n    rect,\n    offsetParent,\n    strategy\n  }) : rect);\n  return {\n    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,\n    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,\n    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,\n    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x\n  };\n}\n\n// Maximum number of resets that can occur before bailing to avoid infinite reset loops.\nconst MAX_RESET_COUNT = 50;\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n *\n * This export does not have any `platform` interface logic. You will need to\n * write one for the platform you are using Floating UI with.\n */\nconst computePosition = async (reference, floating, config) => {\n  const {\n    placement = 'bottom',\n    strategy = 'absolute',\n    middleware = [],\n    platform\n  } = config;\n  const platformWithDetectOverflow = platform.detectOverflow ? platform : {\n    ...platform,\n    detectOverflow\n  };\n  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));\n  let rects = await platform.getElementRects({\n    reference,\n    floating,\n    strategy\n  });\n  let {\n    x,\n    y\n  } = computeCoordsFromPlacement(rects, placement, rtl);\n  let statefulPlacement = placement;\n  let resetCount = 0;\n  const middlewareData = {};\n  for (let i = 0; i < middleware.length; i++) {\n    const currentMiddleware = middleware[i];\n    if (!currentMiddleware) {\n      continue;\n    }\n    const {\n      name,\n      fn\n    } = currentMiddleware;\n    const {\n      x: nextX,\n      y: nextY,\n      data,\n      reset\n    } = await fn({\n      x,\n      y,\n      initialPlacement: placement,\n      placement: statefulPlacement,\n      strategy,\n      middlewareData,\n      rects,\n      platform: platformWithDetectOverflow,\n      elements: {\n        reference,\n        floating\n      }\n    });\n    x = nextX != null ? nextX : x;\n    y = nextY != null ? nextY : y;\n    middlewareData[name] = {\n      ...middlewareData[name],\n      ...data\n    };\n    if (reset && resetCount < MAX_RESET_COUNT) {\n      resetCount++;\n      if (typeof reset === 'object') {\n        if (reset.placement) {\n          statefulPlacement = reset.placement;\n        }\n        if (reset.rects) {\n          rects = reset.rects === true ? await platform.getElementRects({\n            reference,\n            floating,\n            strategy\n          }) : reset.rects;\n        }\n        ({\n          x,\n          y\n        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));\n      }\n      i = -1;\n    }\n  }\n  return {\n    x,\n    y,\n    placement: statefulPlacement,\n    strategy,\n    middlewareData\n  };\n};\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = options => ({\n  name: 'arrow',\n  options,\n  async fn(state) {\n    const {\n      x,\n      y,\n      placement,\n      rects,\n      platform,\n      elements,\n      middlewareData\n    } = state;\n    // Since `element` is required, we don't Partial<> the type.\n    const {\n      element,\n      padding = 0\n    } = evaluate(options, state) || {};\n    if (element == null) {\n      return {};\n    }\n    const paddingObject = getPaddingObject(padding);\n    const coords = {\n      x,\n      y\n    };\n    const axis = getAlignmentAxis(placement);\n    const length = getAxisLength(axis);\n    const arrowDimensions = await platform.getDimensions(element);\n    const isYAxis = axis === 'y';\n    const minProp = isYAxis ? 'top' : 'left';\n    const maxProp = isYAxis ? 'bottom' : 'right';\n    const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';\n    const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];\n    const startDiff = coords[axis] - rects.reference[axis];\n    const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));\n    let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;\n\n    // DOM platform can return `window` as the `offsetParent`.\n    if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {\n      clientSize = elements.floating[clientProp] || rects.floating[length];\n    }\n    const centerToReference = endDiff / 2 - startDiff / 2;\n\n    // If the padding is large enough that it causes the arrow to no longer be\n    // centered, modify the padding so that it is centered.\n    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;\n    const minPadding = min(paddingObject[minProp], largestPossiblePadding);\n    const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);\n\n    // Make sure the arrow doesn't overflow the floating element if the center\n    // point is outside the floating element's bounds.\n    const min$1 = minPadding;\n    const max = clientSize - arrowDimensions[length] - maxPadding;\n    const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;\n    const offset = clamp(min$1, center, max);\n\n    // If the reference is small enough that the arrow's padding causes it to\n    // to point to nothing for an aligned placement, adjust the offset of the\n    // floating element itself. To ensure `shift()` continues to take action,\n    // a single reset is performed when this is true.\n    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;\n    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;\n    return {\n      [axis]: coords[axis] + alignmentOffset,\n      data: {\n        [axis]: offset,\n        centerOffset: center - offset - alignmentOffset,\n        ...(shouldAddOffset && {\n          alignmentOffset\n        })\n      },\n      reset: shouldAddOffset\n    };\n  }\n});\n\nfunction getPlacementList(alignment, autoAlignment, allowedPlacements) {\n  const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);\n  return allowedPlacementsSortedByAlignment.filter(placement => {\n    if (alignment) {\n      return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);\n    }\n    return true;\n  });\n}\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'autoPlacement',\n    options,\n    async fn(state) {\n      var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;\n      const {\n        rects,\n        middlewareData,\n        placement,\n        platform,\n        elements\n      } = state;\n      const {\n        crossAxis = false,\n        alignment,\n        allowedPlacements = placements,\n        autoAlignment = true,\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n      const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;\n      const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n      const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;\n      const currentPlacement = placements$1[currentIndex];\n      if (currentPlacement == null) {\n        return {};\n      }\n      const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));\n\n      // Make `computeCoords` start from the right place.\n      if (placement !== currentPlacement) {\n        return {\n          reset: {\n            placement: placements$1[0]\n          }\n        };\n      }\n      const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];\n      const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {\n        placement: currentPlacement,\n        overflows: currentOverflows\n      }];\n      const nextPlacement = placements$1[currentIndex + 1];\n\n      // There are more placements to check.\n      if (nextPlacement) {\n        return {\n          data: {\n            index: currentIndex + 1,\n            overflows: allOverflows\n          },\n          reset: {\n            placement: nextPlacement\n          }\n        };\n      }\n      const placementsSortedByMostSpace = allOverflows.map(d => {\n        const alignment = getAlignment(d.placement);\n        return [d.placement, alignment && crossAxis ?\n        // Check along the mainAxis and main crossAxis side.\n        d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :\n        // Check only the mainAxis.\n        d.overflows[0], d.overflows];\n      }).sort((a, b) => a[1] - b[1]);\n      const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,\n      // Aligned placements should not check their opposite crossAxis\n      // side.\n      getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));\n      const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];\n      if (resetPlacement !== placement) {\n        return {\n          data: {\n            index: currentIndex + 1,\n            overflows: allOverflows\n          },\n          reset: {\n            placement: resetPlacement\n          }\n        };\n      }\n      return {};\n    }\n  };\n};\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'flip',\n    options,\n    async fn(state) {\n      var _middlewareData$arrow, _middlewareData$flip;\n      const {\n        placement,\n        middlewareData,\n        rects,\n        initialPlacement,\n        platform,\n        elements\n      } = state;\n      const {\n        mainAxis: checkMainAxis = true,\n        crossAxis: checkCrossAxis = true,\n        fallbackPlacements: specifiedFallbackPlacements,\n        fallbackStrategy = 'bestFit',\n        fallbackAxisSideDirection = 'none',\n        flipAlignment = true,\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n\n      // If a reset by the arrow was caused due to an alignment offset being\n      // added, we should skip any logic now since `flip()` has already done its\n      // work.\n      // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643\n      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n        return {};\n      }\n      const side = getSide(placement);\n      const initialSideAxis = getSideAxis(initialPlacement);\n      const isBasePlacement = getSide(initialPlacement) === initialPlacement;\n      const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n      const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));\n      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';\n      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {\n        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));\n      }\n      const placements = [initialPlacement, ...fallbackPlacements];\n      const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n      const overflows = [];\n      let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];\n      if (checkMainAxis) {\n        overflows.push(overflow[side]);\n      }\n      if (checkCrossAxis) {\n        const sides = getAlignmentSides(placement, rects, rtl);\n        overflows.push(overflow[sides[0]], overflow[sides[1]]);\n      }\n      overflowsData = [...overflowsData, {\n        placement,\n        overflows\n      }];\n\n      // One or more sides is overflowing.\n      if (!overflows.every(side => side <= 0)) {\n        var _middlewareData$flip2, _overflowsData$filter;\n        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;\n        const nextPlacement = placements[nextIndex];\n        if (nextPlacement) {\n          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;\n          if (!ignoreCrossAxisOverflow ||\n          // We leave the current main axis only if every placement on that axis\n          // overflows the main axis.\n          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {\n            // Try next placement and re-run the lifecycle.\n            return {\n              data: {\n                index: nextIndex,\n                overflows: overflowsData\n              },\n              reset: {\n                placement: nextPlacement\n              }\n            };\n          }\n        }\n\n        // First, find the candidates that fit on the mainAxis side of overflow,\n        // then find the placement that fits the best on the main crossAxis side.\n        let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;\n\n        // Otherwise fallback.\n        if (!resetPlacement) {\n          switch (fallbackStrategy) {\n            case 'bestFit':\n              {\n                var _overflowsData$filter2;\n                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {\n                  if (hasFallbackAxisSideDirection) {\n                    const currentSideAxis = getSideAxis(d.placement);\n                    return currentSideAxis === initialSideAxis ||\n                    // Create a bias to the `y` side axis due to horizontal\n                    // reading directions favoring greater width.\n                    currentSideAxis === 'y';\n                  }\n                  return true;\n                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];\n                if (placement) {\n                  resetPlacement = placement;\n                }\n                break;\n              }\n            case 'initialPlacement':\n              resetPlacement = initialPlacement;\n              break;\n          }\n        }\n        if (placement !== resetPlacement) {\n          return {\n            reset: {\n              placement: resetPlacement\n            }\n          };\n        }\n      }\n      return {};\n    }\n  };\n};\n\nfunction getSideOffsets(overflow, rect) {\n  return {\n    top: overflow.top - rect.height,\n    right: overflow.right - rect.width,\n    bottom: overflow.bottom - rect.height,\n    left: overflow.left - rect.width\n  };\n}\nfunction isAnySideFullyClipped(overflow) {\n  return sides.some(side => overflow[side] >= 0);\n}\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'hide',\n    options,\n    async fn(state) {\n      const {\n        rects,\n        platform\n      } = state;\n      const {\n        strategy = 'referenceHidden',\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n      switch (strategy) {\n        case 'referenceHidden':\n          {\n            const overflow = await platform.detectOverflow(state, {\n              ...detectOverflowOptions,\n              elementContext: 'reference'\n            });\n            const offsets = getSideOffsets(overflow, rects.reference);\n            return {\n              data: {\n                referenceHiddenOffsets: offsets,\n                referenceHidden: isAnySideFullyClipped(offsets)\n              }\n            };\n          }\n        case 'escaped':\n          {\n            const overflow = await platform.detectOverflow(state, {\n              ...detectOverflowOptions,\n              altBoundary: true\n            });\n            const offsets = getSideOffsets(overflow, rects.floating);\n            return {\n              data: {\n                escapedOffsets: offsets,\n                escaped: isAnySideFullyClipped(offsets)\n              }\n            };\n          }\n        default:\n          {\n            return {};\n          }\n      }\n    }\n  };\n};\n\nfunction getBoundingRect(rects) {\n  const minX = min(...rects.map(rect => rect.left));\n  const minY = min(...rects.map(rect => rect.top));\n  const maxX = max(...rects.map(rect => rect.right));\n  const maxY = max(...rects.map(rect => rect.bottom));\n  return {\n    x: minX,\n    y: minY,\n    width: maxX - minX,\n    height: maxY - minY\n  };\n}\nfunction getRectsByLine(rects) {\n  const sortedRects = rects.slice().sort((a, b) => a.y - b.y);\n  const groups = [];\n  let prevRect = null;\n  for (let i = 0; i < sortedRects.length; i++) {\n    const rect = sortedRects[i];\n    if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {\n      groups.push([rect]);\n    } else {\n      groups[groups.length - 1].push(rect);\n    }\n    prevRect = rect;\n  }\n  return groups.map(rect => rectToClientRect(getBoundingRect(rect)));\n}\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'inline',\n    options,\n    async fn(state) {\n      const {\n        placement,\n        elements,\n        rects,\n        platform,\n        strategy\n      } = state;\n      // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a\n      // ClientRect's bounds, despite the event listener being triggered. A\n      // padding of 2 seems to handle this issue.\n      const {\n        padding = 2,\n        x,\n        y\n      } = evaluate(options, state);\n      const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);\n      const clientRects = getRectsByLine(nativeClientRects);\n      const fallback = rectToClientRect(getBoundingRect(nativeClientRects));\n      const paddingObject = getPaddingObject(padding);\n      function getBoundingClientRect() {\n        // There are two rects and they are disjoined.\n        if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {\n          // Find the first rect in which the point is fully inside.\n          return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;\n        }\n\n        // There are 2 or more connected rects.\n        if (clientRects.length >= 2) {\n          if (getSideAxis(placement) === 'y') {\n            const firstRect = clientRects[0];\n            const lastRect = clientRects[clientRects.length - 1];\n            const isTop = getSide(placement) === 'top';\n            const top = firstRect.top;\n            const bottom = lastRect.bottom;\n            const left = isTop ? firstRect.left : lastRect.left;\n            const right = isTop ? firstRect.right : lastRect.right;\n            const width = right - left;\n            const height = bottom - top;\n            return {\n              top,\n              bottom,\n              left,\n              right,\n              width,\n              height,\n              x: left,\n              y: top\n            };\n          }\n          const isLeftSide = getSide(placement) === 'left';\n          const maxRight = max(...clientRects.map(rect => rect.right));\n          const minLeft = min(...clientRects.map(rect => rect.left));\n          const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);\n          const top = measureRects[0].top;\n          const bottom = measureRects[measureRects.length - 1].bottom;\n          const left = minLeft;\n          const right = maxRight;\n          const width = right - left;\n          const height = bottom - top;\n          return {\n            top,\n            bottom,\n            left,\n            right,\n            width,\n            height,\n            x: left,\n            y: top\n          };\n        }\n        return fallback;\n      }\n      const resetRects = await platform.getElementRects({\n        reference: {\n          getBoundingClientRect\n        },\n        floating: elements.floating,\n        strategy\n      });\n      if (rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height) {\n        return {\n          reset: {\n            rects: resetRects\n          }\n        };\n      }\n      return {};\n    }\n  };\n};\n\nconst originSides = /*#__PURE__*/new Set(['left', 'top']);\n\n// For type backwards-compatibility, the `OffsetOptions` type was also\n// Derivable.\n\nasync function convertValueToCoords(state, options) {\n  const {\n    placement,\n    platform,\n    elements\n  } = state;\n  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n  const side = getSide(placement);\n  const alignment = getAlignment(placement);\n  const isVertical = getSideAxis(placement) === 'y';\n  const mainAxisMulti = originSides.has(side) ? -1 : 1;\n  const crossAxisMulti = rtl && isVertical ? -1 : 1;\n  const rawValue = evaluate(options, state);\n\n  // eslint-disable-next-line prefer-const\n  let {\n    mainAxis,\n    crossAxis,\n    alignmentAxis\n  } = typeof rawValue === 'number' ? {\n    mainAxis: rawValue,\n    crossAxis: 0,\n    alignmentAxis: null\n  } : {\n    mainAxis: rawValue.mainAxis || 0,\n    crossAxis: rawValue.crossAxis || 0,\n    alignmentAxis: rawValue.alignmentAxis\n  };\n  if (alignment && typeof alignmentAxis === 'number') {\n    crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;\n  }\n  return isVertical ? {\n    x: crossAxis * crossAxisMulti,\n    y: mainAxis * mainAxisMulti\n  } : {\n    x: mainAxis * mainAxisMulti,\n    y: crossAxis * crossAxisMulti\n  };\n}\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = function (options) {\n  if (options === void 0) {\n    options = 0;\n  }\n  return {\n    name: 'offset',\n    options,\n    async fn(state) {\n      var _middlewareData$offse, _middlewareData$arrow;\n      const {\n        x,\n        y,\n        placement,\n        middlewareData\n      } = state;\n      const diffCoords = await convertValueToCoords(state, options);\n\n      // If the placement is the same and the arrow caused an alignment offset\n      // then we don't need to change the positioning coordinates.\n      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n        return {};\n      }\n      return {\n        x: x + diffCoords.x,\n        y: y + diffCoords.y,\n        data: {\n          ...diffCoords,\n          placement\n        }\n      };\n    }\n  };\n};\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'shift',\n    options,\n    async fn(state) {\n      const {\n        x,\n        y,\n        placement,\n        platform\n      } = state;\n      const {\n        mainAxis: checkMainAxis = true,\n        crossAxis: checkCrossAxis = false,\n        limiter = {\n          fn: _ref => {\n            let {\n              x,\n              y\n            } = _ref;\n            return {\n              x,\n              y\n            };\n          }\n        },\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n      const coords = {\n        x,\n        y\n      };\n      const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n      const crossAxis = getSideAxis(getSide(placement));\n      const mainAxis = getOppositeAxis(crossAxis);\n      let mainAxisCoord = coords[mainAxis];\n      let crossAxisCoord = coords[crossAxis];\n      if (checkMainAxis) {\n        const minSide = mainAxis === 'y' ? 'top' : 'left';\n        const maxSide = mainAxis === 'y' ? 'bottom' : 'right';\n        const min = mainAxisCoord + overflow[minSide];\n        const max = mainAxisCoord - overflow[maxSide];\n        mainAxisCoord = clamp(min, mainAxisCoord, max);\n      }\n      if (checkCrossAxis) {\n        const minSide = crossAxis === 'y' ? 'top' : 'left';\n        const maxSide = crossAxis === 'y' ? 'bottom' : 'right';\n        const min = crossAxisCoord + overflow[minSide];\n        const max = crossAxisCoord - overflow[maxSide];\n        crossAxisCoord = clamp(min, crossAxisCoord, max);\n      }\n      const limitedCoords = limiter.fn({\n        ...state,\n        [mainAxis]: mainAxisCoord,\n        [crossAxis]: crossAxisCoord\n      });\n      return {\n        ...limitedCoords,\n        data: {\n          x: limitedCoords.x - x,\n          y: limitedCoords.y - y,\n          enabled: {\n            [mainAxis]: checkMainAxis,\n            [crossAxis]: checkCrossAxis\n          }\n        }\n      };\n    }\n  };\n};\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    options,\n    fn(state) {\n      const {\n        x,\n        y,\n        placement,\n        rects,\n        middlewareData\n      } = state;\n      const {\n        offset = 0,\n        mainAxis: checkMainAxis = true,\n        crossAxis: checkCrossAxis = true\n      } = evaluate(options, state);\n      const coords = {\n        x,\n        y\n      };\n      const crossAxis = getSideAxis(placement);\n      const mainAxis = getOppositeAxis(crossAxis);\n      let mainAxisCoord = coords[mainAxis];\n      let crossAxisCoord = coords[crossAxis];\n      const rawOffset = evaluate(offset, state);\n      const computedOffset = typeof rawOffset === 'number' ? {\n        mainAxis: rawOffset,\n        crossAxis: 0\n      } : {\n        mainAxis: 0,\n        crossAxis: 0,\n        ...rawOffset\n      };\n      if (checkMainAxis) {\n        const len = mainAxis === 'y' ? 'height' : 'width';\n        const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;\n        const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;\n        if (mainAxisCoord < limitMin) {\n          mainAxisCoord = limitMin;\n        } else if (mainAxisCoord > limitMax) {\n          mainAxisCoord = limitMax;\n        }\n      }\n      if (checkCrossAxis) {\n        var _middlewareData$offse, _middlewareData$offse2;\n        const len = mainAxis === 'y' ? 'width' : 'height';\n        const isOriginSide = originSides.has(getSide(placement));\n        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);\n        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);\n        if (crossAxisCoord < limitMin) {\n          crossAxisCoord = limitMin;\n        } else if (crossAxisCoord > limitMax) {\n          crossAxisCoord = limitMax;\n        }\n      }\n      return {\n        [mainAxis]: mainAxisCoord,\n        [crossAxis]: crossAxisCoord\n      };\n    }\n  };\n};\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'size',\n    options,\n    async fn(state) {\n      var _state$middlewareData, _state$middlewareData2;\n      const {\n        placement,\n        rects,\n        platform,\n        elements\n      } = state;\n      const {\n        apply = () => {},\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n      const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n      const side = getSide(placement);\n      const alignment = getAlignment(placement);\n      const isYAxis = getSideAxis(placement) === 'y';\n      const {\n        width,\n        height\n      } = rects.floating;\n      let heightSide;\n      let widthSide;\n      if (side === 'top' || side === 'bottom') {\n        heightSide = side;\n        widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';\n      } else {\n        widthSide = side;\n        heightSide = alignment === 'end' ? 'top' : 'bottom';\n      }\n      const maximumClippingHeight = height - overflow.top - overflow.bottom;\n      const maximumClippingWidth = width - overflow.left - overflow.right;\n      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);\n      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);\n      const noShift = !state.middlewareData.shift;\n      let availableHeight = overflowAvailableHeight;\n      let availableWidth = overflowAvailableWidth;\n      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {\n        availableWidth = maximumClippingWidth;\n      }\n      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {\n        availableHeight = maximumClippingHeight;\n      }\n      if (noShift && !alignment) {\n        const xMin = max(overflow.left, 0);\n        const xMax = max(overflow.right, 0);\n        const yMin = max(overflow.top, 0);\n        const yMax = max(overflow.bottom, 0);\n        if (isYAxis) {\n          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));\n        } else {\n          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));\n        }\n      }\n      await apply({\n        ...state,\n        availableWidth,\n        availableHeight\n      });\n      const nextDimensions = await platform.getDimensions(elements.floating);\n      if (width !== nextDimensions.width || height !== nextDimensions.height) {\n        return {\n          reset: {\n            rects: true\n          }\n        };\n      }\n      return {};\n    }\n  };\n};\n\nexport { arrow, autoPlacement, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, shift, size };\n","function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';\n}\nfunction isTableElement(element) {\n  return /^(table|td|th)$/.test(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  try {\n    if (element.matches(':popover-open')) {\n      return true;\n    }\n  } catch (_e) {\n    // no-op\n  }\n  try {\n    return element.matches(':modal');\n  } catch (_e) {\n    return false;\n  }\n}\nconst willChangeRe = /transform|translate|scale|rotate|perspective|filter/;\nconst containRe = /paint|layout|strict|content/;\nconst isNotNone = value => !!value && value !== 'none';\nlet isWebKitValue;\nfunction isContainingBlock(elementOrCss) {\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (isWebKitValue == null) {\n    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');\n  }\n  return isWebKitValue;\n}\nfunction isLastTraversableNode(node) {\n  return /^(html|body|#document)$/.test(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return node.ownerDocument ? node.ownerDocument.body : node.body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  } else {\n    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n  }\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n","import { rectToClientRect, arrow as arrow$1, autoPlacement as autoPlacement$1, detectOverflow as detectOverflow$1, flip as flip$1, hide as hide$1, inline as inline$1, limitShift as limitShift$1, offset as offset$1, shift as shift$1, size as size$1, computePosition as computePosition$1 } from '@floating-ui/core';\nimport { round, createCoords, max, min, floor } from '@floating-ui/utils';\nimport { getComputedStyle as getComputedStyle$1, isHTMLElement, isElement, getWindow, isWebKit, getFrameElement, getNodeScroll, getDocumentElement, isTopLayer, getNodeName, isOverflowElement, getOverflowAncestors, getParentNode, isLastTraversableNode, isContainingBlock, isTableElement, getContainingBlock } from '@floating-ui/utils/dom';\nexport { getOverflowAncestors } from '@floating-ui/utils/dom';\n\nfunction getCssDimensions(element) {\n  const css = getComputedStyle$1(element);\n  // In testing environments, the `width` and `height` properties are empty\n  // strings for SVG elements, returning NaN. Fallback to `0` in this case.\n  let width = parseFloat(css.width) || 0;\n  let height = parseFloat(css.height) || 0;\n  const hasOffset = isHTMLElement(element);\n  const offsetWidth = hasOffset ? element.offsetWidth : width;\n  const offsetHeight = hasOffset ? element.offsetHeight : height;\n  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;\n  if (shouldFallback) {\n    width = offsetWidth;\n    height = offsetHeight;\n  }\n  return {\n    width,\n    height,\n    $: shouldFallback\n  };\n}\n\nfunction unwrapElement(element) {\n  return !isElement(element) ? element.contextElement : element;\n}\n\nfunction getScale(element) {\n  const domElement = unwrapElement(element);\n  if (!isHTMLElement(domElement)) {\n    return createCoords(1);\n  }\n  const rect = domElement.getBoundingClientRect();\n  const {\n    width,\n    height,\n    $\n  } = getCssDimensions(domElement);\n  let x = ($ ? round(rect.width) : rect.width) / width;\n  let y = ($ ? round(rect.height) : rect.height) / height;\n\n  // 0, NaN, or Infinity should always fallback to 1.\n\n  if (!x || !Number.isFinite(x)) {\n    x = 1;\n  }\n  if (!y || !Number.isFinite(y)) {\n    y = 1;\n  }\n  return {\n    x,\n    y\n  };\n}\n\nconst noOffsets = /*#__PURE__*/createCoords(0);\nfunction getVisualOffsets(element) {\n  const win = getWindow(element);\n  if (!isWebKit() || !win.visualViewport) {\n    return noOffsets;\n  }\n  return {\n    x: win.visualViewport.offsetLeft,\n    y: win.visualViewport.offsetTop\n  };\n}\nfunction shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {\n  if (isFixed === void 0) {\n    isFixed = false;\n  }\n  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {\n    return false;\n  }\n  return isFixed;\n}\n\nfunction getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {\n  if (includeScale === void 0) {\n    includeScale = false;\n  }\n  if (isFixedStrategy === void 0) {\n    isFixedStrategy = false;\n  }\n  const clientRect = element.getBoundingClientRect();\n  const domElement = unwrapElement(element);\n  let scale = createCoords(1);\n  if (includeScale) {\n    if (offsetParent) {\n      if (isElement(offsetParent)) {\n        scale = getScale(offsetParent);\n      }\n    } else {\n      scale = getScale(element);\n    }\n  }\n  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);\n  let x = (clientRect.left + visualOffsets.x) / scale.x;\n  let y = (clientRect.top + visualOffsets.y) / scale.y;\n  let width = clientRect.width / scale.x;\n  let height = clientRect.height / scale.y;\n  if (domElement) {\n    const win = getWindow(domElement);\n    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;\n    let currentWin = win;\n    let currentIFrame = getFrameElement(currentWin);\n    while (currentIFrame && offsetParent && offsetWin !== currentWin) {\n      const iframeScale = getScale(currentIFrame);\n      const iframeRect = currentIFrame.getBoundingClientRect();\n      const css = getComputedStyle$1(currentIFrame);\n      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;\n      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;\n      x *= iframeScale.x;\n      y *= iframeScale.y;\n      width *= iframeScale.x;\n      height *= iframeScale.y;\n      x += left;\n      y += top;\n      currentWin = getWindow(currentIFrame);\n      currentIFrame = getFrameElement(currentWin);\n    }\n  }\n  return rectToClientRect({\n    width,\n    height,\n    x,\n    y\n  });\n}\n\n// If <html> has a CSS width greater than the viewport, then this will be\n// incorrect for RTL.\nfunction getWindowScrollBarX(element, rect) {\n  const leftScroll = getNodeScroll(element).scrollLeft;\n  if (!rect) {\n    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;\n  }\n  return rect.left + leftScroll;\n}\n\nfunction getHTMLOffset(documentElement, scroll) {\n  const htmlRect = documentElement.getBoundingClientRect();\n  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);\n  const y = htmlRect.top + scroll.scrollTop;\n  return {\n    x,\n    y\n  };\n}\n\nfunction convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {\n  let {\n    elements,\n    rect,\n    offsetParent,\n    strategy\n  } = _ref;\n  const isFixed = strategy === 'fixed';\n  const documentElement = getDocumentElement(offsetParent);\n  const topLayer = elements ? isTopLayer(elements.floating) : false;\n  if (offsetParent === documentElement || topLayer && isFixed) {\n    return rect;\n  }\n  let scroll = {\n    scrollLeft: 0,\n    scrollTop: 0\n  };\n  let scale = createCoords(1);\n  const offsets = createCoords(0);\n  const isOffsetParentAnElement = isHTMLElement(offsetParent);\n  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n      scroll = getNodeScroll(offsetParent);\n    }\n    if (isOffsetParentAnElement) {\n      const offsetRect = getBoundingClientRect(offsetParent);\n      scale = getScale(offsetParent);\n      offsets.x = offsetRect.x + offsetParent.clientLeft;\n      offsets.y = offsetRect.y + offsetParent.clientTop;\n    }\n  }\n  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n  return {\n    width: rect.width * scale.x,\n    height: rect.height * scale.y,\n    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,\n    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y\n  };\n}\n\nfunction getClientRects(element) {\n  return Array.from(element.getClientRects());\n}\n\n// Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable.\nfunction getDocumentRect(element) {\n  const html = getDocumentElement(element);\n  const scroll = getNodeScroll(element);\n  const body = element.ownerDocument.body;\n  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);\n  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);\n  let x = -scroll.scrollLeft + getWindowScrollBarX(element);\n  const y = -scroll.scrollTop;\n  if (getComputedStyle$1(body).direction === 'rtl') {\n    x += max(html.clientWidth, body.clientWidth) - width;\n  }\n  return {\n    width,\n    height,\n    x,\n    y\n  };\n}\n\n// Safety check: ensure the scrollbar space is reasonable in case this\n// calculation is affected by unusual styles.\n// Most scrollbars leave 15-18px of space.\nconst SCROLLBAR_MAX = 25;\nfunction getViewportRect(element, strategy) {\n  const win = getWindow(element);\n  const html = getDocumentElement(element);\n  const visualViewport = win.visualViewport;\n  let width = html.clientWidth;\n  let height = html.clientHeight;\n  let x = 0;\n  let y = 0;\n  if (visualViewport) {\n    width = visualViewport.width;\n    height = visualViewport.height;\n    const visualViewportBased = isWebKit();\n    if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {\n      x = visualViewport.offsetLeft;\n      y = visualViewport.offsetTop;\n    }\n  }\n  const windowScrollbarX = getWindowScrollBarX(html);\n  // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the\n  // visual width of the <html> but this is not considered in the size\n  // of `html.clientWidth`.\n  if (windowScrollbarX <= 0) {\n    const doc = html.ownerDocument;\n    const body = doc.body;\n    const bodyStyles = getComputedStyle(body);\n    const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;\n    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);\n    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {\n      width -= clippingStableScrollbarWidth;\n    }\n  } else if (windowScrollbarX <= SCROLLBAR_MAX) {\n    // If the <body> scrollbar is on the left, the width needs to be extended\n    // by the scrollbar amount so there isn't extra space on the right.\n    width += windowScrollbarX;\n  }\n  return {\n    width,\n    height,\n    x,\n    y\n  };\n}\n\n// Returns the inner client rect, subtracting scrollbars if present.\nfunction getInnerBoundingClientRect(element, strategy) {\n  const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');\n  const top = clientRect.top + element.clientTop;\n  const left = clientRect.left + element.clientLeft;\n  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);\n  const width = element.clientWidth * scale.x;\n  const height = element.clientHeight * scale.y;\n  const x = left * scale.x;\n  const y = top * scale.y;\n  return {\n    width,\n    height,\n    x,\n    y\n  };\n}\nfunction getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {\n  let rect;\n  if (clippingAncestor === 'viewport') {\n    rect = getViewportRect(element, strategy);\n  } else if (clippingAncestor === 'document') {\n    rect = getDocumentRect(getDocumentElement(element));\n  } else if (isElement(clippingAncestor)) {\n    rect = getInnerBoundingClientRect(clippingAncestor, strategy);\n  } else {\n    const visualOffsets = getVisualOffsets(element);\n    rect = {\n      x: clippingAncestor.x - visualOffsets.x,\n      y: clippingAncestor.y - visualOffsets.y,\n      width: clippingAncestor.width,\n      height: clippingAncestor.height\n    };\n  }\n  return rectToClientRect(rect);\n}\nfunction hasFixedPositionAncestor(element, stopNode) {\n  const parentNode = getParentNode(element);\n  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {\n    return false;\n  }\n  return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);\n}\n\n// A \"clipping ancestor\" is an `overflow` element with the characteristic of\n// clipping (or hiding) child elements. This returns all clipping ancestors\n// of the given element up the tree.\nfunction getClippingElementAncestors(element, cache) {\n  const cachedResult = cache.get(element);\n  if (cachedResult) {\n    return cachedResult;\n  }\n  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');\n  let currentContainingBlockComputedStyle = null;\n  const elementIsFixed = getComputedStyle$1(element).position === 'fixed';\n  let currentNode = elementIsFixed ? getParentNode(element) : element;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    const computedStyle = getComputedStyle$1(currentNode);\n    const currentNodeIsContaining = isContainingBlock(currentNode);\n    if (!currentNodeIsContaining && computedStyle.position === 'fixed') {\n      currentContainingBlockComputedStyle = null;\n    }\n    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);\n    if (shouldDropCurrentNode) {\n      // Drop non-containing blocks.\n      result = result.filter(ancestor => ancestor !== currentNode);\n    } else {\n      // Record last containing block for next iteration.\n      currentContainingBlockComputedStyle = computedStyle;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  cache.set(element, result);\n  return result;\n}\n\n// Gets the maximum area that the element is visible in due to any number of\n// clipping ancestors.\nfunction getClippingRect(_ref) {\n  let {\n    element,\n    boundary,\n    rootBoundary,\n    strategy\n  } = _ref;\n  const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);\n  const clippingAncestors = [...elementClippingAncestors, rootBoundary];\n  const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);\n  let top = firstRect.top;\n  let right = firstRect.right;\n  let bottom = firstRect.bottom;\n  let left = firstRect.left;\n  for (let i = 1; i < clippingAncestors.length; i++) {\n    const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);\n    top = max(rect.top, top);\n    right = min(rect.right, right);\n    bottom = min(rect.bottom, bottom);\n    left = max(rect.left, left);\n  }\n  return {\n    width: right - left,\n    height: bottom - top,\n    x: left,\n    y: top\n  };\n}\n\nfunction getDimensions(element) {\n  const {\n    width,\n    height\n  } = getCssDimensions(element);\n  return {\n    width,\n    height\n  };\n}\n\nfunction getRectRelativeToOffsetParent(element, offsetParent, strategy) {\n  const isOffsetParentAnElement = isHTMLElement(offsetParent);\n  const documentElement = getDocumentElement(offsetParent);\n  const isFixed = strategy === 'fixed';\n  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);\n  let scroll = {\n    scrollLeft: 0,\n    scrollTop: 0\n  };\n  const offsets = createCoords(0);\n\n  // If the <body> scrollbar appears on the left (e.g. RTL systems). Use\n  // Firefox with layout.scrollbar.side = 3 in about:config to test this.\n  function setLeftRTLScrollbarOffset() {\n    offsets.x = getWindowScrollBarX(documentElement);\n  }\n  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n      scroll = getNodeScroll(offsetParent);\n    }\n    if (isOffsetParentAnElement) {\n      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);\n      offsets.x = offsetRect.x + offsetParent.clientLeft;\n      offsets.y = offsetRect.y + offsetParent.clientTop;\n    } else if (documentElement) {\n      setLeftRTLScrollbarOffset();\n    }\n  }\n  if (isFixed && !isOffsetParentAnElement && documentElement) {\n    setLeftRTLScrollbarOffset();\n  }\n  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;\n  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;\n  return {\n    x,\n    y,\n    width: rect.width,\n    height: rect.height\n  };\n}\n\nfunction isStaticPositioned(element) {\n  return getComputedStyle$1(element).position === 'static';\n}\n\nfunction getTrueOffsetParent(element, polyfill) {\n  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {\n    return null;\n  }\n  if (polyfill) {\n    return polyfill(element);\n  }\n  let rawOffsetParent = element.offsetParent;\n\n  // Firefox returns the <html> element as the offsetParent if it's non-static,\n  // while Chrome and Safari return the <body> element. The <body> element must\n  // be used to perform the correct calculations even if the <html> element is\n  // non-static.\n  if (getDocumentElement(element) === rawOffsetParent) {\n    rawOffsetParent = rawOffsetParent.ownerDocument.body;\n  }\n  return rawOffsetParent;\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nfunction getOffsetParent(element, polyfill) {\n  const win = getWindow(element);\n  if (isTopLayer(element)) {\n    return win;\n  }\n  if (!isHTMLElement(element)) {\n    let svgOffsetParent = getParentNode(element);\n    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {\n      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {\n        return svgOffsetParent;\n      }\n      svgOffsetParent = getParentNode(svgOffsetParent);\n    }\n    return win;\n  }\n  let offsetParent = getTrueOffsetParent(element, polyfill);\n  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {\n    offsetParent = getTrueOffsetParent(offsetParent, polyfill);\n  }\n  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {\n    return win;\n  }\n  return offsetParent || getContainingBlock(element) || win;\n}\n\nconst getElementRects = async function (data) {\n  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;\n  const getDimensionsFn = this.getDimensions;\n  const floatingDimensions = await getDimensionsFn(data.floating);\n  return {\n    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),\n    floating: {\n      x: 0,\n      y: 0,\n      width: floatingDimensions.width,\n      height: floatingDimensions.height\n    }\n  };\n};\n\nfunction isRTL(element) {\n  return getComputedStyle$1(element).direction === 'rtl';\n}\n\nconst platform = {\n  convertOffsetParentRelativeRectToViewportRelativeRect,\n  getDocumentElement,\n  getClippingRect,\n  getOffsetParent,\n  getElementRects,\n  getClientRects,\n  getDimensions,\n  getScale,\n  isElement,\n  isRTL\n};\n\nfunction rectsAreEqual(a, b) {\n  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n}\n\n// https://samthor.au/2021/observing-dom/\nfunction observeMove(element, onMove) {\n  let io = null;\n  let timeoutId;\n  const root = getDocumentElement(element);\n  function cleanup() {\n    var _io;\n    clearTimeout(timeoutId);\n    (_io = io) == null || _io.disconnect();\n    io = null;\n  }\n  function refresh(skip, threshold) {\n    if (skip === void 0) {\n      skip = false;\n    }\n    if (threshold === void 0) {\n      threshold = 1;\n    }\n    cleanup();\n    const elementRectForRootMargin = element.getBoundingClientRect();\n    const {\n      left,\n      top,\n      width,\n      height\n    } = elementRectForRootMargin;\n    if (!skip) {\n      onMove();\n    }\n    if (!width || !height) {\n      return;\n    }\n    const insetTop = floor(top);\n    const insetRight = floor(root.clientWidth - (left + width));\n    const insetBottom = floor(root.clientHeight - (top + height));\n    const insetLeft = floor(left);\n    const rootMargin = -insetTop + \"px \" + -insetRight + \"px \" + -insetBottom + \"px \" + -insetLeft + \"px\";\n    const options = {\n      rootMargin,\n      threshold: max(0, min(1, threshold)) || 1\n    };\n    let isFirstUpdate = true;\n    function handleObserve(entries) {\n      const ratio = entries[0].intersectionRatio;\n      if (ratio !== threshold) {\n        if (!isFirstUpdate) {\n          return refresh();\n        }\n        if (!ratio) {\n          // If the reference is clipped, the ratio is 0. Throttle the refresh\n          // to prevent an infinite loop of updates.\n          timeoutId = setTimeout(() => {\n            refresh(false, 1e-7);\n          }, 1000);\n        } else {\n          refresh(false, ratio);\n        }\n      }\n      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {\n        // It's possible that even though the ratio is reported as 1, the\n        // element is not actually fully within the IntersectionObserver's root\n        // area anymore. This can happen under performance constraints. This may\n        // be a bug in the browser's IntersectionObserver implementation. To\n        // work around this, we compare the element's bounding rect now with\n        // what it was at the time we created the IntersectionObserver. If they\n        // are not equal then the element moved, so we refresh.\n        refresh();\n      }\n      isFirstUpdate = false;\n    }\n\n    // Older browsers don't support a `document` as the root and will throw an\n    // error.\n    try {\n      io = new IntersectionObserver(handleObserve, {\n        ...options,\n        // Handle <iframe>s\n        root: root.ownerDocument\n      });\n    } catch (_e) {\n      io = new IntersectionObserver(handleObserve, options);\n    }\n    io.observe(element);\n  }\n  refresh(true);\n  return cleanup;\n}\n\n/**\n * Automatically updates the position of the floating element when necessary.\n * Should only be called when the floating element is mounted on the DOM or\n * visible on the screen.\n * @returns cleanup function that should be invoked when the floating element is\n * removed from the DOM or hidden from the screen.\n * @see https://floating-ui.com/docs/autoUpdate\n */\nfunction autoUpdate(reference, floating, update, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  const {\n    ancestorScroll = true,\n    ancestorResize = true,\n    elementResize = typeof ResizeObserver === 'function',\n    layoutShift = typeof IntersectionObserver === 'function',\n    animationFrame = false\n  } = options;\n  const referenceEl = unwrapElement(reference);\n  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];\n  ancestors.forEach(ancestor => {\n    ancestorScroll && ancestor.addEventListener('scroll', update, {\n      passive: true\n    });\n    ancestorResize && ancestor.addEventListener('resize', update);\n  });\n  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;\n  let reobserveFrame = -1;\n  let resizeObserver = null;\n  if (elementResize) {\n    resizeObserver = new ResizeObserver(_ref => {\n      let [firstEntry] = _ref;\n      if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {\n        // Prevent update loops when using the `size` middleware.\n        // https://github.com/floating-ui/floating-ui/issues/1740\n        resizeObserver.unobserve(floating);\n        cancelAnimationFrame(reobserveFrame);\n        reobserveFrame = requestAnimationFrame(() => {\n          var _resizeObserver;\n          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);\n        });\n      }\n      update();\n    });\n    if (referenceEl && !animationFrame) {\n      resizeObserver.observe(referenceEl);\n    }\n    if (floating) {\n      resizeObserver.observe(floating);\n    }\n  }\n  let frameId;\n  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;\n  if (animationFrame) {\n    frameLoop();\n  }\n  function frameLoop() {\n    const nextRefRect = getBoundingClientRect(reference);\n    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {\n      update();\n    }\n    prevRefRect = nextRefRect;\n    frameId = requestAnimationFrame(frameLoop);\n  }\n  update();\n  return () => {\n    var _resizeObserver2;\n    ancestors.forEach(ancestor => {\n      ancestorScroll && ancestor.removeEventListener('scroll', update);\n      ancestorResize && ancestor.removeEventListener('resize', update);\n    });\n    cleanupIo == null || cleanupIo();\n    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();\n    resizeObserver = null;\n    if (animationFrame) {\n      cancelAnimationFrame(frameId);\n    }\n  };\n}\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nconst detectOverflow = detectOverflow$1;\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = offset$1;\n\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = autoPlacement$1;\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = shift$1;\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = flip$1;\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = size$1;\n\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = hide$1;\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = arrow$1;\n\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = inline$1;\n\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = limitShift$1;\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n */\nconst computePosition = (reference, floating, options) => {\n  // This caches the expensive `getClippingElementAncestors` function so that\n  // multiple lifecycle resets re-use the same result. It only lives for a\n  // single call. If other functions become expensive, we can add them as well.\n  const cache = new Map();\n  const mergedOptions = {\n    platform,\n    ...options\n  };\n  const platformWithCache = {\n    ...mergedOptions.platform,\n    _c: cache\n  };\n  return computePosition$1(reference, floating, {\n    ...mergedOptions,\n    platform: platformWithCache\n  });\n};\n\nexport { arrow, autoPlacement, autoUpdate, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, platform, shift, size };\n","import * as Vue from 'vue'\n\nvar isVue2 = false\nvar isVue3 = true\nvar Vue2 = undefined\n\nfunction install() {}\n\nexport function set(target, key, val) {\n  if (Array.isArray(target)) {\n    target.length = Math.max(target.length, key)\n    target.splice(key, 1, val)\n    return val\n  }\n  target[key] = val\n  return val\n}\n\nexport function del(target, key) {\n  if (Array.isArray(target)) {\n    target.splice(key, 1)\n    return\n  }\n  delete target[key]\n}\n\nexport * from 'vue'\nexport {\n  Vue,\n  Vue2,\n  isVue2,\n  isVue3,\n  install,\n}\n","import { arrow as arrow$1, computePosition } from '@floating-ui/dom';\nexport { autoPlacement, autoUpdate, computePosition, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, platform, shift, size } from '@floating-ui/dom';\nimport { isNode, getNodeName } from '@floating-ui/utils/dom';\nimport { unref, computed, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly } from 'vue-demi';\n\nfunction isComponentPublicInstance(target) {\n  return target != null && typeof target === 'object' && '$el' in target;\n}\nfunction unwrapElement(target) {\n  if (isComponentPublicInstance(target)) {\n    const element = target.$el;\n    return isNode(element) && getNodeName(element) === '#comment' ? null : element;\n  }\n  return target;\n}\n\nfunction toValue(source) {\n  return typeof source === 'function' ? source() : unref(source);\n}\n\n/**\n * Positions an inner element of the floating element such that it is centered to the reference element.\n * @param options The arrow options.\n * @see https://floating-ui.com/docs/arrow\n */\nfunction arrow(options) {\n  return {\n    name: 'arrow',\n    options,\n    fn(args) {\n      const element = unwrapElement(toValue(options.element));\n      if (element == null) {\n        return {};\n      }\n      return arrow$1({\n        element,\n        padding: options.padding\n      }).fn(args);\n    }\n  };\n}\n\nfunction getDPR(element) {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  const win = element.ownerDocument.defaultView || window;\n  return win.devicePixelRatio || 1;\n}\n\nfunction roundByDPR(element, value) {\n  const dpr = getDPR(element);\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.\n * @param reference The reference template ref.\n * @param floating The floating template ref.\n * @param options The floating options.\n * @see https://floating-ui.com/docs/vue\n */\nfunction useFloating(reference, floating, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  const whileElementsMountedOption = options.whileElementsMounted;\n  const openOption = computed(() => {\n    var _toValue;\n    return (_toValue = toValue(options.open)) != null ? _toValue : true;\n  });\n  const middlewareOption = computed(() => toValue(options.middleware));\n  const placementOption = computed(() => {\n    var _toValue2;\n    return (_toValue2 = toValue(options.placement)) != null ? _toValue2 : 'bottom';\n  });\n  const strategyOption = computed(() => {\n    var _toValue3;\n    return (_toValue3 = toValue(options.strategy)) != null ? _toValue3 : 'absolute';\n  });\n  const transformOption = computed(() => {\n    var _toValue4;\n    return (_toValue4 = toValue(options.transform)) != null ? _toValue4 : true;\n  });\n  const referenceElement = computed(() => unwrapElement(reference.value));\n  const floatingElement = computed(() => unwrapElement(floating.value));\n  const x = ref(0);\n  const y = ref(0);\n  const strategy = ref(strategyOption.value);\n  const placement = ref(placementOption.value);\n  const middlewareData = shallowRef({});\n  const isPositioned = ref(false);\n  const floatingStyles = computed(() => {\n    const initialStyles = {\n      position: strategy.value,\n      left: '0',\n      top: '0'\n    };\n    if (!floatingElement.value) {\n      return initialStyles;\n    }\n    const xVal = roundByDPR(floatingElement.value, x.value);\n    const yVal = roundByDPR(floatingElement.value, y.value);\n    if (transformOption.value) {\n      return {\n        ...initialStyles,\n        transform: \"translate(\" + xVal + \"px, \" + yVal + \"px)\",\n        ...(getDPR(floatingElement.value) >= 1.5 && {\n          willChange: 'transform'\n        })\n      };\n    }\n    return {\n      position: strategy.value,\n      left: xVal + \"px\",\n      top: yVal + \"px\"\n    };\n  });\n  let whileElementsMountedCleanup;\n  function update() {\n    if (referenceElement.value == null || floatingElement.value == null) {\n      return;\n    }\n    const open = openOption.value;\n    computePosition(referenceElement.value, floatingElement.value, {\n      middleware: middlewareOption.value,\n      placement: placementOption.value,\n      strategy: strategyOption.value\n    }).then(position => {\n      x.value = position.x;\n      y.value = position.y;\n      strategy.value = position.strategy;\n      placement.value = position.placement;\n      middlewareData.value = position.middlewareData;\n      /**\n       * The floating element's position may be recomputed while it's closed\n       * but still mounted (such as when transitioning out). To ensure\n       * `isPositioned` will be `false` initially on the next open, avoid\n       * setting it to `true` when `open === false` (must be specified).\n       */\n      isPositioned.value = open !== false;\n    });\n  }\n  function cleanup() {\n    if (typeof whileElementsMountedCleanup === 'function') {\n      whileElementsMountedCleanup();\n      whileElementsMountedCleanup = undefined;\n    }\n  }\n  function attach() {\n    cleanup();\n    if (whileElementsMountedOption === undefined) {\n      update();\n      return;\n    }\n    if (referenceElement.value != null && floatingElement.value != null) {\n      whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);\n      return;\n    }\n  }\n  function reset() {\n    if (!openOption.value) {\n      isPositioned.value = false;\n    }\n  }\n  watch([middlewareOption, placementOption, strategyOption, openOption], update, {\n    flush: 'sync'\n  });\n  watch([referenceElement, floatingElement], attach, {\n    flush: 'sync'\n  });\n  watch(openOption, reset, {\n    flush: 'sync'\n  });\n  if (getCurrentScope()) {\n    onScopeDispose(cleanup);\n  }\n  return {\n    x: shallowReadonly(x),\n    y: shallowReadonly(y),\n    strategy: shallowReadonly(strategy),\n    placement: shallowReadonly(placement),\n    middlewareData: shallowReadonly(middlewareData),\n    isPositioned: shallowReadonly(isPositioned),\n    floatingStyles,\n    update\n  };\n}\n\nexport { arrow, useFloating };\n","<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, computed, watch } from \"vue\";\nimport { flip, useFloating, AlignedPlacement, Placement, offset } from \"@floating-ui/vue\";\nimport { useDebounceFn, useElementHover, useElementBounding } from \"@vueuse/core\";\nimport { PvPopoverV2Props } from \"@/components/base/PvPopoverV2/types.ts\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nimport { PvAlignmentPositions } from \"@/components/base/baseProps.ts\";\n\nconst props = withDefaults(defineProps<PvPopoverV2Props>(), {\n  disableAutoPlacement: false,\n  position: \"bottom-left\",\n  positioningStrategy: \"absolute\",\n  disableInteractive: false,\n  useTeleport: false,\n  disableClickOutsideToClose: false,\n  showOnHover: false,\n  delay: 25,\n  zIndex: 10,\n  teleportLocation: \"body\",\n});\n\nconst isOpen = defineModel<boolean>();\n\nconst triggerWrapper = ref<HTMLElement | null>(null);\nconst reference = ref<HTMLElement | null>(null);\nconst floating = ref<HTMLElement | null>(null);\n\nconst triggerHovered = useElementHover(triggerWrapper);\nconst floatingHovered = useElementHover(floating);\n\n/**\n * We use our own placement mapping name to ensure that have the same naming across the PitViper components.\n */\nconst placementMapping: Record<PvAlignmentPositions, AlignedPlacement | Placement> = {\n  \"top-center\": \"top\",\n  \"bottom-center\": \"bottom\",\n  \"center-left\": \"left\",\n  \"center-right\": \"right\",\n  \"top-left\": \"top-start\",\n  \"top-right\": \"top-end\",\n  \"bottom-left\": \"bottom-start\",\n  \"bottom-right\": \"bottom-end\",\n};\n\nonMounted(() => {\n  if (triggerWrapper.value) {\n    // Set reference to the first child element (the actual trigger)\n    reference.value = triggerWrapper.value.firstElementChild as HTMLElement | null;\n  }\n});\n\nconst middleware = [];\n\nif (!props.disableAutoPlacement) {\n  middleware?.push(\n    flip({\n      fallbackStrategy: \"initialPlacement\",\n    }),\n  );\n}\n\nif (props.offset) {\n  middleware?.push(offset(props.offset));\n}\n\n// @floating-ui/vue ships its own Ref type that's structurally incompatible with\n// the app's Vue Ref (missing the RefSymbol brand). The runtime shape is\n// identical, so cast through unknown here.\nconst { floatingStyles, update } = useFloating(\n  reference as unknown as Parameters<typeof useFloating>[0],\n  floating as unknown as Parameters<typeof useFloating>[1],\n  {\n    placement: placementMapping[props.position],\n    strategy: props.positioningStrategy,\n    middleware: middleware,\n  },\n);\n\n// Update popover position when it opens\nwatch(isOpen, (newVal) => {\n  if (newVal && reference.value && floating.value) {\n    update();\n  }\n});\n\n// Track trigger position and size changes\nconst elementBounds = useElementBounding(reference);\n\nconst handleBoundsChange = useDebounceFn(() => {\n  if (isOpen.value) {\n    update();\n  }\n}, 5);\n\nwatch([elementBounds.top, elementBounds.left, elementBounds.width, elementBounds.height], handleBoundsChange);\n\nconst popoverStyles = computed(() => {\n  return {\n    ...floatingStyles.value,\n    zIndex: props.zIndex ?? 10,\n  };\n});\n\nlet openDelayTimeout: ReturnType<typeof setTimeout> | undefined;\n\nconst clearOpenDelayTimeout = () => {\n  if (openDelayTimeout) {\n    clearTimeout(openDelayTimeout);\n    openDelayTimeout = undefined;\n  }\n};\n\nconst setPopoverState = (state: boolean) => {\n  clearOpenDelayTimeout();\n\n  if (state && props.delay > 0) {\n    openDelayTimeout = setTimeout(() => {\n      isOpen.value = true;\n      openDelayTimeout = undefined;\n    }, props.delay);\n    return;\n  }\n\n  // Closing should always be immediate, even when opening is delayed.\n  isOpen.value = state;\n};\n\nconst ignoreForClickOutside = computed(() => {\n  const list: (string | HTMLElement | null)[] = [floating.value].filter(Boolean);\n  list.push(\".p-datepicker-panel\");\n\n  if (props.ignoreClickOutsideClasses) {\n    list.push(...props.ignoreClickOutsideClasses.map((cls) => `.${cls}`));\n  }\n\n  return list;\n});\n\nconst isHovered = computed(() => {\n  if (!props.showOnHover) return false;\n  return props.disableInteractive ? triggerHovered.value : triggerHovered.value || floatingHovered.value;\n});\n\nconst handleTriggerClick = () => {\n  if (!props.showOnHover) {\n    setPopoverState(openDelayTimeout ? false : !isOpen.value);\n  }\n};\n\nconst handleClickOutside = () => {\n  if (!props.disableClickOutsideToClose) {\n    setPopoverState(false);\n  }\n};\n\n// Watch hover state and update popover accordingly\nwatch(isHovered, (newVal) => {\n  if (props.showOnHover) {\n    setPopoverState(newVal);\n  }\n});\n\nonUnmounted(() => {\n  clearOpenDelayTimeout();\n});\n</script>\n\n<template>\n  <div v-on-click-outside=\"[handleClickOutside, { ignore: ignoreForClickOutside }]\" style=\"width: fit-content\">\n    <div ref=\"triggerWrapper\" @click=\"handleTriggerClick\">\n      <slot name=\"trigger\"> </slot>\n    </div>\n    <Teleport v-if=\"$slots.content\" :to=\"teleportLocation\" :disabled=\"!props.useTeleport\">\n      <div class=\"pv-floating\" ref=\"floating\" v-show=\"isOpen\" :style=\"popoverStyles\">\n        <slot name=\"content\"></slot>\n      </div>\n    </Teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, computed, watch } from \"vue\";\nimport { flip, useFloating, AlignedPlacement, Placement, offset } from \"@floating-ui/vue\";\nimport { useDebounceFn, useElementHover, useElementBounding } from \"@vueuse/core\";\nimport { PvPopoverV2Props } from \"@/components/base/PvPopoverV2/types.ts\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nimport { PvAlignmentPositions } from \"@/components/base/baseProps.ts\";\n\nconst props = withDefaults(defineProps<PvPopoverV2Props>(), {\n  disableAutoPlacement: false,\n  position: \"bottom-left\",\n  positioningStrategy: \"absolute\",\n  disableInteractive: false,\n  useTeleport: false,\n  disableClickOutsideToClose: false,\n  showOnHover: false,\n  delay: 25,\n  zIndex: 10,\n  teleportLocation: \"body\",\n});\n\nconst isOpen = defineModel<boolean>();\n\nconst triggerWrapper = ref<HTMLElement | null>(null);\nconst reference = ref<HTMLElement | null>(null);\nconst floating = ref<HTMLElement | null>(null);\n\nconst triggerHovered = useElementHover(triggerWrapper);\nconst floatingHovered = useElementHover(floating);\n\n/**\n * We use our own placement mapping name to ensure that have the same naming across the PitViper components.\n */\nconst placementMapping: Record<PvAlignmentPositions, AlignedPlacement | Placement> = {\n  \"top-center\": \"top\",\n  \"bottom-center\": \"bottom\",\n  \"center-left\": \"left\",\n  \"center-right\": \"right\",\n  \"top-left\": \"top-start\",\n  \"top-right\": \"top-end\",\n  \"bottom-left\": \"bottom-start\",\n  \"bottom-right\": \"bottom-end\",\n};\n\nonMounted(() => {\n  if (triggerWrapper.value) {\n    // Set reference to the first child element (the actual trigger)\n    reference.value = triggerWrapper.value.firstElementChild as HTMLElement | null;\n  }\n});\n\nconst middleware = [];\n\nif (!props.disableAutoPlacement) {\n  middleware?.push(\n    flip({\n      fallbackStrategy: \"initialPlacement\",\n    }),\n  );\n}\n\nif (props.offset) {\n  middleware?.push(offset(props.offset));\n}\n\n// @floating-ui/vue ships its own Ref type that's structurally incompatible with\n// the app's Vue Ref (missing the RefSymbol brand). The runtime shape is\n// identical, so cast through unknown here.\nconst { floatingStyles, update } = useFloating(\n  reference as unknown as Parameters<typeof useFloating>[0],\n  floating as unknown as Parameters<typeof useFloating>[1],\n  {\n    placement: placementMapping[props.position],\n    strategy: props.positioningStrategy,\n    middleware: middleware,\n  },\n);\n\n// Update popover position when it opens\nwatch(isOpen, (newVal) => {\n  if (newVal && reference.value && floating.value) {\n    update();\n  }\n});\n\n// Track trigger position and size changes\nconst elementBounds = useElementBounding(reference);\n\nconst handleBoundsChange = useDebounceFn(() => {\n  if (isOpen.value) {\n    update();\n  }\n}, 5);\n\nwatch([elementBounds.top, elementBounds.left, elementBounds.width, elementBounds.height], handleBoundsChange);\n\nconst popoverStyles = computed(() => {\n  return {\n    ...floatingStyles.value,\n    zIndex: props.zIndex ?? 10,\n  };\n});\n\nlet openDelayTimeout: ReturnType<typeof setTimeout> | undefined;\n\nconst clearOpenDelayTimeout = () => {\n  if (openDelayTimeout) {\n    clearTimeout(openDelayTimeout);\n    openDelayTimeout = undefined;\n  }\n};\n\nconst setPopoverState = (state: boolean) => {\n  clearOpenDelayTimeout();\n\n  if (state && props.delay > 0) {\n    openDelayTimeout = setTimeout(() => {\n      isOpen.value = true;\n      openDelayTimeout = undefined;\n    }, props.delay);\n    return;\n  }\n\n  // Closing should always be immediate, even when opening is delayed.\n  isOpen.value = state;\n};\n\nconst ignoreForClickOutside = computed(() => {\n  const list: (string | HTMLElement | null)[] = [floating.value].filter(Boolean);\n  list.push(\".p-datepicker-panel\");\n\n  if (props.ignoreClickOutsideClasses) {\n    list.push(...props.ignoreClickOutsideClasses.map((cls) => `.${cls}`));\n  }\n\n  return list;\n});\n\nconst isHovered = computed(() => {\n  if (!props.showOnHover) return false;\n  return props.disableInteractive ? triggerHovered.value : triggerHovered.value || floatingHovered.value;\n});\n\nconst handleTriggerClick = () => {\n  if (!props.showOnHover) {\n    setPopoverState(openDelayTimeout ? false : !isOpen.value);\n  }\n};\n\nconst handleClickOutside = () => {\n  if (!props.disableClickOutsideToClose) {\n    setPopoverState(false);\n  }\n};\n\n// Watch hover state and update popover accordingly\nwatch(isHovered, (newVal) => {\n  if (props.showOnHover) {\n    setPopoverState(newVal);\n  }\n});\n\nonUnmounted(() => {\n  clearOpenDelayTimeout();\n});\n</script>\n\n<template>\n  <div v-on-click-outside=\"[handleClickOutside, { ignore: ignoreForClickOutside }]\" style=\"width: fit-content\">\n    <div ref=\"triggerWrapper\" @click=\"handleTriggerClick\">\n      <slot name=\"trigger\"> </slot>\n    </div>\n    <Teleport v-if=\"$slots.content\" :to=\"teleportLocation\" :disabled=\"!props.useTeleport\">\n      <div class=\"pv-floating\" ref=\"floating\" v-show=\"isOpen\" :style=\"popoverStyles\">\n        <slot name=\"content\"></slot>\n      </div>\n    </Teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTooltipV2Props } from \"./types\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\n\nwithDefaults(defineProps<PvTooltipV2Props>(), {\n  variant: \"dark\",\n  position: \"top-center\",\n  size: \"md\",\n  disableInteractive: false,\n  delay: 0,\n  showOnHover: true,\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-bind=\"$props\">\n    <template #trigger>\n      <slot name=\"trigger\">\n        <p>{{ label }}</p>\n      </slot>\n    </template>\n    <template #content v-if=\"$slots.content || description\">\n      <div\n        class=\"pv-tooltip-v2-content\"\n        role=\"tooltip\"\n        :data-variant=\"variant\"\n        :class=\"{ 'pv-tooltip-v2-content-small': size === 'sm' }\"\n      >\n        <slot name=\"content\">\n          {{ description }}\n        </slot>\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTooltipV2Props } from \"./types\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\n\nwithDefaults(defineProps<PvTooltipV2Props>(), {\n  variant: \"dark\",\n  position: \"top-center\",\n  size: \"md\",\n  disableInteractive: false,\n  delay: 0,\n  showOnHover: true,\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-bind=\"$props\">\n    <template #trigger>\n      <slot name=\"trigger\">\n        <p>{{ label }}</p>\n      </slot>\n    </template>\n    <template #content v-if=\"$slots.content || description\">\n      <div\n        class=\"pv-tooltip-v2-content\"\n        role=\"tooltip\"\n        :data-variant=\"variant\"\n        :class=\"{ 'pv-tooltip-v2-content-small': size === 'sm' }\"\n      >\n        <slot name=\"content\">\n          {{ description }}\n        </slot>\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\">\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { PvSegmentControlSize, PvSegmentedControlOption } from \"./types\";\n\ninterface PvSegmentControlProps {\n  /** The list of options rendered as segments. Each option can have a label, icon, or both. */\n  options: PvSegmentedControlOption[];\n  /**\n   * Controls the overall height of the segmented control.\n   */\n  size?: PvSegmentControlSize;\n}\n\nwithDefaults(defineProps<PvSegmentControlProps>(), {\n  size: \"lg\",\n  options: () => [],\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst selectOption = (option: PvSegmentedControlOption) => {\n  if (option.disabled) return;\n  modelValue.value = option.value;\n};\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pv-segmented-control',\n      {\n        'pv-segmented-control-large': size === 'xl',\n      },\n    ]\"\n  >\n    <PvTooltipV2\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      variant=\"dark\"\n      position=\"bottom-right\"\n      style=\"width: 100%\"\n    >\n      <template #trigger>\n        <PvButton\n          class=\"pv-full-width\"\n          variant=\"ghost\"\n          :label=\"option.label\"\n          :ariaLabel=\"option.ariaLabel\"\n          :left-icon=\"option.iconPosition === 'left' ? option.icon : undefined\"\n          :right-icon=\"option.iconPosition === 'right' ? option.icon : undefined\"\n          :disabled=\"option.disabled\"\n          :class=\"{ 'pv-disabled': option.disabled }\"\n          :data-active=\"modelValue === option.value ? true : null\"\n          @click=\"selectOption(option)\"\n        />\n      </template>\n      <template v-if=\"option.disabledReason\" #content>\n        {{ option.disabledReason }}\n      </template>\n    </PvTooltipV2>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { PvSegmentControlSize, PvSegmentedControlOption } from \"./types\";\n\ninterface PvSegmentControlProps {\n  /** The list of options rendered as segments. Each option can have a label, icon, or both. */\n  options: PvSegmentedControlOption[];\n  /**\n   * Controls the overall height of the segmented control.\n   */\n  size?: PvSegmentControlSize;\n}\n\nwithDefaults(defineProps<PvSegmentControlProps>(), {\n  size: \"lg\",\n  options: () => [],\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst selectOption = (option: PvSegmentedControlOption) => {\n  if (option.disabled) return;\n  modelValue.value = option.value;\n};\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pv-segmented-control',\n      {\n        'pv-segmented-control-large': size === 'xl',\n      },\n    ]\"\n  >\n    <PvTooltipV2\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      variant=\"dark\"\n      position=\"bottom-right\"\n      style=\"width: 100%\"\n    >\n      <template #trigger>\n        <PvButton\n          class=\"pv-full-width\"\n          variant=\"ghost\"\n          :label=\"option.label\"\n          :ariaLabel=\"option.ariaLabel\"\n          :left-icon=\"option.iconPosition === 'left' ? option.icon : undefined\"\n          :right-icon=\"option.iconPosition === 'right' ? option.icon : undefined\"\n          :disabled=\"option.disabled\"\n          :class=\"{ 'pv-disabled': option.disabled }\"\n          :data-active=\"modelValue === option.value ? true : null\"\n          @click=\"selectOption(option)\"\n        />\n      </template>\n      <template v-if=\"option.disabledReason\" #content>\n        {{ option.disabledReason }}\n      </template>\n    </PvTooltipV2>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { Option } from \"@/types\";\nexport interface PvTabListBaseProps {\n  modelValue: string;\n  options: Option[];\n}\n\ndefineProps<PvTabListBaseProps>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst selectOption = (value: string) => {\n  emit(\"update:modelValue\", value);\n};\n</script>\n\n<template>\n  <div>\n    <ul role=\"list\" class=\"pv-tab-list\">\n      <li\n        v-for=\"option in options\"\n        :key=\"option.value\"\n        style=\"cursor: pointer\"\n        @click=\"selectOption(option.value)\"\n        :data-active=\"modelValue === option.value ? true : null\"\n      >\n        <button class=\"pv-text-body-xs\" style=\"font-weight: 500\">\n          {{ option.label }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.pv-tab-list {\n  border: none;\n}\n.pv-tab-list :where(li)[data-active]:after {\n  content: \"\";\n  display: block;\n  height: 2px;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: #176f6f;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Option } from \"@/types\";\nexport interface PvTabListBaseProps {\n  modelValue: string;\n  options: Option[];\n}\n\ndefineProps<PvTabListBaseProps>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst selectOption = (value: string) => {\n  emit(\"update:modelValue\", value);\n};\n</script>\n\n<template>\n  <div>\n    <ul role=\"list\" class=\"pv-tab-list\">\n      <li\n        v-for=\"option in options\"\n        :key=\"option.value\"\n        style=\"cursor: pointer\"\n        @click=\"selectOption(option.value)\"\n        :data-active=\"modelValue === option.value ? true : null\"\n      >\n        <button class=\"pv-text-body-xs\" style=\"font-weight: 500\">\n          {{ option.label }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.pv-tab-list {\n  border: none;\n}\n.pv-tab-list :where(li)[data-active]:after {\n  content: \"\";\n  display: block;\n  height: 2px;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: #176f6f;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { camelCase } from \"es-toolkit/string\";\nimport { sizeMap } from \"@/components/base/baseProps\";\nimport { PvCompanyLogoSize } from \"./types\";\n\ntype PvCompanyLogoProps = {\n  /** Base URL path where company logo SVGs are hosted. */\n  basePath?: string;\n  /** Company name used to resolve the logo filename. */\n  name: string;\n  /** Display size of the logo. Maps to a fixed pixel width. */\n  size?: PvCompanyLogoSize;\n  /** When provided, overrides the computed image URL entirely (ignores `name` and `basePath`). */\n  srcPathOverride?: string;\n  /** When true, converts `name` to camelCase before building the image URL. */\n  toCamelCase?: boolean;\n};\n\nconst props = withDefaults(defineProps<PvCompanyLogoProps>(), {\n  basePath: \"https://static-assets.turquoise.health/shared-logos/prd/payers\",\n  size: \"md\",\n  toCamelCase: true,\n});\n\nconst isValidSrc = ref(true);\n\nconst iconSize = computed(() => {\n  return sizeMap[props.size] || \"32px\"; // Default to md size if not found\n});\n\nconst classes = computed(() => ({\n  [`pv-icon`]: isValidSrc.value,\n  [`pv-company-${props.size}`]: props.size && !isValidSrc.value,\n}));\n\nconst styles = computed(() => ({\n  width: iconSize.value,\n}));\n\nconst modifiedName = computed((): string => {\n  if (!props.toCamelCase) {\n    return props.name + `.svg`;\n  } else {\n    return camelCase(props.name) + `.svg`;\n  }\n});\n\nconst imageSource = computed(() => {\n  if (props.srcPathOverride) {\n    return props.srcPathOverride;\n  }\n  return `${props.basePath}/${modifiedName.value}`;\n});\n\n// reset the isValidSrc when the name changes, and let @error handler set it to false if the image fails to load\nwatch(imageSource, () => {\n  isValidSrc.value = true;\n});\n</script>\n\n<template>\n  <div class=\"pv-flex\" data-testid=\"pv-company-logo\">\n    <div v-if=\"isValidSrc\" :class=\"classes\" :style=\"styles\">\n      <img :src=\"imageSource\" alt=\"\" @error=\"isValidSrc = false\" />\n    </div>\n    <div v-else :class=\"classes\"></div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { camelCase } from \"es-toolkit/string\";\nimport { sizeMap } from \"@/components/base/baseProps\";\nimport { PvCompanyLogoSize } from \"./types\";\n\ntype PvCompanyLogoProps = {\n  /** Base URL path where company logo SVGs are hosted. */\n  basePath?: string;\n  /** Company name used to resolve the logo filename. */\n  name: string;\n  /** Display size of the logo. Maps to a fixed pixel width. */\n  size?: PvCompanyLogoSize;\n  /** When provided, overrides the computed image URL entirely (ignores `name` and `basePath`). */\n  srcPathOverride?: string;\n  /** When true, converts `name` to camelCase before building the image URL. */\n  toCamelCase?: boolean;\n};\n\nconst props = withDefaults(defineProps<PvCompanyLogoProps>(), {\n  basePath: \"https://static-assets.turquoise.health/shared-logos/prd/payers\",\n  size: \"md\",\n  toCamelCase: true,\n});\n\nconst isValidSrc = ref(true);\n\nconst iconSize = computed(() => {\n  return sizeMap[props.size] || \"32px\"; // Default to md size if not found\n});\n\nconst classes = computed(() => ({\n  [`pv-icon`]: isValidSrc.value,\n  [`pv-company-${props.size}`]: props.size && !isValidSrc.value,\n}));\n\nconst styles = computed(() => ({\n  width: iconSize.value,\n}));\n\nconst modifiedName = computed((): string => {\n  if (!props.toCamelCase) {\n    return props.name + `.svg`;\n  } else {\n    return camelCase(props.name) + `.svg`;\n  }\n});\n\nconst imageSource = computed(() => {\n  if (props.srcPathOverride) {\n    return props.srcPathOverride;\n  }\n  return `${props.basePath}/${modifiedName.value}`;\n});\n\n// reset the isValidSrc when the name changes, and let @error handler set it to false if the image fails to load\nwatch(imageSource, () => {\n  isValidSrc.value = true;\n});\n</script>\n\n<template>\n  <div class=\"pv-flex\" data-testid=\"pv-company-logo\">\n    <div v-if=\"isValidSrc\" :class=\"classes\" :style=\"styles\">\n      <img :src=\"imageSource\" alt=\"\" @error=\"isValidSrc = false\" />\n    </div>\n    <div v-else :class=\"classes\"></div>\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { watch, useTemplateRef } from \"vue\";\n</script>\n\n<script setup lang=\"ts\">\nexport interface ModalProps {\n  header: string;\n  subheader?: string;\n  disableCloseOnClickOutside?: boolean;\n  hideFooter?: boolean;\n}\n\nconst props = withDefaults(defineProps<ModalProps>(), {\n  disableCloseOnClickOutside: false,\n  hideFooter: false,\n});\n\nconst dialog = useTemplateRef<HTMLDialogElement | null>(\"dialog\");\nconst showModal = defineModel<boolean>({\n  required: true,\n});\n\nwatch(\n  () => showModal.value,\n  () => {\n    if (showModal.value) {\n      dialog.value?.showModal();\n    } else {\n      dialog.value?.close();\n    }\n  },\n);\n\nconst handleClose = () => {\n  showModal.value = false;\n};\n\nconst handleBackdropClick = (e: MouseEvent) => {\n  if (!props.disableCloseOnClickOutside && e.target === dialog.value) {\n    handleClose();\n  }\n};\n</script>\n\n<template>\n  <dialog\n    class=\"pv-modal-sm\"\n    ref=\"dialog\"\n    style=\"--max-width: 480px\"\n    v-on:close=\"handleClose\"\n    v-on:click=\"handleBackdropClick\"\n  >\n    <div class=\"pv-inset-squish-12\">\n      <div class=\"pv-flex pv-flex-vertical pv-stack-16\" style=\"--flex-align: flex-start\">\n        <span class=\"pv-heading-3\">{{ header }}</span>\n        <span v-if=\"subheader\" class=\"pv-text-body-md\">{{ subheader }}</span>\n      </div>\n      <slot name=\"body\" />\n    </div>\n    <div v-if=\"!hideFooter\" class=\"pv-inset-squish-12 pv-border-top\" style=\"--color-border: #d2d8dc\">\n      <slot name=\"footer\" />\n    </div>\n  </dialog>\n</template>\n","<script lang=\"ts\">\nimport { watch, useTemplateRef } from \"vue\";\n</script>\n\n<script setup lang=\"ts\">\nexport interface ModalProps {\n  header: string;\n  subheader?: string;\n  disableCloseOnClickOutside?: boolean;\n  hideFooter?: boolean;\n}\n\nconst props = withDefaults(defineProps<ModalProps>(), {\n  disableCloseOnClickOutside: false,\n  hideFooter: false,\n});\n\nconst dialog = useTemplateRef<HTMLDialogElement | null>(\"dialog\");\nconst showModal = defineModel<boolean>({\n  required: true,\n});\n\nwatch(\n  () => showModal.value,\n  () => {\n    if (showModal.value) {\n      dialog.value?.showModal();\n    } else {\n      dialog.value?.close();\n    }\n  },\n);\n\nconst handleClose = () => {\n  showModal.value = false;\n};\n\nconst handleBackdropClick = (e: MouseEvent) => {\n  if (!props.disableCloseOnClickOutside && e.target === dialog.value) {\n    handleClose();\n  }\n};\n</script>\n\n<template>\n  <dialog\n    class=\"pv-modal-sm\"\n    ref=\"dialog\"\n    style=\"--max-width: 480px\"\n    v-on:close=\"handleClose\"\n    v-on:click=\"handleBackdropClick\"\n  >\n    <div class=\"pv-inset-squish-12\">\n      <div class=\"pv-flex pv-flex-vertical pv-stack-16\" style=\"--flex-align: flex-start\">\n        <span class=\"pv-heading-3\">{{ header }}</span>\n        <span v-if=\"subheader\" class=\"pv-text-body-md\">{{ subheader }}</span>\n      </div>\n      <slot name=\"body\" />\n    </div>\n    <div v-if=\"!hideFooter\" class=\"pv-inset-squish-12 pv-border-top\" style=\"--color-border: #d2d8dc\">\n      <slot name=\"footer\" />\n    </div>\n  </dialog>\n</template>\n","export enum BannerOrientationsEnum {\n  Vertical = \"Vertical\",\n  Horizontal = \"Horizontal\",\n}\n\nexport enum BannerVariantsEnum {\n  Primary = \"Primary\",\n  Secondary = \"Secondary\",\n  Tertiary = \"Tertiary\",\n}\n\nexport type BannerOrientations = `${BannerOrientationsEnum}`;\nexport type BannerVariants = `${BannerVariantsEnum}`;\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { BannerOrientations, BannerVariants, BannerVariantsEnum, BannerOrientationsEnum } from \"./types\";\n\nexport interface PvBannerProps {\n  /** Primary text displayed in the banner */\n  label: string;\n  /** Secondary descriptive text displayed below the label */\n  description?: string;\n  /** Icon name to display alongside the banner content */\n  icon?: string;\n  /** Visual style variant of the banner */\n  variant?: BannerVariants;\n  /** Layout orientation of the banner */\n  orientation?: BannerOrientations;\n}\n\nwithDefaults(defineProps<PvBannerProps>(), {\n  orientation: BannerOrientationsEnum.Horizontal,\n  variant: BannerVariantsEnum.Primary,\n});\n</script>\n\n<template>\n  <div\n    data-testid=\"pv-banner\"\n    :class=\"[\n      {\n        'pv-banner-primary': variant === BannerVariantsEnum.Primary,\n        'pv-banner-secondary': variant === BannerVariantsEnum.Secondary,\n        'pv-banner-tertiary': variant === BannerVariantsEnum.Tertiary,\n        'pv-flex pv-space-between': orientation === BannerOrientationsEnum.Horizontal,\n      },\n    ]\"\n  >\n    <div\n      :class=\"[\n        'pv-flex',\n        {\n          'pv-stack-16': orientation === BannerOrientationsEnum.Vertical && $slots.action,\n        },\n      ]\"\n    >\n      <slot name=\"left\"></slot>\n      <PvIcon v-if=\"icon\" data-testid=\"pv-banner-icon\" class=\"pv-text-brand\" :name=\"icon\" />\n      <div>\n        <p\n          :class=\"[\n            ' pv-text-title-md pv-line-clamp',\n            {\n              'pv-stack-4': description,\n            },\n          ]\"\n          style=\"--lines: 2; font-weight: 500\"\n          :title=\"label\"\n        >\n          {{ label }}\n        </p>\n        <p v-if=\"description\" class=\"pv-text-body-sm pv-line-clamp\" style=\"--lines: 2\" :title=\"description\">\n          {{ description }}\n        </p>\n      </div>\n    </div>\n    <div class=\"pv-flex\">\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { BannerOrientations, BannerVariants, BannerVariantsEnum, BannerOrientationsEnum } from \"./types\";\n\nexport interface PvBannerProps {\n  /** Primary text displayed in the banner */\n  label: string;\n  /** Secondary descriptive text displayed below the label */\n  description?: string;\n  /** Icon name to display alongside the banner content */\n  icon?: string;\n  /** Visual style variant of the banner */\n  variant?: BannerVariants;\n  /** Layout orientation of the banner */\n  orientation?: BannerOrientations;\n}\n\nwithDefaults(defineProps<PvBannerProps>(), {\n  orientation: BannerOrientationsEnum.Horizontal,\n  variant: BannerVariantsEnum.Primary,\n});\n</script>\n\n<template>\n  <div\n    data-testid=\"pv-banner\"\n    :class=\"[\n      {\n        'pv-banner-primary': variant === BannerVariantsEnum.Primary,\n        'pv-banner-secondary': variant === BannerVariantsEnum.Secondary,\n        'pv-banner-tertiary': variant === BannerVariantsEnum.Tertiary,\n        'pv-flex pv-space-between': orientation === BannerOrientationsEnum.Horizontal,\n      },\n    ]\"\n  >\n    <div\n      :class=\"[\n        'pv-flex',\n        {\n          'pv-stack-16': orientation === BannerOrientationsEnum.Vertical && $slots.action,\n        },\n      ]\"\n    >\n      <slot name=\"left\"></slot>\n      <PvIcon v-if=\"icon\" data-testid=\"pv-banner-icon\" class=\"pv-text-brand\" :name=\"icon\" />\n      <div>\n        <p\n          :class=\"[\n            ' pv-text-title-md pv-line-clamp',\n            {\n              'pv-stack-4': description,\n            },\n          ]\"\n          style=\"--lines: 2; font-weight: 500\"\n          :title=\"label\"\n        >\n          {{ label }}\n        </p>\n        <p v-if=\"description\" class=\"pv-text-body-sm pv-line-clamp\" style=\"--lines: 2\" :title=\"description\">\n          {{ description }}\n        </p>\n      </div>\n    </div>\n    <div class=\"pv-flex\">\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvCompanyLogo from \"../PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { TagSize } from \"@/components/base/PvTag/types\";\n\nexport interface PvCompanyTag {\n  /**\n   * Company name. Displayed on the left\n   */\n  companyName: string;\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Show clear left icon\n   */\n  showClear?: boolean;\n  /**\n   * Spine - dotted state\n   */\n  spine?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCompanyTag>(), {\n  showClear: false,\n  size: \"md\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\", companyName: string): void;\n  (e: \"handle-click\", companyName: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <button\n    :class=\"['pv-tag-tertiary', tagSizeClass]\"\n    @click=\"$emit('handle-click', companyName)\"\n    data-testid=\"pv-company-tag\"\n  >\n    <PvCompanyLogo\n      :class=\"size === 'lg' ? 'pv-company-sm' : 'pv-company-xs'\"\n      data-testid=\"pv-company-tag-icon\"\n      :size=\"size === 'lg' ? 'sm' : 'xs'\"\n      :name=\"companyName\"\n    />\n    <span\n      :class=\"[\n        {\n          'pv-underline-dotted': spine,\n        },\n      ]\"\n    >\n      {{ companyName }}\n    </span>\n    <PvIcon\n      data-testid=\"pv-company-tag-close-icon\"\n      :size=\"12\"\n      name=\"close\"\n      v-if=\"showClear\"\n      @click.stop=\"$emit('handle-close', companyName)\"\n    />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvCompanyLogo from \"../PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { TagSize } from \"@/components/base/PvTag/types\";\n\nexport interface PvCompanyTag {\n  /**\n   * Company name. Displayed on the left\n   */\n  companyName: string;\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Show clear left icon\n   */\n  showClear?: boolean;\n  /**\n   * Spine - dotted state\n   */\n  spine?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCompanyTag>(), {\n  showClear: false,\n  size: \"md\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\", companyName: string): void;\n  (e: \"handle-click\", companyName: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <button\n    :class=\"['pv-tag-tertiary', tagSizeClass]\"\n    @click=\"$emit('handle-click', companyName)\"\n    data-testid=\"pv-company-tag\"\n  >\n    <PvCompanyLogo\n      :class=\"size === 'lg' ? 'pv-company-sm' : 'pv-company-xs'\"\n      data-testid=\"pv-company-tag-icon\"\n      :size=\"size === 'lg' ? 'sm' : 'xs'\"\n      :name=\"companyName\"\n    />\n    <span\n      :class=\"[\n        {\n          'pv-underline-dotted': spine,\n        },\n      ]\"\n    >\n      {{ companyName }}\n    </span>\n    <PvIcon\n      data-testid=\"pv-company-tag-close-icon\"\n      :size=\"12\"\n      name=\"close\"\n      v-if=\"showClear\"\n      @click.stop=\"$emit('handle-close', companyName)\"\n    />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { TagSize } from \"@/components/base/PvTag/types\";\n\nexport interface PvSuggestionTag {\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Tag Label\n   */\n  label: string;\n  /**\n   * Tag Icon\n   */\n  icon?: string;\n  /**\n   * Icon class\n   */\n  iconClasses?: string[];\n  /**\n   * Show rounded state\n   */\n  rounded?: boolean;\n  /**\n   * Disable the tag, preventing interaction\n   */\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSuggestionTag>(), {\n  size: \"md\",\n  disabled: false,\n});\n\ndefineEmits<{\n  (e: \"handle-click\", label: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <button\n    :class=\"['pv-border-dashed pv-tag-secondary', tagSizeClass]\"\n    @click=\"$emit('handle-click', label)\"\n    data-testid=\"pv-suggestion-tag\"\n    style=\"max-width: 100%\"\n    :data-style=\"rounded ? 'rounded' : undefined\"\n    :disabled=\"disabled\"\n    :title=\"label\"\n  >\n    <PvIcon data-testid=\"pv-suggestion-tag-icon\" v-if=\"icon\" :name=\"icon\" :size=\"12\" :class=\"iconClasses\" />\n    <span class=\"pv-truncate\">\n      {{ label }}\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { TagSize } from \"@/components/base/PvTag/types\";\n\nexport interface PvSuggestionTag {\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Tag Label\n   */\n  label: string;\n  /**\n   * Tag Icon\n   */\n  icon?: string;\n  /**\n   * Icon class\n   */\n  iconClasses?: string[];\n  /**\n   * Show rounded state\n   */\n  rounded?: boolean;\n  /**\n   * Disable the tag, preventing interaction\n   */\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSuggestionTag>(), {\n  size: \"md\",\n  disabled: false,\n});\n\ndefineEmits<{\n  (e: \"handle-click\", label: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <button\n    :class=\"['pv-border-dashed pv-tag-secondary', tagSizeClass]\"\n    @click=\"$emit('handle-click', label)\"\n    data-testid=\"pv-suggestion-tag\"\n    style=\"max-width: 100%\"\n    :data-style=\"rounded ? 'rounded' : undefined\"\n    :disabled=\"disabled\"\n    :title=\"label\"\n  >\n    <PvIcon data-testid=\"pv-suggestion-tag-icon\" v-if=\"icon\" :name=\"icon\" :size=\"12\" :class=\"iconClasses\" />\n    <span class=\"pv-truncate\">\n      {{ label }}\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { ChevronPosition } from \"./types\";\nimport { computed } from \"vue\";\nimport type { CSSProperties } from \"vue\";\n\ninterface PvAccordionProps {\n  /** Position of the chevron icon relative to the header text */\n  chevronPosition?: ChevronPosition;\n  /** Orientation of the chevron for the open/closed states (up-down vs right-down) */\n  chevronVariant?: \"vertical\" | \"horizontal\";\n  /** Whether the accordion is open by default on initial render */\n  defaultOpen?: boolean;\n  /** Optional counter badge value displayed next to the header text */\n  counter?: number;\n  /** Enables a custom trigger slot instead of the default header text */\n  enableTriggerSlot?: boolean;\n  /** Makes the trigger element expand to fill its container width */\n  enableTriggerFullWidth?: boolean;\n  /** Text displayed as the accordion header */\n  header?: string;\n  /** Custom CSS styles applied to the summary/trigger element */\n  summaryStyles?: CSSProperties;\n  /** CSS class bindings applied to the summary/trigger element */\n  summaryClasses?: Record<string, boolean>;\n  /** Custom CSS styles applied to the content container */\n  contentStyles?: CSSProperties;\n}\n\nconst props = withDefaults(defineProps<PvAccordionProps>(), {\n  chevronVariant: \"vertical\",\n  chevronPosition: \"right\",\n  enableTriggerSlot: false,\n  enableTriggerFullWidth: false,\n});\n\nconst accordionOpen = defineModel<boolean>();\n\ndefineEmits<{\n  (e: \"summary-mouseenter\"): void;\n  (e: \"summary-mouseleave\"): void;\n}>();\n\nif (props.defaultOpen !== undefined) {\n  accordionOpen.value = props.defaultOpen;\n}\n\nconst toggleAccordionState = (event: Event) => {\n  const detailsElement = event.target as HTMLDetailsElement;\n  accordionOpen.value = detailsElement.open;\n};\n\nconst triggerStyles = {\n  width: props.enableTriggerFullWidth ? \"100%\" : \"fit-content\",\n};\n\nconst chevronState = computed(() => {\n  if (props.chevronVariant === \"horizontal\") {\n    if (props.chevronPosition === \"left\") {\n      return accordionOpen.value ? \"chevron-down\" : \"chevron-right\";\n    } else {\n      return accordionOpen.value ? \"chevron-down\" : \"chevron-left\";\n    }\n  } else {\n    return accordionOpen.value ? \"chevron-up\" : \"chevron-down\";\n  }\n});\n</script>\n\n<template>\n  <details data-testid=\"pv-accordion\" class=\"pv-accordion\" :open=\"accordionOpen\" @toggle=\"toggleAccordionState\">\n    <summary\n      :class=\"['pv-flex pv-space-between pv-relative', summaryClasses]\"\n      :style=\"{ ...triggerStyles, ...summaryStyles }\"\n      @mouseenter=\"$emit('summary-mouseenter')\"\n      @mouseleave=\"$emit('summary-mouseleave')\"\n    >\n      <PvIcon v-if=\"chevronPosition === 'left'\" :name=\"chevronState\" />\n      <template v-if=\"enableTriggerSlot\">\n        <slot name=\"trigger\" />\n      </template>\n      <template v-else>\n        <span>\n          {{ header }}\n        </span>\n        <PvCounterBadge v-if=\"counter\" :value=\"counter\" variant=\"secondary\" size=\"sm\" />\n      </template>\n      <PvIcon v-if=\"chevronPosition === 'right'\" :name=\"chevronState\" />\n    </summary>\n    <div :style=\"contentStyles\">\n      <slot />\n    </div>\n  </details>\n</template>\n\n<style scoped>\nsummary {\n  background-image: none;\n  padding-right: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { ChevronPosition } from \"./types\";\nimport { computed } from \"vue\";\nimport type { CSSProperties } from \"vue\";\n\ninterface PvAccordionProps {\n  /** Position of the chevron icon relative to the header text */\n  chevronPosition?: ChevronPosition;\n  /** Orientation of the chevron for the open/closed states (up-down vs right-down) */\n  chevronVariant?: \"vertical\" | \"horizontal\";\n  /** Whether the accordion is open by default on initial render */\n  defaultOpen?: boolean;\n  /** Optional counter badge value displayed next to the header text */\n  counter?: number;\n  /** Enables a custom trigger slot instead of the default header text */\n  enableTriggerSlot?: boolean;\n  /** Makes the trigger element expand to fill its container width */\n  enableTriggerFullWidth?: boolean;\n  /** Text displayed as the accordion header */\n  header?: string;\n  /** Custom CSS styles applied to the summary/trigger element */\n  summaryStyles?: CSSProperties;\n  /** CSS class bindings applied to the summary/trigger element */\n  summaryClasses?: Record<string, boolean>;\n  /** Custom CSS styles applied to the content container */\n  contentStyles?: CSSProperties;\n}\n\nconst props = withDefaults(defineProps<PvAccordionProps>(), {\n  chevronVariant: \"vertical\",\n  chevronPosition: \"right\",\n  enableTriggerSlot: false,\n  enableTriggerFullWidth: false,\n});\n\nconst accordionOpen = defineModel<boolean>();\n\ndefineEmits<{\n  (e: \"summary-mouseenter\"): void;\n  (e: \"summary-mouseleave\"): void;\n}>();\n\nif (props.defaultOpen !== undefined) {\n  accordionOpen.value = props.defaultOpen;\n}\n\nconst toggleAccordionState = (event: Event) => {\n  const detailsElement = event.target as HTMLDetailsElement;\n  accordionOpen.value = detailsElement.open;\n};\n\nconst triggerStyles = {\n  width: props.enableTriggerFullWidth ? \"100%\" : \"fit-content\",\n};\n\nconst chevronState = computed(() => {\n  if (props.chevronVariant === \"horizontal\") {\n    if (props.chevronPosition === \"left\") {\n      return accordionOpen.value ? \"chevron-down\" : \"chevron-right\";\n    } else {\n      return accordionOpen.value ? \"chevron-down\" : \"chevron-left\";\n    }\n  } else {\n    return accordionOpen.value ? \"chevron-up\" : \"chevron-down\";\n  }\n});\n</script>\n\n<template>\n  <details data-testid=\"pv-accordion\" class=\"pv-accordion\" :open=\"accordionOpen\" @toggle=\"toggleAccordionState\">\n    <summary\n      :class=\"['pv-flex pv-space-between pv-relative', summaryClasses]\"\n      :style=\"{ ...triggerStyles, ...summaryStyles }\"\n      @mouseenter=\"$emit('summary-mouseenter')\"\n      @mouseleave=\"$emit('summary-mouseleave')\"\n    >\n      <PvIcon v-if=\"chevronPosition === 'left'\" :name=\"chevronState\" />\n      <template v-if=\"enableTriggerSlot\">\n        <slot name=\"trigger\" />\n      </template>\n      <template v-else>\n        <span>\n          {{ header }}\n        </span>\n        <PvCounterBadge v-if=\"counter\" :value=\"counter\" variant=\"secondary\" size=\"sm\" />\n      </template>\n      <PvIcon v-if=\"chevronPosition === 'right'\" :name=\"chevronState\" />\n    </summary>\n    <div :style=\"contentStyles\">\n      <slot />\n    </div>\n  </details>\n</template>\n\n<style scoped>\nsummary {\n  background-image: none;\n  padding-right: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, useTemplateRef, onMounted } from \"vue\";\nimport { onKeyStroke } from \"@vueuse/core\";\n\nexport interface PvSearchInputProps {\n  /**\n   * Placeholder text shown when the input is empty.\n   */\n  placeholder?: string;\n  /**\n   * When true, the input is non-interactive and visually dimmed.\n   */\n  disabled?: boolean;\n  /** When true, displays a keyboard shortcut badge (\"/\" key) and registers the hotkey to focus the input. */\n  displayShortcut?: boolean;\n}\n\nexport interface PvSearchInputExposed {\n  input: HTMLInputElement | null;\n}\n\nconst props = withDefaults(defineProps<PvSearchInputProps>(), {\n  placeholder: \"Search\",\n  disabled: false,\n});\n\nconst SHORTCUT = \"/\";\n\nconst input = useTemplateRef<HTMLInputElement | null>(\"search-input\");\nconst modelValue = defineModel<string>({ required: false, default: \"\" });\n\nconst pvSearchInputClasses = computed(() => {\n  return {\n    \"pv-input-search\": true,\n    \"pv-full-width\": true,\n    \"pv-input-padded-end\": true,\n  };\n});\n\nonMounted(() => {\n  if (!props.displayShortcut) return;\n\n  onKeyStroke(SHORTCUT, (e) => {\n    const target = e.target as HTMLElement | null;\n\n    const isTyping =\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      (target?.isContentEditable ?? false);\n\n    const isCurrentInputFocused = document.activeElement === input.value;\n\n    if (!isTyping || isCurrentInputFocused) {\n      if (!isCurrentInputFocused) {\n        e.preventDefault();\n        input.value?.focus();\n      }\n    }\n  });\n});\n\ndefineExpose({ input });\n</script>\n\n<template>\n  <div class=\"pv-relative\">\n    <input\n      ref=\"search-input\"\n      v-model=\"modelValue\"\n      data-testid=\"pv-search-input\"\n      type=\"text\"\n      :disabled=\"disabled\"\n      :class=\"pvSearchInputClasses\"\n      :placeholder=\"placeholder\"\n    />\n    <kbd v-if=\"displayShortcut\" data-testid=\"pv-search-input-shortcut\" class=\"pv-kbd\">\n      {{ SHORTCUT }}\n    </kbd>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useTemplateRef, onMounted } from \"vue\";\nimport { onKeyStroke } from \"@vueuse/core\";\n\nexport interface PvSearchInputProps {\n  /**\n   * Placeholder text shown when the input is empty.\n   */\n  placeholder?: string;\n  /**\n   * When true, the input is non-interactive and visually dimmed.\n   */\n  disabled?: boolean;\n  /** When true, displays a keyboard shortcut badge (\"/\" key) and registers the hotkey to focus the input. */\n  displayShortcut?: boolean;\n}\n\nexport interface PvSearchInputExposed {\n  input: HTMLInputElement | null;\n}\n\nconst props = withDefaults(defineProps<PvSearchInputProps>(), {\n  placeholder: \"Search\",\n  disabled: false,\n});\n\nconst SHORTCUT = \"/\";\n\nconst input = useTemplateRef<HTMLInputElement | null>(\"search-input\");\nconst modelValue = defineModel<string>({ required: false, default: \"\" });\n\nconst pvSearchInputClasses = computed(() => {\n  return {\n    \"pv-input-search\": true,\n    \"pv-full-width\": true,\n    \"pv-input-padded-end\": true,\n  };\n});\n\nonMounted(() => {\n  if (!props.displayShortcut) return;\n\n  onKeyStroke(SHORTCUT, (e) => {\n    const target = e.target as HTMLElement | null;\n\n    const isTyping =\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      (target?.isContentEditable ?? false);\n\n    const isCurrentInputFocused = document.activeElement === input.value;\n\n    if (!isTyping || isCurrentInputFocused) {\n      if (!isCurrentInputFocused) {\n        e.preventDefault();\n        input.value?.focus();\n      }\n    }\n  });\n});\n\ndefineExpose({ input });\n</script>\n\n<template>\n  <div class=\"pv-relative\">\n    <input\n      ref=\"search-input\"\n      v-model=\"modelValue\"\n      data-testid=\"pv-search-input\"\n      type=\"text\"\n      :disabled=\"disabled\"\n      :class=\"pvSearchInputClasses\"\n      :placeholder=\"placeholder\"\n    />\n    <kbd v-if=\"displayShortcut\" data-testid=\"pv-search-input-shortcut\" class=\"pv-kbd\">\n      {{ SHORTCUT }}\n    </kbd>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport DatePicker from \"primevue/datepicker\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\nexport interface PvDatePickerProps {\n  /**\n   * Defines the quantity of the selection.\n   */\n  selectionMode?: \"single\" | \"multiple\" | \"range\" | undefined;\n  /**\n   * Format of the date. Defaults to PrimeVue Locale configuration.\n   */\n  dateFormat?: string | undefined;\n  /**\n   * When enabled, displays the datepicker as inline instead of an overlay.\n   */\n  inline?: boolean | undefined;\n  /**\n   * Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true.\n   */\n  selectOtherMonths?: boolean | undefined;\n  /**\n   * Number of months to display.\n   */\n  numberOfMonths?: number | undefined;\n  /**\n   * Type of view to display.\n   */\n  view?: \"date\" | \"month\" | \"year\" | undefined;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: Date | undefined;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: Date | undefined;\n  /**\n   * Array with dates to disable.\n   */\n  disabledDates?: Date[] | undefined;\n  /**\n   * Array with disabled weekday numbers.\n   */\n  disabledDays?: number[] | undefined;\n  /**\n   * Maximum number of selectable dates in multiple mode.\n   */\n  maxDateCount?: number | undefined;\n  /**\n   * Whether to display today and clear buttons at the footer.\n   */\n  showButtonBar?: boolean | undefined;\n  /**\n   * When enabled, datepicker will show week numbers.\n   */\n  showWeek?: boolean | undefined;\n  /**\n   * Whether to allow entering the date manually via typing.\n   */\n  manualInput?: boolean | undefined;\n  /**\n   * When present, it specifies that the component should be disabled.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * When present, it specifies that the component should have invalid state style.\n   */\n  invalid?: boolean | undefined;\n  /**\n   * When present, it specifies that an input field is read-only.\n   */\n  readonly?: boolean | undefined;\n  /**\n   * Placeholder text for the input.\n   */\n  placeholder?: string | undefined;\n  /**\n   * When enabled, displays a button with icon next to input.\n   */\n  showIcon?: boolean;\n  /**\n   * When input should take 100% width\n   */\n  fullWidth?: boolean;\n  /**\n   * A valid query selector or an HTMLElement to specify where the overlay gets attached.\n   */\n  appendTo?: \"body\" | \"self\" | undefined;\n  /**\n   * Style class of the datepicker panel.\n   */\n  panelClass?: string | undefined;\n}\n\nconst date = defineModel<Date>({ required: true });\nconst props = withDefaults(defineProps<PvDatePickerProps>(), {\n  appendTo: \"body\",\n});\n</script>\n\n<template>\n  <DatePicker\n    v-model=\"date\"\n    v-bind=\"props\"\n    :showIcon=\"showIcon\"\n    :iconDisplay=\"showIcon ? 'input' : undefined\"\n    :fluid=\"fullWidth\"\n  >\n    <template #inputicon=\"slotProps\">\n      <PvIcon name=\"calendar\" @click=\"slotProps.clickCallback\" />\n    </template>\n  </DatePicker>\n</template>\n","<script setup lang=\"ts\">\nimport DatePicker from \"primevue/datepicker\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\nexport interface PvDatePickerProps {\n  /**\n   * Defines the quantity of the selection.\n   */\n  selectionMode?: \"single\" | \"multiple\" | \"range\" | undefined;\n  /**\n   * Format of the date. Defaults to PrimeVue Locale configuration.\n   */\n  dateFormat?: string | undefined;\n  /**\n   * When enabled, displays the datepicker as inline instead of an overlay.\n   */\n  inline?: boolean | undefined;\n  /**\n   * Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true.\n   */\n  selectOtherMonths?: boolean | undefined;\n  /**\n   * Number of months to display.\n   */\n  numberOfMonths?: number | undefined;\n  /**\n   * Type of view to display.\n   */\n  view?: \"date\" | \"month\" | \"year\" | undefined;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: Date | undefined;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: Date | undefined;\n  /**\n   * Array with dates to disable.\n   */\n  disabledDates?: Date[] | undefined;\n  /**\n   * Array with disabled weekday numbers.\n   */\n  disabledDays?: number[] | undefined;\n  /**\n   * Maximum number of selectable dates in multiple mode.\n   */\n  maxDateCount?: number | undefined;\n  /**\n   * Whether to display today and clear buttons at the footer.\n   */\n  showButtonBar?: boolean | undefined;\n  /**\n   * When enabled, datepicker will show week numbers.\n   */\n  showWeek?: boolean | undefined;\n  /**\n   * Whether to allow entering the date manually via typing.\n   */\n  manualInput?: boolean | undefined;\n  /**\n   * When present, it specifies that the component should be disabled.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * When present, it specifies that the component should have invalid state style.\n   */\n  invalid?: boolean | undefined;\n  /**\n   * When present, it specifies that an input field is read-only.\n   */\n  readonly?: boolean | undefined;\n  /**\n   * Placeholder text for the input.\n   */\n  placeholder?: string | undefined;\n  /**\n   * When enabled, displays a button with icon next to input.\n   */\n  showIcon?: boolean;\n  /**\n   * When input should take 100% width\n   */\n  fullWidth?: boolean;\n  /**\n   * A valid query selector or an HTMLElement to specify where the overlay gets attached.\n   */\n  appendTo?: \"body\" | \"self\" | undefined;\n  /**\n   * Style class of the datepicker panel.\n   */\n  panelClass?: string | undefined;\n}\n\nconst date = defineModel<Date>({ required: true });\nconst props = withDefaults(defineProps<PvDatePickerProps>(), {\n  appendTo: \"body\",\n});\n</script>\n\n<template>\n  <DatePicker\n    v-model=\"date\"\n    v-bind=\"props\"\n    :showIcon=\"showIcon\"\n    :iconDisplay=\"showIcon ? 'input' : undefined\"\n    :fluid=\"fullWidth\"\n  >\n    <template #inputicon=\"slotProps\">\n      <PvIcon name=\"calendar\" @click=\"slotProps.clickCallback\" />\n    </template>\n  </DatePicker>\n</template>\n","import dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\nimport timezone from \"dayjs/plugin/timezone\";\nimport customParseFormat from \"dayjs/plugin/advancedFormat\";\n\ndayjs.extend(customParseFormat);\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport const useDateTime = () => {\n  const getCondensedDate = ({ date }: { date: Date }) => {\n    return dayjs(date).format(\"MM/DD/YYYY\");\n  };\n\n  const getTime = ({ date, timezone }: { date: Date; timezone?: string }) => {\n    if (timezone === undefined) {\n      return dayjs(date).format(\"h:mm A\");\n    } else {\n      return dayjs(date).tz(timezone).format(\"h:mm A z\");\n    }\n  };\n\n  return {\n    getCondensedDate,\n    getTime,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvSize } from \"../baseProps\";\nimport { useDateTime } from \"./useDateTime\";\n\ntype DateTimeSize = Extract<PvSize, \"xs\" | \"sm\">;\n\ninterface PvDateTimeProps {\n  /** Display format: \"condensed\" for MM/DD/YYYY, \"time\" for h:mm AM/PM */\n  variants?: \"condensed\" | \"time\";\n  /** IANA timezone identifier for time display (e.g. \"America/New_York\") */\n  timezone?: string;\n  /** Date object to format and display */\n  date: Date;\n  /** Text size of the displayed date/time */\n  size?: DateTimeSize;\n}\n\nconst props = withDefaults(defineProps<PvDateTimeProps>(), {\n  variants: \"condensed\",\n  size: \"sm\",\n});\n\nconst { getCondensedDate, getTime } = useDateTime();\n\nconst dataFormat = computed(() => {\n  switch (props.variants) {\n    case \"time\": {\n      return getTime({ date: props.date, timezone: props.timezone });\n    }\n    case \"condensed\": {\n      return getCondensedDate({ date: props.date });\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <span\n    data-testid=\"pv-date-time\"\n    :class=\"[\n      'pv-text-secondary',\n      {\n        'pv-text-body-xxs': size === 'xs',\n        'pv-text-body-md': size === 'sm',\n      },\n    ]\"\n  >\n    {{ dataFormat }}\n  </span>\n</template>\n\n<style scoped>\n.pv-text-secondary {\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvSize } from \"../baseProps\";\nimport { useDateTime } from \"./useDateTime\";\n\ntype DateTimeSize = Extract<PvSize, \"xs\" | \"sm\">;\n\ninterface PvDateTimeProps {\n  /** Display format: \"condensed\" for MM/DD/YYYY, \"time\" for h:mm AM/PM */\n  variants?: \"condensed\" | \"time\";\n  /** IANA timezone identifier for time display (e.g. \"America/New_York\") */\n  timezone?: string;\n  /** Date object to format and display */\n  date: Date;\n  /** Text size of the displayed date/time */\n  size?: DateTimeSize;\n}\n\nconst props = withDefaults(defineProps<PvDateTimeProps>(), {\n  variants: \"condensed\",\n  size: \"sm\",\n});\n\nconst { getCondensedDate, getTime } = useDateTime();\n\nconst dataFormat = computed(() => {\n  switch (props.variants) {\n    case \"time\": {\n      return getTime({ date: props.date, timezone: props.timezone });\n    }\n    case \"condensed\": {\n      return getCondensedDate({ date: props.date });\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <span\n    data-testid=\"pv-date-time\"\n    :class=\"[\n      'pv-text-secondary',\n      {\n        'pv-text-body-xxs': size === 'xs',\n        'pv-text-body-md': size === 'sm',\n      },\n    ]\"\n  >\n    {{ dataFormat }}\n  </span>\n</template>\n\n<style scoped>\n.pv-text-secondary {\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { watch, useTemplateRef, onMounted } from \"vue\";\nimport { onKeyStroke, onClickOutside } from \"@vueuse/core\";\n\nimport PvSearchInput, { PvSearchInputProps } from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\n\nexport interface PvDrawer {\n  header?: string;\n  subheader?: string;\n  showSearchbar?: boolean;\n  closeOnClickOutside?: boolean;\n  searchInputProps?: PvSearchInputProps;\n}\n\nconst props = withDefaults(defineProps<PvDrawer>(), {\n  closeOnClickOutside: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"click-outside\"): void;\n}>();\n\nconst sidePanel = useTemplateRef(\"sidePanel\");\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n});\nconst showDrawer = defineModel<boolean>({\n  required: true,\n});\n\nonMounted(() => {\n  if (showDrawer.value) {\n    sidePanel?.value?.setAttribute(\"open\", \"true\");\n  }\n\n  if (props.closeOnClickOutside) {\n    attachClickOutsideHandler();\n  }\n});\n\nconst attachClickOutsideHandler = () => {\n  if (!sidePanel.value) return;\n\n  onClickOutside(\n    sidePanel.value,\n    () => {\n      if (showDrawer.value) {\n        emit(\"click-outside\");\n        handleClose();\n      }\n    },\n    { ignore: [\".pv-click-outside-ignore\"] },\n  );\n};\n\nconst handleClose = () => {\n  sidePanel?.value?.removeAttribute(\"open\");\n  showDrawer.value = false;\n};\n\nwatch(\n  () => showDrawer.value,\n  () => {\n    if (showDrawer.value) {\n      sidePanel?.value?.setAttribute(\"open\", \"true\");\n    } else {\n      sidePanel?.value?.removeAttribute(\"open\");\n    }\n  },\n);\n\nonKeyStroke(\"Escape\", () => {\n  if (sidePanel.value && showDrawer.value) {\n    handleClose();\n  }\n});\n</script>\n\n<template>\n  <div\n    class=\"pv-drawer pv-surface\"\n    ref=\"sidePanel\"\n    data-testid=\"pv-drawer\"\n    style=\"display: flex; flex-direction: column; height: 100%\"\n  >\n    <!-- Header Section (Fixed) -->\n    <div class=\"pv-inset-squish-12 pv-border-bottom\" style=\"flex-shrink: 0\">\n      <slot v-if=\"$slots.header\" name=\"header\" />\n      <template v-else>\n        <div class=\"pv-flex-vertical pv-stack-16\" style=\"--flex-align: flex-start\">\n          <div class=\"pv-flex pv-full-width\">\n            <span class=\"pv-full-width pv-heading-3\">{{ header }}</span>\n            <PvButton\n              left-icon=\"close\"\n              ariaLabel=\"Close\"\n              size=\"md\"\n              @click=\"handleClose\"\n              data-testid=\"pv-side-panel-close-button\"\n              variant=\"ghost\"\n            />\n          </div>\n          <span v-if=\"subheader\" class=\"pv-text-body-md\">{{ subheader }}</span>\n        </div>\n        <div v-if=\"showSearchbar && searchInput !== undefined\" class=\"pv-inset-inline-16\">\n          <PvSearchInput\n            data-testid=\"pv-side-panel-input-search\"\n            v-model=\"searchInput\"\n            v-bind=\"props.searchInputProps\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <!-- Main Content Section (Scrollable) -->\n    <div class=\"pv-inset-inline-16\" style=\"flex: 1; overflow-y: auto; min-height: 0\">\n      <slot />\n    </div>\n\n    <!-- Footer Section (Fixed) -->\n    <div v-if=\"$slots.footer\" class=\"pv-inset-squish-12 pv-border-top\" style=\"flex-shrink: 0\">\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { watch, useTemplateRef, onMounted } from \"vue\";\nimport { onKeyStroke, onClickOutside } from \"@vueuse/core\";\n\nimport PvSearchInput, { PvSearchInputProps } from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\n\nexport interface PvDrawer {\n  header?: string;\n  subheader?: string;\n  showSearchbar?: boolean;\n  closeOnClickOutside?: boolean;\n  searchInputProps?: PvSearchInputProps;\n}\n\nconst props = withDefaults(defineProps<PvDrawer>(), {\n  closeOnClickOutside: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"click-outside\"): void;\n}>();\n\nconst sidePanel = useTemplateRef(\"sidePanel\");\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n});\nconst showDrawer = defineModel<boolean>({\n  required: true,\n});\n\nonMounted(() => {\n  if (showDrawer.value) {\n    sidePanel?.value?.setAttribute(\"open\", \"true\");\n  }\n\n  if (props.closeOnClickOutside) {\n    attachClickOutsideHandler();\n  }\n});\n\nconst attachClickOutsideHandler = () => {\n  if (!sidePanel.value) return;\n\n  onClickOutside(\n    sidePanel.value,\n    () => {\n      if (showDrawer.value) {\n        emit(\"click-outside\");\n        handleClose();\n      }\n    },\n    { ignore: [\".pv-click-outside-ignore\"] },\n  );\n};\n\nconst handleClose = () => {\n  sidePanel?.value?.removeAttribute(\"open\");\n  showDrawer.value = false;\n};\n\nwatch(\n  () => showDrawer.value,\n  () => {\n    if (showDrawer.value) {\n      sidePanel?.value?.setAttribute(\"open\", \"true\");\n    } else {\n      sidePanel?.value?.removeAttribute(\"open\");\n    }\n  },\n);\n\nonKeyStroke(\"Escape\", () => {\n  if (sidePanel.value && showDrawer.value) {\n    handleClose();\n  }\n});\n</script>\n\n<template>\n  <div\n    class=\"pv-drawer pv-surface\"\n    ref=\"sidePanel\"\n    data-testid=\"pv-drawer\"\n    style=\"display: flex; flex-direction: column; height: 100%\"\n  >\n    <!-- Header Section (Fixed) -->\n    <div class=\"pv-inset-squish-12 pv-border-bottom\" style=\"flex-shrink: 0\">\n      <slot v-if=\"$slots.header\" name=\"header\" />\n      <template v-else>\n        <div class=\"pv-flex-vertical pv-stack-16\" style=\"--flex-align: flex-start\">\n          <div class=\"pv-flex pv-full-width\">\n            <span class=\"pv-full-width pv-heading-3\">{{ header }}</span>\n            <PvButton\n              left-icon=\"close\"\n              ariaLabel=\"Close\"\n              size=\"md\"\n              @click=\"handleClose\"\n              data-testid=\"pv-side-panel-close-button\"\n              variant=\"ghost\"\n            />\n          </div>\n          <span v-if=\"subheader\" class=\"pv-text-body-md\">{{ subheader }}</span>\n        </div>\n        <div v-if=\"showSearchbar && searchInput !== undefined\" class=\"pv-inset-inline-16\">\n          <PvSearchInput\n            data-testid=\"pv-side-panel-input-search\"\n            v-model=\"searchInput\"\n            v-bind=\"props.searchInputProps\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <!-- Main Content Section (Scrollable) -->\n    <div class=\"pv-inset-inline-16\" style=\"flex: 1; overflow-y: auto; min-height: 0\">\n      <slot />\n    </div>\n\n    <!-- Footer Section (Fixed) -->\n    <div v-if=\"$slots.footer\" class=\"pv-inset-squish-12 pv-border-top\" style=\"flex-shrink: 0\">\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { Tab, TabSize } from \"./types\";\n\ninterface PvTabsProps {\n  /** Array of tab objects defining each tab's label, icon, and counter */\n  tabs: Tab[];\n  /** Size of the tab list */\n  size?: TabSize;\n}\n\nwithDefaults(defineProps<PvTabsProps>(), {\n  size: \"lg\",\n});\n\nconst selectedTab = defineModel<string>({ required: true });\n\nconst handleSelectTab = (tab: string) => {\n  selectedTab.value = tab;\n};\n\nconst isTabSelected = (tab: Tab) => {\n  return tab.label === selectedTab.value ? true : null;\n};\n</script>\n\n<template>\n  <ul\n    data-testid=\"pv-tabs\"\n    role=\"list\"\n    :class=\"{\n      'pv-tab-list-small': size === 'lg',\n      'pv-tab-list': size === 'xl',\n    }\"\n  >\n    <li\n      v-for=\"tab in tabs\"\n      :key=\"tab.label\"\n      :data-active=\"isTabSelected(tab)\"\n      data-testid=\"pv-tab\"\n      type=\"button\"\n      @click=\"() => handleSelectTab(tab.label)\"\n    >\n      <button type=\"button\">\n        <PvIcon v-if=\"tab.icon\" :name=\"tab.icon\" />\n        {{ tab.label }}\n        <PvCounterBadge\n          v-if=\"tab.counter\"\n          :value=\"tab.counter\"\n          :variant=\"isTabSelected(tab) ? 'primary' : 'tertiary'\"\n          size=\"sm\"\n        />\n      </button>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { Tab, TabSize } from \"./types\";\n\ninterface PvTabsProps {\n  /** Array of tab objects defining each tab's label, icon, and counter */\n  tabs: Tab[];\n  /** Size of the tab list */\n  size?: TabSize;\n}\n\nwithDefaults(defineProps<PvTabsProps>(), {\n  size: \"lg\",\n});\n\nconst selectedTab = defineModel<string>({ required: true });\n\nconst handleSelectTab = (tab: string) => {\n  selectedTab.value = tab;\n};\n\nconst isTabSelected = (tab: Tab) => {\n  return tab.label === selectedTab.value ? true : null;\n};\n</script>\n\n<template>\n  <ul\n    data-testid=\"pv-tabs\"\n    role=\"list\"\n    :class=\"{\n      'pv-tab-list-small': size === 'lg',\n      'pv-tab-list': size === 'xl',\n    }\"\n  >\n    <li\n      v-for=\"tab in tabs\"\n      :key=\"tab.label\"\n      :data-active=\"isTabSelected(tab)\"\n      data-testid=\"pv-tab\"\n      type=\"button\"\n      @click=\"() => handleSelectTab(tab.label)\"\n    >\n      <button type=\"button\">\n        <PvIcon v-if=\"tab.icon\" :name=\"tab.icon\" />\n        {{ tab.label }}\n        <PvCounterBadge\n          v-if=\"tab.counter\"\n          :value=\"tab.counter\"\n          :variant=\"isTabSelected(tab) ? 'primary' : 'tertiary'\"\n          size=\"sm\"\n        />\n      </button>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { PvBreadcrumbsOptions } from \"./types\";\n\ninterface PvBreadcrumbsProps {\n  /** Array of breadcrumb items defining the navigation trail */\n  options: PvBreadcrumbsOptions[];\n}\n\ndefineProps<PvBreadcrumbsProps>();\n</script>\n\n<template>\n  <ul class=\"pv-breadcrumbs\" role=\"list\" data-testid=\"pv-breadcrumbs\">\n    <li v-for=\"option in options\" :key=\"option.label\">\n      <a v-if=\"option.href\" :href=\"option.href\">{{ option.label }}</a>\n      <template v-else>{{ option.label }}</template>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { PvBreadcrumbsOptions } from \"./types\";\n\ninterface PvBreadcrumbsProps {\n  /** Array of breadcrumb items defining the navigation trail */\n  options: PvBreadcrumbsOptions[];\n}\n\ndefineProps<PvBreadcrumbsProps>();\n</script>\n\n<template>\n  <ul class=\"pv-breadcrumbs\" role=\"list\" data-testid=\"pv-breadcrumbs\">\n    <li v-for=\"option in options\" :key=\"option.label\">\n      <a v-if=\"option.href\" :href=\"option.href\">{{ option.label }}</a>\n      <template v-else>{{ option.label }}</template>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { MenuActionsVariant } from \"@/components/base/PvMultiSelectButton/types.ts\";\n\ndefineProps<{\n  variant?: MenuActionsVariant;\n  disabled?: boolean;\n}>();\n\ndefineEmits<{\n  (e: \"handle-select-all\"): void;\n  (e: \"handle-clear-all\"): void;\n  (e: \"handle-cancel\"): void;\n  (e: \"handle-confirm\"): void;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pv-select-menu-control-panel\" class=\"pv-flex pv-space-between\">\n    <template v-if=\"variant === 'select-clear'\">\n      <PvButton\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-select-all\"\n        @click=\"$emit('handle-select-all')\"\n        label=\"Select All\"\n        :disabled=\"disabled\"\n      />\n      <PvButton\n        label=\"Clear All\"\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-clear-all\"\n        @click=\"$emit('handle-clear-all')\"\n        :disabled=\"disabled\"\n      />\n    </template>\n    <template v-else-if=\"variant === 'cancel-confirm'\">\n      <PvButton\n        label=\"Cancel\"\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-cancel\"\n        @click=\"$emit('handle-cancel')\"\n        :disabled=\"disabled\"\n      />\n      <PvButton\n        label=\"Confirm\"\n        data-testid=\"pv-select-menu-item-confirm\"\n        @click=\"$emit('handle-confirm')\"\n        :disabled=\"disabled\"\n      />\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { MenuActionsVariant } from \"@/components/base/PvMultiSelectButton/types.ts\";\n\ndefineProps<{\n  variant?: MenuActionsVariant;\n  disabled?: boolean;\n}>();\n\ndefineEmits<{\n  (e: \"handle-select-all\"): void;\n  (e: \"handle-clear-all\"): void;\n  (e: \"handle-cancel\"): void;\n  (e: \"handle-confirm\"): void;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pv-select-menu-control-panel\" class=\"pv-flex pv-space-between\">\n    <template v-if=\"variant === 'select-clear'\">\n      <PvButton\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-select-all\"\n        @click=\"$emit('handle-select-all')\"\n        label=\"Select All\"\n        :disabled=\"disabled\"\n      />\n      <PvButton\n        label=\"Clear All\"\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-clear-all\"\n        @click=\"$emit('handle-clear-all')\"\n        :disabled=\"disabled\"\n      />\n    </template>\n    <template v-else-if=\"variant === 'cancel-confirm'\">\n      <PvButton\n        label=\"Cancel\"\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-cancel\"\n        @click=\"$emit('handle-cancel')\"\n        :disabled=\"disabled\"\n      />\n      <PvButton\n        label=\"Confirm\"\n        data-testid=\"pv-select-menu-item-confirm\"\n        @click=\"$emit('handle-confirm')\"\n        :disabled=\"disabled\"\n      />\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../../PvIcon/PvIcon.vue\";\nimport PvCounterBadge from \"../../PvCounterBadge/PvCounterBadge.vue\";\nimport PvCompanyLogo from \"../../PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvTooltip from \"../../PvTooltip/PvTooltip.vue\";\nimport { PvSelectButtonSize, PvSelectButtonVariant } from \"../../PvMultiSelectButton/types\";\nimport { PvCounterBadgeVariant } from \"../../PvCounterBadge/types\";\nimport { computed } from \"vue\";\nimport { pvButtonSizeToClass, supportedInverseButtonVariants } from \"@/components/base/PvButton/helpers.ts\";\n\nexport interface PvSelectButtonTrigger {\n  variant?: PvSelectButtonVariant;\n  inverse?: boolean;\n  size?: PvSelectButtonSize;\n  disabled?: boolean;\n  counterPosition?: \"left\" | \"right\" | \"none\";\n  counterValue?: number;\n  counterBadgeVariant?: PvCounterBadgeVariant;\n  prefixLabel?: string;\n  label?: string;\n  icon?: string;\n  companyLogo?: string;\n  showClear?: boolean;\n  showDropdown?: boolean;\n  open: boolean;\n  isLoading?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSelectButtonTrigger>(), {\n  size: \"lg\",\n  variant: \"secondary\",\n  showDropdown: true,\n});\n\ndefineEmits<{\n  (e: \"handle-clear\"): void;\n}>();\n\nconst classes = computed(() => {\n  const output = [\"pv-flex\", \"pv-space-between\", \"pv-full-width\"];\n  if (props.inverse && supportedInverseButtonVariants.includes(props.variant)) {\n    output.push(`pv-button-${props.variant}-inverse`);\n  } else {\n    output.push(`pv-button-${props.variant}`);\n  }\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n</script>\n\n<template>\n  <button\n    data-testid=\"pv-multi-select-button-trigger\"\n    :class=\"classes\"\n    style=\"--flex-gap: 0.25rem\"\n    :disabled=\"disabled || isLoading\"\n  >\n    <div class=\"pv-flex\">\n      <p\n        data-testid=\"pv-select-prefix-label\"\n        v-if=\"prefixLabel\"\n        class=\"pv-border-right pv-text-quaternary\"\n        style=\"padding-right: 4px\"\n      >\n        {{ prefixLabel }}\n      </p>\n      <PvCounterBadge\n        v-if=\"counterPosition === 'left' && counterValue\"\n        data-testid=\"pv-multi-select-left-counter-badge\"\n        :value=\"counterValue\"\n        :variant=\"counterBadgeVariant\"\n        size=\"sm\"\n      />\n      <PvIcon v-if=\"icon\" data-testid=\"pv-multi-select-button-icon\" :name=\"icon\" />\n      <PvCompanyLogo v-if=\"companyLogo\" :name=\"companyLogo\" size=\"sm\" />\n      <span v-if=\"isLoading || label\">\n        {{ isLoading ? \"Loading...\" : label }}\n      </span>\n      <PvCounterBadge\n        v-if=\"counterPosition === 'right' && counterValue\"\n        data-testid=\"pv-multi-select-right-counter-badge\"\n        :value=\"counterValue\"\n        :variant=\"counterBadgeVariant\"\n        size=\"sm\"\n      />\n    </div>\n\n    <PvIcon v-if=\"showDropdown\" :name=\"open ? 'chevron-up' : 'chevron-down'\" />\n    <PvTooltip v-if=\"showClear\" size=\"sm\" variant=\"dark\" tooltip-position=\"top-left\">\n      <template #label>\n        <PvIcon name=\"close\" @click.stop=\"$emit('handle-clear')\" />\n      </template>\n      <template #tooltip-content> Clear Selections </template>\n    </PvTooltip>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../../PvIcon/PvIcon.vue\";\nimport PvCounterBadge from \"../../PvCounterBadge/PvCounterBadge.vue\";\nimport PvCompanyLogo from \"../../PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvTooltip from \"../../PvTooltip/PvTooltip.vue\";\nimport { PvSelectButtonSize, PvSelectButtonVariant } from \"../../PvMultiSelectButton/types\";\nimport { PvCounterBadgeVariant } from \"../../PvCounterBadge/types\";\nimport { computed } from \"vue\";\nimport { pvButtonSizeToClass, supportedInverseButtonVariants } from \"@/components/base/PvButton/helpers.ts\";\n\nexport interface PvSelectButtonTrigger {\n  variant?: PvSelectButtonVariant;\n  inverse?: boolean;\n  size?: PvSelectButtonSize;\n  disabled?: boolean;\n  counterPosition?: \"left\" | \"right\" | \"none\";\n  counterValue?: number;\n  counterBadgeVariant?: PvCounterBadgeVariant;\n  prefixLabel?: string;\n  label?: string;\n  icon?: string;\n  companyLogo?: string;\n  showClear?: boolean;\n  showDropdown?: boolean;\n  open: boolean;\n  isLoading?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSelectButtonTrigger>(), {\n  size: \"lg\",\n  variant: \"secondary\",\n  showDropdown: true,\n});\n\ndefineEmits<{\n  (e: \"handle-clear\"): void;\n}>();\n\nconst classes = computed(() => {\n  const output = [\"pv-flex\", \"pv-space-between\", \"pv-full-width\"];\n  if (props.inverse && supportedInverseButtonVariants.includes(props.variant)) {\n    output.push(`pv-button-${props.variant}-inverse`);\n  } else {\n    output.push(`pv-button-${props.variant}`);\n  }\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n</script>\n\n<template>\n  <button\n    data-testid=\"pv-multi-select-button-trigger\"\n    :class=\"classes\"\n    style=\"--flex-gap: 0.25rem\"\n    :disabled=\"disabled || isLoading\"\n  >\n    <div class=\"pv-flex\">\n      <p\n        data-testid=\"pv-select-prefix-label\"\n        v-if=\"prefixLabel\"\n        class=\"pv-border-right pv-text-quaternary\"\n        style=\"padding-right: 4px\"\n      >\n        {{ prefixLabel }}\n      </p>\n      <PvCounterBadge\n        v-if=\"counterPosition === 'left' && counterValue\"\n        data-testid=\"pv-multi-select-left-counter-badge\"\n        :value=\"counterValue\"\n        :variant=\"counterBadgeVariant\"\n        size=\"sm\"\n      />\n      <PvIcon v-if=\"icon\" data-testid=\"pv-multi-select-button-icon\" :name=\"icon\" />\n      <PvCompanyLogo v-if=\"companyLogo\" :name=\"companyLogo\" size=\"sm\" />\n      <span v-if=\"isLoading || label\">\n        {{ isLoading ? \"Loading...\" : label }}\n      </span>\n      <PvCounterBadge\n        v-if=\"counterPosition === 'right' && counterValue\"\n        data-testid=\"pv-multi-select-right-counter-badge\"\n        :value=\"counterValue\"\n        :variant=\"counterBadgeVariant\"\n        size=\"sm\"\n      />\n    </div>\n\n    <PvIcon v-if=\"showDropdown\" :name=\"open ? 'chevron-up' : 'chevron-down'\" />\n    <PvTooltip v-if=\"showClear\" size=\"sm\" variant=\"dark\" tooltip-position=\"top-left\">\n      <template #label>\n        <PvIcon name=\"close\" @click.stop=\"$emit('handle-clear')\" />\n      </template>\n      <template #tooltip-content> Clear Selections </template>\n    </PvTooltip>\n  </button>\n</template>\n","<template>\n  <div class=\"pv-text-subdued pv-text-center pv-text-body-md pv-inset-square-12\">No Results Found</div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvIconSize } from \"../baseProps\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { PvAvatarSize, PvAvatarVariant } from \"./types\";\n\ninterface PvAvatarProps {\n  /** Icon name from the SVG sprite to display inside the avatar. Takes priority over `initials` and `image`. */\n  icon?: string;\n  /** URL of an image to display. Only rendered when `icon` and `initials` are not set. */\n  image?: string;\n  /** Accessible alt text for the avatar image. Defaults to \"\" (decorative) when initials or other context provides the name. */\n  alt?: string;\n  /** One or two character string displayed when no icon is provided. Takes priority over `image` when both are set. */\n  initials?: string;\n  /** Display size of the avatar. */\n  size?: PvAvatarSize;\n  /** Color variant applied to the avatar background (1–7). */\n  variant?: PvAvatarVariant;\n}\n\nconst avatarSizeToClass: Record<PvAvatarSize, string> = {\n  sm: \"pv-avatar-16\",\n  md: \"pv-avatar-20\",\n  lg: \"pv-avatar-xs\",\n  xl: \"pv-avatar-sm\",\n  \"2x\": \"pv-avatar-md\",\n};\n\nconst iconSizeToAvatarSize: Partial<Record<PvAvatarSize, PvIconSize>> = {\n  sm: 10,\n  md: 12,\n  lg: undefined,\n  xl: 20,\n  \"2x\": 20,\n};\n\nwithDefaults(defineProps<PvAvatarProps>(), {\n  size: \"lg\",\n});\n</script>\n\n<template>\n  <div :class=\"avatarSizeToClass[size]\" data-testid=\"pv-avatar\" :data-style=\"variant\">\n    <PvIcon v-if=\"icon\" :name=\"icon\" :size=\"iconSizeToAvatarSize[size]\" />\n    <template v-else-if=\"initials\">{{ initials }}</template>\n    <template v-else-if=\"image\">\n      <img :src=\"image\" :alt=\"alt ?? ''\" />\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvIconSize } from \"../baseProps\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { PvAvatarSize, PvAvatarVariant } from \"./types\";\n\ninterface PvAvatarProps {\n  /** Icon name from the SVG sprite to display inside the avatar. Takes priority over `initials` and `image`. */\n  icon?: string;\n  /** URL of an image to display. Only rendered when `icon` and `initials` are not set. */\n  image?: string;\n  /** Accessible alt text for the avatar image. Defaults to \"\" (decorative) when initials or other context provides the name. */\n  alt?: string;\n  /** One or two character string displayed when no icon is provided. Takes priority over `image` when both are set. */\n  initials?: string;\n  /** Display size of the avatar. */\n  size?: PvAvatarSize;\n  /** Color variant applied to the avatar background (1–7). */\n  variant?: PvAvatarVariant;\n}\n\nconst avatarSizeToClass: Record<PvAvatarSize, string> = {\n  sm: \"pv-avatar-16\",\n  md: \"pv-avatar-20\",\n  lg: \"pv-avatar-xs\",\n  xl: \"pv-avatar-sm\",\n  \"2x\": \"pv-avatar-md\",\n};\n\nconst iconSizeToAvatarSize: Partial<Record<PvAvatarSize, PvIconSize>> = {\n  sm: 10,\n  md: 12,\n  lg: undefined,\n  xl: 20,\n  \"2x\": 20,\n};\n\nwithDefaults(defineProps<PvAvatarProps>(), {\n  size: \"lg\",\n});\n</script>\n\n<template>\n  <div :class=\"avatarSizeToClass[size]\" data-testid=\"pv-avatar\" :data-style=\"variant\">\n    <PvIcon v-if=\"icon\" :name=\"icon\" :size=\"iconSizeToAvatarSize[size]\" />\n    <template v-else-if=\"initials\">{{ initials }}</template>\n    <template v-else-if=\"image\">\n      <img :src=\"image\" :alt=\"alt ?? ''\" />\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvCompanyLogo from \"@/components/base/PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvAvatar from \"@/components/base/PvAvatar/PvAvatar.vue\";\nimport PvCounterBadge from \"@/components/base/PvCounterBadge/PvCounterBadge.vue\";\nimport { MenuOption, MenuOptionConfig } from \"@/types.ts\";\nimport { computed, onMounted, ref, watch } from \"vue\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface PvMenuBaseItemProps extends MenuOption {\n  menuOptionConfig?: MenuOptionConfig;\n  queryText?: string | null;\n}\n\nconst props = defineProps<PvMenuBaseItemProps>();\n\nconst mainText = ref<HTMLElement | null>(null);\nconst subText = ref<HTMLElement | null>(null);\n\nconst renderedSubText = computed(() => {\n  return props.subText || null;\n});\n\nconst escapeRegex = (str: string): string => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\nconst highlightText = (element: HTMLElement, originalText: string, searchQuery: string) => {\n  const escapedSearch = escapeRegex(searchQuery);\n  const regex = new RegExp(`(${escapedSearch})`, \"gi\");\n  element.innerHTML = originalText.replace(\n    regex,\n    '<span data-test-id=\"pv-matched-text\" style=\"font-weight: bold;\">$1</span>',\n  );\n};\n\nconst applyHighlight = () => {\n  if (props.queryText) {\n    const mainTextMatches = new RegExp(escapeRegex(props.queryText), \"gi\").test(props.text);\n    if (mainText.value) {\n      highlightText(mainText.value, props.text, props.queryText);\n    }\n    if (subText.value && renderedSubText.value) {\n      if (mainTextMatches) {\n        subText.value.textContent = renderedSubText.value;\n      } else {\n        highlightText(subText.value, renderedSubText.value, props.queryText);\n      }\n    }\n  } else {\n    if (mainText.value) {\n      mainText.value.textContent = props.text;\n    }\n    if (subText.value && renderedSubText.value) {\n      subText.value.textContent = renderedSubText.value;\n    }\n  }\n};\n\nonMounted(() => {\n  applyHighlight();\n});\n\nwatch(\n  () => props.queryText,\n  () => {\n    applyHighlight();\n  },\n);\n</script>\n\n<template>\n  <PvAvatar v-if=\"avatar\" :initials=\"avatar.initials\" :image=\"avatar.image\" size=\"lg\" />\n  <PvIcon :class=\"{ 'pv-text-subdued': !disabled }\" v-if=\"icon\" :name=\"icon\" />\n  <PvCompanyLogo v-if=\"companyName\" :name=\"companyName\" size=\"sm\" />\n  <div class=\"pv-full-width pv-truncate pv-flex-vertical\" style=\"align-items: flex-start; --flex-gap: 0\">\n    <span class=\"pv-text-body-md pv-full-width pv-truncate\" :title=\"text\">\n      <span ref=\"mainText\">{{ text }}</span>\n      <span v-if=\"subduedText\" :class=\"{ 'pv-text-subdued': !disabled }\" style=\"padding-left: 4px\">\n        {{ subduedText }}\n      </span>\n    </span>\n    <span\n      ref=\"subText\"\n      v-if=\"renderedSubText\"\n      :class=\"['pv-text-body-xs', 'pv-full-width', 'pv-truncate', { 'pv-text-subdued': !disabled }]\"\n      :title=\"renderedSubText\"\n    >\n      {{ renderedSubText }}\n    </span>\n  </div>\n  <PvCounterBadge\n    v-if=\"secondaryText && typeof secondaryText === 'number'\"\n    :value=\"secondaryText\"\n    :variant=\"menuOptionConfig?.counterBadgeVariant\"\n  />\n  <span v-else-if=\"secondaryText && typeof secondaryText === 'string'\" class=\"pv-text-subdued pv-text-body-md\">{{\n    secondaryText\n  }}</span>\n</template>\n","<script setup lang=\"ts\">\nimport PvCompanyLogo from \"@/components/base/PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvAvatar from \"@/components/base/PvAvatar/PvAvatar.vue\";\nimport PvCounterBadge from \"@/components/base/PvCounterBadge/PvCounterBadge.vue\";\nimport { MenuOption, MenuOptionConfig } from \"@/types.ts\";\nimport { computed, onMounted, ref, watch } from \"vue\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface PvMenuBaseItemProps extends MenuOption {\n  menuOptionConfig?: MenuOptionConfig;\n  queryText?: string | null;\n}\n\nconst props = defineProps<PvMenuBaseItemProps>();\n\nconst mainText = ref<HTMLElement | null>(null);\nconst subText = ref<HTMLElement | null>(null);\n\nconst renderedSubText = computed(() => {\n  return props.subText || null;\n});\n\nconst escapeRegex = (str: string): string => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\nconst highlightText = (element: HTMLElement, originalText: string, searchQuery: string) => {\n  const escapedSearch = escapeRegex(searchQuery);\n  const regex = new RegExp(`(${escapedSearch})`, \"gi\");\n  element.innerHTML = originalText.replace(\n    regex,\n    '<span data-test-id=\"pv-matched-text\" style=\"font-weight: bold;\">$1</span>',\n  );\n};\n\nconst applyHighlight = () => {\n  if (props.queryText) {\n    const mainTextMatches = new RegExp(escapeRegex(props.queryText), \"gi\").test(props.text);\n    if (mainText.value) {\n      highlightText(mainText.value, props.text, props.queryText);\n    }\n    if (subText.value && renderedSubText.value) {\n      if (mainTextMatches) {\n        subText.value.textContent = renderedSubText.value;\n      } else {\n        highlightText(subText.value, renderedSubText.value, props.queryText);\n      }\n    }\n  } else {\n    if (mainText.value) {\n      mainText.value.textContent = props.text;\n    }\n    if (subText.value && renderedSubText.value) {\n      subText.value.textContent = renderedSubText.value;\n    }\n  }\n};\n\nonMounted(() => {\n  applyHighlight();\n});\n\nwatch(\n  () => props.queryText,\n  () => {\n    applyHighlight();\n  },\n);\n</script>\n\n<template>\n  <PvAvatar v-if=\"avatar\" :initials=\"avatar.initials\" :image=\"avatar.image\" size=\"lg\" />\n  <PvIcon :class=\"{ 'pv-text-subdued': !disabled }\" v-if=\"icon\" :name=\"icon\" />\n  <PvCompanyLogo v-if=\"companyName\" :name=\"companyName\" size=\"sm\" />\n  <div class=\"pv-full-width pv-truncate pv-flex-vertical\" style=\"align-items: flex-start; --flex-gap: 0\">\n    <span class=\"pv-text-body-md pv-full-width pv-truncate\" :title=\"text\">\n      <span ref=\"mainText\">{{ text }}</span>\n      <span v-if=\"subduedText\" :class=\"{ 'pv-text-subdued': !disabled }\" style=\"padding-left: 4px\">\n        {{ subduedText }}\n      </span>\n    </span>\n    <span\n      ref=\"subText\"\n      v-if=\"renderedSubText\"\n      :class=\"['pv-text-body-xs', 'pv-full-width', 'pv-truncate', { 'pv-text-subdued': !disabled }]\"\n      :title=\"renderedSubText\"\n    >\n      {{ renderedSubText }}\n    </span>\n  </div>\n  <PvCounterBadge\n    v-if=\"secondaryText && typeof secondaryText === 'number'\"\n    :value=\"secondaryText\"\n    :variant=\"menuOptionConfig?.counterBadgeVariant\"\n  />\n  <span v-else-if=\"secondaryText && typeof secondaryText === 'string'\" class=\"pv-text-subdued pv-text-body-md\">{{\n    secondaryText\n  }}</span>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { PvSwitchSize } from \"./types\";\n\ninterface PvSwitchProps {\n  /**\n   * The visual size of the switch track and thumb.\n   */\n  size?: PvSwitchSize;\n  /** Optional text label displayed next to the switch. */\n  label?: string;\n  /** Accessible name for the switch when no visible label is provided. */\n  ariaLabel?: string;\n  /** When true, the switch is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** HTML id for the underlying checkbox input. Auto-generated when omitted. */\n  id?: string;\n  /**\n   * When true, hides the checkmark icon inside the switch thumb.\n   */\n  hideCheckIcon?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSwitchProps>(), {\n  size: \"md\",\n  disabled: false,\n  hideCheckIcon: false,\n});\n\nconst inputId = props.id ?? useId();\n\nconst value = defineModel<boolean>({ required: true });\n</script>\n\n<template>\n  <label\n    :for=\"inputId\"\n    :class=\"[\n      'pv-label pv-switch pv-label-hover',\n      {\n        'pv-input-small': size === 'md',\n        'pv-input-xsmall': size === 'sm',\n        'pv-switch-hide-check': hideCheckIcon,\n      },\n    ]\"\n  >\n    <span v-if=\"label\">{{ label }}</span>\n    <input v-model=\"value\" :disabled=\"disabled\" :aria-label=\"ariaLabel\" type=\"checkbox\" role=\"switch\" :id=\"inputId\" />\n  </label>\n</template>\n\n<style scoped>\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):hover:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):focus-visible:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):active:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:disabled:after) {\n  background-image: unset;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { PvSwitchSize } from \"./types\";\n\ninterface PvSwitchProps {\n  /**\n   * The visual size of the switch track and thumb.\n   */\n  size?: PvSwitchSize;\n  /** Optional text label displayed next to the switch. */\n  label?: string;\n  /** Accessible name for the switch when no visible label is provided. */\n  ariaLabel?: string;\n  /** When true, the switch is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** HTML id for the underlying checkbox input. Auto-generated when omitted. */\n  id?: string;\n  /**\n   * When true, hides the checkmark icon inside the switch thumb.\n   */\n  hideCheckIcon?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSwitchProps>(), {\n  size: \"md\",\n  disabled: false,\n  hideCheckIcon: false,\n});\n\nconst inputId = props.id ?? useId();\n\nconst value = defineModel<boolean>({ required: true });\n</script>\n\n<template>\n  <label\n    :for=\"inputId\"\n    :class=\"[\n      'pv-label pv-switch pv-label-hover',\n      {\n        'pv-input-small': size === 'md',\n        'pv-input-xsmall': size === 'sm',\n        'pv-switch-hide-check': hideCheckIcon,\n      },\n    ]\"\n  >\n    <span v-if=\"label\">{{ label }}</span>\n    <input v-model=\"value\" :disabled=\"disabled\" :aria-label=\"ariaLabel\" type=\"checkbox\" role=\"switch\" :id=\"inputId\" />\n  </label>\n</template>\n\n<style scoped>\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):hover:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):focus-visible:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):active:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:disabled:after) {\n  background-image: unset;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { MenuAction, MenuOption } from \"@/types\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\n\ninterface PvMenuItemActionProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  action: MenuAction<any>;\n  option: MenuOption;\n}\n\nconst props = defineProps<PvMenuItemActionProps>();\n\nconst actionIcon = computed(() => {\n  return typeof props.action.icon === \"function\" ? props.action.icon(props.option) : props.action.icon;\n});\n\nconst actionDisabled = computed(() => {\n  return typeof props.action.isDisabled === \"function\"\n    ? props.action.isDisabled(props.option)\n    : props.action.isDisabled;\n});\n\nconst actionTooltip = computed(() => {\n  return typeof props.action.tooltipText === \"function\"\n    ? props.action.tooltipText(props.option)\n    : props.action.tooltipText;\n});\n\nconst alwaysShow = computed(() => {\n  return typeof props.action.alwaysShow === \"function\"\n    ? props.action.alwaysShow(props.option)\n    : props.action.alwaysShow;\n});\n\nconst handleActionClick = () => {\n  if (!actionDisabled.value) {\n    props.action.action(props.option);\n  }\n};\n</script>\n<template>\n  <PvTooltipV2 :disableInteractive=\"true\" :useTeleport=\"true\" variant=\"white\">\n    <template #trigger>\n      <PvButton\n        variant=\"ghost\"\n        class=\"pv-text-brand\"\n        :leftIcon=\"actionIcon\"\n        :class=\"{ 'pv-menu-action-button': !alwaysShow }\"\n        @click.stop=\"handleActionClick\"\n        :disabled=\"actionDisabled\"\n      />\n    </template>\n    <template #content v-if=\"actionTooltip\">\n      <div>\n        {{ actionTooltip }}\n      </div>\n    </template>\n  </PvTooltipV2>\n</template>\n\n<style scoped>\n.pv-menu-action-button {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.pv-label:hover .pv-menu-action-button {\n  opacity: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { MenuAction, MenuOption } from \"@/types\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\n\ninterface PvMenuItemActionProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  action: MenuAction<any>;\n  option: MenuOption;\n}\n\nconst props = defineProps<PvMenuItemActionProps>();\n\nconst actionIcon = computed(() => {\n  return typeof props.action.icon === \"function\" ? props.action.icon(props.option) : props.action.icon;\n});\n\nconst actionDisabled = computed(() => {\n  return typeof props.action.isDisabled === \"function\"\n    ? props.action.isDisabled(props.option)\n    : props.action.isDisabled;\n});\n\nconst actionTooltip = computed(() => {\n  return typeof props.action.tooltipText === \"function\"\n    ? props.action.tooltipText(props.option)\n    : props.action.tooltipText;\n});\n\nconst alwaysShow = computed(() => {\n  return typeof props.action.alwaysShow === \"function\"\n    ? props.action.alwaysShow(props.option)\n    : props.action.alwaysShow;\n});\n\nconst handleActionClick = () => {\n  if (!actionDisabled.value) {\n    props.action.action(props.option);\n  }\n};\n</script>\n<template>\n  <PvTooltipV2 :disableInteractive=\"true\" :useTeleport=\"true\" variant=\"white\">\n    <template #trigger>\n      <PvButton\n        variant=\"ghost\"\n        class=\"pv-text-brand\"\n        :leftIcon=\"actionIcon\"\n        :class=\"{ 'pv-menu-action-button': !alwaysShow }\"\n        @click.stop=\"handleActionClick\"\n        :disabled=\"actionDisabled\"\n      />\n    </template>\n    <template #content v-if=\"actionTooltip\">\n      <div>\n        {{ actionTooltip }}\n      </div>\n    </template>\n  </PvTooltipV2>\n</template>\n\n<style scoped>\n.pv-menu-action-button {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.pv-label:hover .pv-menu-action-button {\n  opacity: 1;\n}\n</style>\n","import type { MenuOption, MultiSelectState } from \"@/types\";\n\n/** Recursively collect all leaf (childless) options from a tree. */\nexport function collectLeafOptions<T>(options: MenuOption<T>[]): MenuOption<T>[] {\n  return options.flatMap((option) => (option.children?.length ? collectLeafOptions(option.children) : [option]));\n}\n\n/**\n * Merge two sets of leaf options, deduplicating by ID.\n *\n * Returns a single array containing every leaf from `base`, plus any leaves\n * from `overlay` whose ID doesn't already appear in `base`. This is used to\n * combine original (unfiltered) leaves with dynamically loaded (see-more)\n * leaves so that the full set is available for selection / checked-state logic.\n */\nexport function mergeLeafOptions<T>(base: MenuOption<T>[], overlay: MenuOption<T>[]): MenuOption<T>[] {\n  const seenIds = new Set(base.map((l) => l.id));\n  const extras = overlay.filter((l) => !seenIds.has(l.id));\n  return extras.length > 0 ? [...base, ...extras] : base;\n}\n\n/**\n * Count selected items, collapsing fully-selected parents to 1.\n *\n * Walks the option tree bottom-up. A parent whose leaf descendants are ALL\n * selected counts as 1 (replacing the individual counts of its sub-tree).\n * Selected leaves not under a fully-selected parent each count as 1.\n *\n * This is order-independent — it walks the tree structure directly and does\n * not depend on Map iteration order.\n */\nexport function countWithCollapsedParents<T>(options: MenuOption<T>[], selectedIds: Set<string>): number {\n  const walk = (nodes: MenuOption<T>[]): { leafCount: number; selectedLeafCount: number; displayCount: number } => {\n    let leafCount = 0;\n    let selectedLeafCount = 0;\n    let displayCount = 0;\n\n    for (const node of nodes) {\n      if (node.children?.length) {\n        const sub = walk(node.children);\n        leafCount += sub.leafCount;\n        selectedLeafCount += sub.selectedLeafCount;\n        if (sub.leafCount > 0 && sub.leafCount === sub.selectedLeafCount) {\n          displayCount += 1;\n        } else {\n          displayCount += sub.displayCount;\n        }\n      } else {\n        leafCount += 1;\n        if (selectedIds.has(node.id)) {\n          selectedLeafCount += 1;\n          displayCount += 1;\n        }\n      }\n    }\n\n    return { leafCount, selectedLeafCount, displayCount };\n  };\n\n  return walk(options).displayCount;\n}\n\nexport function countFromSelectionState(state: MultiSelectState): number {\n  return state.filter((node) => node.state === \"selected\").length;\n}\n\n/**\n * Recursively filter a tree for a search value.\n *\n * - If a node's own text matches, it is kept with all its children intact.\n * - If a node's own text does NOT match but one or more of its descendants do,\n *   the node is kept as a container showing only the matching descendants.\n *   This means a search term that matches a child will surface that child even\n *   when the parent label itself doesn't contain the search term.\n * - Nodes with no match anywhere in their subtree are removed entirely.\n */\nexport function filterOptionsRecursive<T>(\n  options: MenuOption<T>[],\n  searchValue: string,\n  showParentOnChildQueryMatch = true,\n): MenuOption<T>[] {\n  return options.flatMap((option) => {\n    const selfMatches =\n      option.text.toLocaleLowerCase().includes(searchValue) ||\n      option.searchText?.toLocaleLowerCase().includes(searchValue);\n\n    if (selfMatches) return [option]; // keep with all children intact\n\n    if (option.children?.length) {\n      const filteredChildren = filterOptionsRecursive(option.children, searchValue, showParentOnChildQueryMatch);\n      if (filteredChildren.length) {\n        return showParentOnChildQueryMatch ? [{ ...option, children: filteredChildren }] : filteredChildren;\n      }\n    }\n\n    return [];\n  });\n}\n","import type { ComputedRef, InjectionKey, Ref } from \"vue\";\nimport type { MenuOption } from \"@/types\";\n\nexport const SelectedItemsKey: InjectionKey<Ref<MenuOption[]>> = Symbol(\"SelectedItemsKey\");\nexport const EnableCascadeSelectionKey: InjectionKey<ComputedRef<boolean>> = Symbol(\"EnableCascadeSelectionKey\");\nexport const OriginalOptionsMapKey: InjectionKey<ComputedRef<Map<string, MenuOption>>> = Symbol(\n  \"OriginalOptionsMapKey\",\n);\nexport const CascadeSelectedParentIdsKey: InjectionKey<Ref<Set<string>>> = Symbol(\"CascadeSelectedParentIdsKey\");\nexport const CascadeDeselectedChildIdsKey: InjectionKey<Ref<Map<string, Set<string>>>> = Symbol(\n  \"CascadeDeselectedChildIdsKey\",\n);\nexport const ParentSelectsAllChildrenKey: InjectionKey<ComputedRef<boolean>> = Symbol(\"ParentSelectsAllChildrenKey\");\nexport const EnableChildExpansionKey: InjectionKey<ComputedRef<boolean>> = Symbol(\"EnableChildExpansionKey\");\n","<script lang=\"ts\" setup>\nimport { computed, getCurrentInstance, inject, nextTick, ref, useTemplateRef } from \"vue\";\n\nimport PvMenuBaseItem from \"@/components/base/PvMenu/items/PvMenuBaseItem.vue\";\nimport PvSwitch from \"@/components/base/PvSwitch/PvSwitch.vue\";\nimport { MenuOption, MenuOptionConfig, MenuOptionSelectedEvent } from \"@/types.ts\";\nimport PvMenuItemAction from \"@/components/base/PvMenu/items/PvMenuItemAction.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { collectLeafOptions, mergeLeafOptions } from \"@/components/base/PvMenu/cascadeUtils\";\nimport {\n  SelectedItemsKey,\n  EnableCascadeSelectionKey,\n  OriginalOptionsMapKey,\n  CascadeSelectedParentIdsKey,\n} from \"@/components/base/PvMenu/symbols\";\n\nexport interface PvMenuItemVariantProps extends MenuOption {\n  selected?: boolean;\n  indeterminate?: boolean;\n  queryText?: string | null;\n  highlightSearchText?: boolean;\n  menuOptionConfig?: MenuOptionConfig;\n  showChevron?: boolean;\n  chevronIcon?: string;\n  expanded?: boolean;\n}\n\nconst props = defineProps<PvMenuItemVariantProps>();\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\");\n\nconst selectedItems = inject(SelectedItemsKey, undefined);\nconst enableCascadeSelection = inject(EnableCascadeSelectionKey, ref(false));\nconst originalOptionsMap = inject(OriginalOptionsMapKey, undefined);\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\n\n// Resolve the effective leaf options for this parent node. Always use original\n// (unfiltered) children so the checked/indeterminate state reflects all children.\n// When children have been dynamically loaded (see-more), props.children may have\n// more entries than the original snapshot — use whichever is larger.\nconst effectiveLeafOptions = computed(() => {\n  if (!enableCascadeSelection.value || !props.children?.length) return [];\n  const currentLeaves = collectLeafOptions(props.children);\n  if (originalOptionsMap?.value) {\n    const originalOption = originalOptionsMap.value.get(props.id);\n    const originalLeaves = originalOption?.children ? collectLeafOptions(originalOption.children) : [];\n    return mergeLeafOptions(originalLeaves, currentLeaves);\n  }\n  return currentLeaves;\n});\n\nconst isChecked = computed(() => {\n  if (!selectedItems?.value) return props.selected ?? false;\n  if (enableCascadeSelection.value && props.children?.length) {\n    const leafOptions = effectiveLeafOptions.value;\n    const originalLeafCount = leafOptions.length;\n    const selectedCount = leafOptions.filter((lo) => selectedItems.value.some((item) => item.id === lo.id)).length;\n    // Parent was explicitly clicked and all loaded children are selected → checked\n    if (cascadeSelectedParentIds?.value?.has(props.id) && selectedCount >= originalLeafCount) {\n      return true;\n    }\n    const totalCount = props.totalChildCount ?? originalLeafCount;\n    return totalCount > 0 && selectedCount >= totalCount;\n  }\n  return selectedItems.value.some((item) => item.id === props.id);\n});\n\nconst isIndeterminate = computed(() => {\n  if (!selectedItems?.value || !enableCascadeSelection.value || !props.children?.length) {\n    return props.indeterminate ?? false;\n  }\n  const leafOptions = effectiveLeafOptions.value;\n  const originalLeafCount = leafOptions.length;\n  const selectedCount = leafOptions.filter((lo) => selectedItems.value.some((item) => item.id === lo.id)).length;\n  // Parent was explicitly clicked and all loaded children are selected → not indeterminate\n  if (cascadeSelectedParentIds?.value?.has(props.id) && selectedCount >= originalLeafCount) {\n    return false;\n  }\n  const totalCount = props.totalChildCount ?? originalLeafCount;\n  return selectedCount > 0 && selectedCount < totalCount;\n});\n\nconst computedClassList = computed(() => {\n  const classes = props.classList ? [...props.classList] : [];\n  if (props.disabled) {\n    classes.push(\"pv-menu-item-disabled\");\n  } else {\n    classes.push(\"pv-menu-item\");\n  }\n  return classes;\n});\n\nconst disabledStyle = computed(() => {\n  if (props.disabled && props.menuOptionConfig?.disabledVariant !== \"ghost\") {\n    return { background: \"#ececec\" };\n  }\n  return {};\n});\n\nconst computedOption = computed(() => {\n  const option: MenuOption = {\n    ...props,\n    avatar: props.menuOptionConfig?.variant === \"avatar\" ? props.avatar : undefined,\n    icon: props.menuOptionConfig?.variant === \"icon\" ? props.icon : undefined,\n    companyName: props.menuOptionConfig?.variant === \"company\" ? props.companyName || props.text : undefined,\n  };\n  return option;\n});\n\nconst inputHidden = computed(() => {\n  const variant = props.menuOptionConfig?.variant;\n  return variant !== \"checkbox\" && variant !== \"radio\";\n});\n\n// we only show the input for checkbox and radio variants\nconst inputType = computed(() => {\n  return props.menuOptionConfig?.variant === \"radio\" ? \"radio\" : \"checkbox\";\n});\n\nconst inputName = `${inputType.value}-${getCurrentInstance()?.uid}`;\n\nconst inputClass = computed(() => {\n  return props.menuOptionConfig?.variant === \"checkbox\" ? \"pv-checkbox\" : \"pv-radio\";\n});\n\nconst dataTestId = computed(() => {\n  const type =\n    props.menuOptionConfig?.variant === \"checkbox\"\n      ? \"-checkbox\"\n      : props.menuOptionConfig?.variant === \"radio\"\n        ? \"-radio\"\n        : \"\";\n  return `pv-menu${type}-item`;\n});\n\nconst emits = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"toggle-expanded\"): void;\n}>();\n\nconst handleSelected = (event: Event) => {\n  if (props.disabled) {\n    return;\n  }\n  const option: MenuOption = {\n    ...props,\n  };\n  emits(\"handle-selected\", {\n    option,\n    event,\n  });\n  // After the reactive state settles, force-sync the DOM checked/indeterminate\n  // properties. Vue skips patching when the computed value doesn't change (e.g.\n  // indeterminate parent: isChecked was false before and is still false after\n  // deselecting all children), leaving the browser-toggled state stale.\n  nextTick(() => {\n    if (inputRef.value) {\n      inputRef.value.checked = isChecked.value;\n      inputRef.value.indeterminate = isIndeterminate.value;\n    }\n  });\n};\n</script>\n\n<template>\n  <label\n    class=\"pv-label pv-label-hover pv-flex pv-stack-4 pv-inset-square-8\"\n    :class=\"computedClassList\"\n    :style=\"[\n      disabledStyle,\n      { cursor: 'pointer', paddingTop: subText ? '4px' : undefined, paddingBottom: subText ? '4px' : undefined },\n    ]\"\n    :data-testid=\"dataTestId\"\n  >\n    <input\n      ref=\"inputRef\"\n      :hidden=\"inputHidden\"\n      :type=\"inputType\"\n      :name=\"inputName\"\n      :checked=\"isChecked\"\n      :indeterminate=\"isIndeterminate\"\n      :class=\"inputClass\"\n      :disabled=\"disabled\"\n      @change=\"handleSelected\"\n    />\n    <template v-if=\"menuOptionConfig?.renderer\">\n      <component :is=\"menuOptionConfig?.renderer\" v-bind=\"$props\" />\n    </template>\n    <template v-else>\n      <PvMenuBaseItem\n        v-bind=\"computedOption\"\n        :menuOptionConfig=\"menuOptionConfig\"\n        :queryText=\"queryText\"\n        :highlightSearchText=\"highlightSearchText\"\n      />\n    </template>\n    <PvIcon v-if=\"menuOptionConfig?.variant === 'checkmark' && isChecked\" name=\"check\" class=\"pv-text-success\" />\n    <PvSwitch\n      v-if=\"menuOptionConfig?.variant === 'toggle'\"\n      :modelValue=\"isChecked\"\n      :ariaLabel=\"props.text || 'Toggle'\"\n      size=\"sm\"\n      hideCheckIcon\n      style=\"pointer-events: none\"\n    />\n    <PvMenuItemAction v-if=\"menuOptionConfig?.action\" :action=\"menuOptionConfig?.action\" :option=\"props\" />\n    <button\n      v-if=\"showChevron\"\n      type=\"button\"\n      class=\"pv-button-ghost pv-menu-item-expand-chevron\"\n      :aria-label=\"props.text ? `Toggle children for ${props.text}` : 'Toggle children'\"\n      :aria-expanded=\"expanded\"\n      @click.prevent.stop=\"emits('toggle-expanded')\"\n    >\n      <PvIcon :name=\"chevronIcon ?? 'chevron-right'\" :size=\"12\" />\n    </button>\n  </label>\n</template>\n\n<style scoped>\n.pv-menu-item-disabled {\n  pointer-events: none;\n  border-radius: 4px;\n  color: #7d898d;\n}\n.pv-menu-item {\n  cursor: pointer;\n  transition-duration: 150ms;\n  transition-property: background-color;\n  border-radius: var(--popover-list-item-radius, 4px);\n  &:hover,\n  &:focus-visible {\n    background-color: var(--popover-list-item-hover-background-color, #f5f5f5);\n  }\n  &:active {\n    background-color: var(--popover-list-item-pressed-background-color, #ebebeb);\n  }\n}\n.pv-radio:indeterminate {\n  background-color: unset !important;\n  border-color: var(--color-border, #e3e7ea) !important;\n}\n.pv-menu-item-expand-chevron {\n  padding: 4px;\n  margin-left: auto;\n  flex-shrink: 0;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed, getCurrentInstance, inject, nextTick, ref, useTemplateRef } from \"vue\";\n\nimport PvMenuBaseItem from \"@/components/base/PvMenu/items/PvMenuBaseItem.vue\";\nimport PvSwitch from \"@/components/base/PvSwitch/PvSwitch.vue\";\nimport { MenuOption, MenuOptionConfig, MenuOptionSelectedEvent } from \"@/types.ts\";\nimport PvMenuItemAction from \"@/components/base/PvMenu/items/PvMenuItemAction.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { collectLeafOptions, mergeLeafOptions } from \"@/components/base/PvMenu/cascadeUtils\";\nimport {\n  SelectedItemsKey,\n  EnableCascadeSelectionKey,\n  OriginalOptionsMapKey,\n  CascadeSelectedParentIdsKey,\n} from \"@/components/base/PvMenu/symbols\";\n\nexport interface PvMenuItemVariantProps extends MenuOption {\n  selected?: boolean;\n  indeterminate?: boolean;\n  queryText?: string | null;\n  highlightSearchText?: boolean;\n  menuOptionConfig?: MenuOptionConfig;\n  showChevron?: boolean;\n  chevronIcon?: string;\n  expanded?: boolean;\n}\n\nconst props = defineProps<PvMenuItemVariantProps>();\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\");\n\nconst selectedItems = inject(SelectedItemsKey, undefined);\nconst enableCascadeSelection = inject(EnableCascadeSelectionKey, ref(false));\nconst originalOptionsMap = inject(OriginalOptionsMapKey, undefined);\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\n\n// Resolve the effective leaf options for this parent node. Always use original\n// (unfiltered) children so the checked/indeterminate state reflects all children.\n// When children have been dynamically loaded (see-more), props.children may have\n// more entries than the original snapshot — use whichever is larger.\nconst effectiveLeafOptions = computed(() => {\n  if (!enableCascadeSelection.value || !props.children?.length) return [];\n  const currentLeaves = collectLeafOptions(props.children);\n  if (originalOptionsMap?.value) {\n    const originalOption = originalOptionsMap.value.get(props.id);\n    const originalLeaves = originalOption?.children ? collectLeafOptions(originalOption.children) : [];\n    return mergeLeafOptions(originalLeaves, currentLeaves);\n  }\n  return currentLeaves;\n});\n\nconst isChecked = computed(() => {\n  if (!selectedItems?.value) return props.selected ?? false;\n  if (enableCascadeSelection.value && props.children?.length) {\n    const leafOptions = effectiveLeafOptions.value;\n    const originalLeafCount = leafOptions.length;\n    const selectedCount = leafOptions.filter((lo) => selectedItems.value.some((item) => item.id === lo.id)).length;\n    // Parent was explicitly clicked and all loaded children are selected → checked\n    if (cascadeSelectedParentIds?.value?.has(props.id) && selectedCount >= originalLeafCount) {\n      return true;\n    }\n    const totalCount = props.totalChildCount ?? originalLeafCount;\n    return totalCount > 0 && selectedCount >= totalCount;\n  }\n  return selectedItems.value.some((item) => item.id === props.id);\n});\n\nconst isIndeterminate = computed(() => {\n  if (!selectedItems?.value || !enableCascadeSelection.value || !props.children?.length) {\n    return props.indeterminate ?? false;\n  }\n  const leafOptions = effectiveLeafOptions.value;\n  const originalLeafCount = leafOptions.length;\n  const selectedCount = leafOptions.filter((lo) => selectedItems.value.some((item) => item.id === lo.id)).length;\n  // Parent was explicitly clicked and all loaded children are selected → not indeterminate\n  if (cascadeSelectedParentIds?.value?.has(props.id) && selectedCount >= originalLeafCount) {\n    return false;\n  }\n  const totalCount = props.totalChildCount ?? originalLeafCount;\n  return selectedCount > 0 && selectedCount < totalCount;\n});\n\nconst computedClassList = computed(() => {\n  const classes = props.classList ? [...props.classList] : [];\n  if (props.disabled) {\n    classes.push(\"pv-menu-item-disabled\");\n  } else {\n    classes.push(\"pv-menu-item\");\n  }\n  return classes;\n});\n\nconst disabledStyle = computed(() => {\n  if (props.disabled && props.menuOptionConfig?.disabledVariant !== \"ghost\") {\n    return { background: \"#ececec\" };\n  }\n  return {};\n});\n\nconst computedOption = computed(() => {\n  const option: MenuOption = {\n    ...props,\n    avatar: props.menuOptionConfig?.variant === \"avatar\" ? props.avatar : undefined,\n    icon: props.menuOptionConfig?.variant === \"icon\" ? props.icon : undefined,\n    companyName: props.menuOptionConfig?.variant === \"company\" ? props.companyName || props.text : undefined,\n  };\n  return option;\n});\n\nconst inputHidden = computed(() => {\n  const variant = props.menuOptionConfig?.variant;\n  return variant !== \"checkbox\" && variant !== \"radio\";\n});\n\n// we only show the input for checkbox and radio variants\nconst inputType = computed(() => {\n  return props.menuOptionConfig?.variant === \"radio\" ? \"radio\" : \"checkbox\";\n});\n\nconst inputName = `${inputType.value}-${getCurrentInstance()?.uid}`;\n\nconst inputClass = computed(() => {\n  return props.menuOptionConfig?.variant === \"checkbox\" ? \"pv-checkbox\" : \"pv-radio\";\n});\n\nconst dataTestId = computed(() => {\n  const type =\n    props.menuOptionConfig?.variant === \"checkbox\"\n      ? \"-checkbox\"\n      : props.menuOptionConfig?.variant === \"radio\"\n        ? \"-radio\"\n        : \"\";\n  return `pv-menu${type}-item`;\n});\n\nconst emits = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"toggle-expanded\"): void;\n}>();\n\nconst handleSelected = (event: Event) => {\n  if (props.disabled) {\n    return;\n  }\n  const option: MenuOption = {\n    ...props,\n  };\n  emits(\"handle-selected\", {\n    option,\n    event,\n  });\n  // After the reactive state settles, force-sync the DOM checked/indeterminate\n  // properties. Vue skips patching when the computed value doesn't change (e.g.\n  // indeterminate parent: isChecked was false before and is still false after\n  // deselecting all children), leaving the browser-toggled state stale.\n  nextTick(() => {\n    if (inputRef.value) {\n      inputRef.value.checked = isChecked.value;\n      inputRef.value.indeterminate = isIndeterminate.value;\n    }\n  });\n};\n</script>\n\n<template>\n  <label\n    class=\"pv-label pv-label-hover pv-flex pv-stack-4 pv-inset-square-8\"\n    :class=\"computedClassList\"\n    :style=\"[\n      disabledStyle,\n      { cursor: 'pointer', paddingTop: subText ? '4px' : undefined, paddingBottom: subText ? '4px' : undefined },\n    ]\"\n    :data-testid=\"dataTestId\"\n  >\n    <input\n      ref=\"inputRef\"\n      :hidden=\"inputHidden\"\n      :type=\"inputType\"\n      :name=\"inputName\"\n      :checked=\"isChecked\"\n      :indeterminate=\"isIndeterminate\"\n      :class=\"inputClass\"\n      :disabled=\"disabled\"\n      @change=\"handleSelected\"\n    />\n    <template v-if=\"menuOptionConfig?.renderer\">\n      <component :is=\"menuOptionConfig?.renderer\" v-bind=\"$props\" />\n    </template>\n    <template v-else>\n      <PvMenuBaseItem\n        v-bind=\"computedOption\"\n        :menuOptionConfig=\"menuOptionConfig\"\n        :queryText=\"queryText\"\n        :highlightSearchText=\"highlightSearchText\"\n      />\n    </template>\n    <PvIcon v-if=\"menuOptionConfig?.variant === 'checkmark' && isChecked\" name=\"check\" class=\"pv-text-success\" />\n    <PvSwitch\n      v-if=\"menuOptionConfig?.variant === 'toggle'\"\n      :modelValue=\"isChecked\"\n      :ariaLabel=\"props.text || 'Toggle'\"\n      size=\"sm\"\n      hideCheckIcon\n      style=\"pointer-events: none\"\n    />\n    <PvMenuItemAction v-if=\"menuOptionConfig?.action\" :action=\"menuOptionConfig?.action\" :option=\"props\" />\n    <button\n      v-if=\"showChevron\"\n      type=\"button\"\n      class=\"pv-button-ghost pv-menu-item-expand-chevron\"\n      :aria-label=\"props.text ? `Toggle children for ${props.text}` : 'Toggle children'\"\n      :aria-expanded=\"expanded\"\n      @click.prevent.stop=\"emits('toggle-expanded')\"\n    >\n      <PvIcon :name=\"chevronIcon ?? 'chevron-right'\" :size=\"12\" />\n    </button>\n  </label>\n</template>\n\n<style scoped>\n.pv-menu-item-disabled {\n  pointer-events: none;\n  border-radius: 4px;\n  color: #7d898d;\n}\n.pv-menu-item {\n  cursor: pointer;\n  transition-duration: 150ms;\n  transition-property: background-color;\n  border-radius: var(--popover-list-item-radius, 4px);\n  &:hover,\n  &:focus-visible {\n    background-color: var(--popover-list-item-hover-background-color, #f5f5f5);\n  }\n  &:active {\n    background-color: var(--popover-list-item-pressed-background-color, #ebebeb);\n  }\n}\n.pv-radio:indeterminate {\n  background-color: unset !important;\n  border-color: var(--color-border, #e3e7ea) !important;\n}\n.pv-menu-item-expand-chevron {\n  padding: 4px;\n  margin-left: auto;\n  flex-shrink: 0;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed, inject, ref, watch } from \"vue\";\n\nimport { MenuOption, MenuOptionConfig, MenuOptionSelectedEvent, SeeMoreEvent } from \"@/types.ts\";\nimport PvMenuItemVariant from \"@/components/base/PvMenu/items/PvMenuItemVariant.vue\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport {\n  SelectedItemsKey,\n  EnableChildExpansionKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n  ParentSelectsAllChildrenKey,\n} from \"@/components/base/PvMenu/symbols\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst MAX_LEVEL_DEPTH = 4;\n\ninterface PvMenuItemProps extends MenuOption {\n  level?: number;\n  config?: MenuOptionConfig;\n  queryText?: string | null;\n  highlightSearchText?: boolean;\n  itemClass?: string;\n}\n\nconst props = withDefaults(defineProps<PvMenuItemProps>(), {\n  level: 0,\n});\nconst injectedSelectedItems = inject(SelectedItemsKey, undefined);\nconst modelSelectedIds = defineModel<string[]>(\"selectedIds\", { default: () => [] });\n\nconst enableChildExpansion = inject(EnableChildExpansionKey, ref(false));\nconst parentSelectsAllChildren = inject(ParentSelectsAllChildrenKey, ref(false));\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\nconst cascadeDeselectedChildIds = inject(CascadeDeselectedChildIdsKey, undefined);\n\nconst isExpanded = ref(props.defaultExpanded ?? false);\nconst isSeeMoreLoading = ref(false);\nconst hasExhaustedChildren = ref(false);\nconst childOptions = ref<MenuOption[]>(props.children ?? []);\nconst lazyLoadedChildIds = ref<Set<string>>(new Set());\n\nwatch(\n  () => props.children,\n  (newChildren) => {\n    if (!newChildren) {\n      childOptions.value = [];\n      return;\n    }\n    // Preserve lazily loaded children (from handleSeeMore) that aren't in the\n    // new prop value, but drop any original children that were filtered out.\n    const lazyChildren = childOptions.value.filter((c) => lazyLoadedChildIds.value.has(c.id));\n    const newChildIds = new Set(newChildren.map((c) => c.id));\n    const extras = lazyChildren.filter((c) => !newChildIds.has(c.id));\n    childOptions.value = [...newChildren, ...extras];\n    hasExhaustedChildren.value = false;\n  },\n);\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value;\n};\n\nconst paddingLeft = computed(() => ({ paddingLeft: `${props.level * 12 + 12}px` }));\n\n// Omit PvMenuItem-only props so v-bind doesn't leak them as DOM attributes\n// on PvMenuItemVariant (which doesn't declare them).\nconst variantProps = computed(() => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { level, config, itemClass, ...rest } = props;\n  return rest;\n});\n\nconst hasChildren = computed(() => {\n  return (childOptions.value.length > 0 || (props.totalChildCount ?? 0) > 0) && props.level < MAX_LEVEL_DEPTH;\n});\n\nconst showSubMenu = computed(() => {\n  if (!hasChildren.value) return false;\n  if (enableChildExpansion.value) return isExpanded.value;\n  return true;\n});\n\nconst chevronIcon = computed(() => {\n  return isExpanded.value ? \"chevron-down\" : \"chevron-right\";\n});\n\nconst optionIsSelected = (option: PvMenuItemProps): boolean => {\n  if (injectedSelectedItems && Array.isArray(injectedSelectedItems.value)) {\n    return injectedSelectedItems.value.some((item) => item.id === option.id);\n  }\n  return modelSelectedIds.value.includes(option.id);\n};\n\nconst emits = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\nconst hasMoreChildren = computed(() => {\n  if (hasExhaustedChildren.value) return false;\n  if (props.totalChildCount == null) return false;\n  return props.totalChildCount > childOptions.value.length;\n});\n\nconst handleSeeMoreClick = async () => {\n  if (isSeeMoreLoading.value) return;\n\n  if (!props.handleSeeMore) {\n    emits(\"see-more\", { parentId: props.id, offset: childOptions.value.length });\n    return;\n  }\n\n  const parentIsSelected = cascadeSelectedParentIds?.value?.has(props.id) ?? false;\n\n  isSeeMoreLoading.value = true;\n  try {\n    const newChildren = await props.handleSeeMore({ parentId: props.id, offset: childOptions.value.length });\n    if (Array.isArray(newChildren) && newChildren.length > 0) {\n      const existingIds = new Set(childOptions.value.map((c) => c.id));\n      const uniqueNewChildren = newChildren.filter((c) => !existingIds.has(c.id));\n      if (uniqueNewChildren.length === 0) {\n        hasExhaustedChildren.value = true;\n        return;\n      }\n      const nextLazy = new Set(lazyLoadedChildIds.value);\n      for (const c of uniqueNewChildren) nextLazy.add(c.id);\n      lazyLoadedChildIds.value = nextLazy;\n      childOptions.value = [...childOptions.value, ...uniqueNewChildren];\n      // If the parent was selected, auto-select newly loaded children\n      // (excluding any that were explicitly deselected by the user)\n      if (parentIsSelected && injectedSelectedItems?.value) {\n        const deselected = cascadeDeselectedChildIds?.value?.get(props.id);\n        const candidates = deselected ? uniqueNewChildren.filter((c) => !deselected.has(c.id)) : uniqueNewChildren;\n        if (candidates.length > 0) {\n          const existingSelectedIds = new Set(injectedSelectedItems.value.map((item) => item.id));\n          const toSelect = candidates.filter((c) => !existingSelectedIds.has(c.id));\n          if (toSelect.length > 0) {\n            injectedSelectedItems.value = [...injectedSelectedItems.value, ...toSelect];\n          }\n        }\n      }\n    } else if (Array.isArray(newChildren)) {\n      hasExhaustedChildren.value = true;\n    }\n  } finally {\n    isSeeMoreLoading.value = false;\n  }\n};\n\nconst handleSelected = (event: MenuOptionSelectedEvent) => {\n  // If this item is expandable and has children, clicking it toggles expansion\n  // rather than selection — unless parentSelectsAllChildren is enabled, in which\n  // case the parent click should cascade-select all children (expansion stays\n  // available via the chevron button).\n  if (\n    enableChildExpansion.value &&\n    hasChildren.value &&\n    event.option.id === props.id &&\n    !parentSelectsAllChildren.value\n  ) {\n    toggleExpanded();\n    return;\n  }\n  if (!injectedSelectedItems) {\n    const index = modelSelectedIds.value.indexOf(event.option.id);\n    if (index > -1) {\n      modelSelectedIds.value = [...modelSelectedIds.value.slice(0, index), ...modelSelectedIds.value.slice(index + 1)];\n    } else {\n      modelSelectedIds.value = [...modelSelectedIds.value, event.option.id];\n    }\n  }\n  emits(\"handle-selected\", event);\n};\n\n// Bubble child handle-selected events without toggling modelSelectedIds again\n// (the child PvMenuItem already updated the shared modelSelectedIds via v-model).\nconst handleChildSelected = (event: MenuOptionSelectedEvent) => {\n  emits(\"handle-selected\", event);\n};\n</script>\n\n<template v-if=\"level < MAX_LEVEL_DEPTH\">\n  <PvMenuItemVariant\n    v-bind=\"variantProps\"\n    :children=\"childOptions\"\n    :menuOptionConfig=\"config\"\n    :queryText=\"queryText\"\n    :highlightSearchText=\"highlightSearchText\"\n    :showChevron=\"enableChildExpansion && hasChildren\"\n    :chevronIcon=\"chevronIcon\"\n    :expanded=\"isExpanded\"\n    @handle-selected=\"handleSelected\"\n    @toggle-expanded=\"toggleExpanded\"\n    :selected=\"optionIsSelected(props)\"\n  />\n  <ul v-if=\"showSubMenu\" role=\"list\" :style=\"paddingLeft\">\n    <li\n      v-for=\"childOption in childOptions\"\n      :key=\"childOption.id\"\n      :data-active=\"optionIsSelected(childOption) ? 'true' : null\"\n      :class=\"itemClass\"\n    >\n      <PvMenuItem\n        v-bind=\"childOption\"\n        v-model:selectedIds=\"modelSelectedIds\"\n        :config=\"childOption.config ?? config\"\n        :queryText=\"queryText\"\n        :highlightSearchText=\"highlightSearchText\"\n        :level=\"level + 1\"\n        @handle-selected=\"handleChildSelected\"\n        @see-more=\"emits('see-more', $event)\"\n      />\n    </li>\n    <li v-if=\"hasMoreChildren\">\n      <PvButton\n        class=\"pv-text-brand\"\n        variant=\"ghost\"\n        label=\"See more\"\n        :loading=\"isSeeMoreLoading\"\n        data-testid=\"pv-menu-item-see-more\"\n        @click=\"handleSeeMoreClick\"\n      />\n    </li>\n  </ul>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, inject, ref, watch } from \"vue\";\n\nimport { MenuOption, MenuOptionConfig, MenuOptionSelectedEvent, SeeMoreEvent } from \"@/types.ts\";\nimport PvMenuItemVariant from \"@/components/base/PvMenu/items/PvMenuItemVariant.vue\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport {\n  SelectedItemsKey,\n  EnableChildExpansionKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n  ParentSelectsAllChildrenKey,\n} from \"@/components/base/PvMenu/symbols\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst MAX_LEVEL_DEPTH = 4;\n\ninterface PvMenuItemProps extends MenuOption {\n  level?: number;\n  config?: MenuOptionConfig;\n  queryText?: string | null;\n  highlightSearchText?: boolean;\n  itemClass?: string;\n}\n\nconst props = withDefaults(defineProps<PvMenuItemProps>(), {\n  level: 0,\n});\nconst injectedSelectedItems = inject(SelectedItemsKey, undefined);\nconst modelSelectedIds = defineModel<string[]>(\"selectedIds\", { default: () => [] });\n\nconst enableChildExpansion = inject(EnableChildExpansionKey, ref(false));\nconst parentSelectsAllChildren = inject(ParentSelectsAllChildrenKey, ref(false));\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\nconst cascadeDeselectedChildIds = inject(CascadeDeselectedChildIdsKey, undefined);\n\nconst isExpanded = ref(props.defaultExpanded ?? false);\nconst isSeeMoreLoading = ref(false);\nconst hasExhaustedChildren = ref(false);\nconst childOptions = ref<MenuOption[]>(props.children ?? []);\nconst lazyLoadedChildIds = ref<Set<string>>(new Set());\n\nwatch(\n  () => props.children,\n  (newChildren) => {\n    if (!newChildren) {\n      childOptions.value = [];\n      return;\n    }\n    // Preserve lazily loaded children (from handleSeeMore) that aren't in the\n    // new prop value, but drop any original children that were filtered out.\n    const lazyChildren = childOptions.value.filter((c) => lazyLoadedChildIds.value.has(c.id));\n    const newChildIds = new Set(newChildren.map((c) => c.id));\n    const extras = lazyChildren.filter((c) => !newChildIds.has(c.id));\n    childOptions.value = [...newChildren, ...extras];\n    hasExhaustedChildren.value = false;\n  },\n);\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value;\n};\n\nconst paddingLeft = computed(() => ({ paddingLeft: `${props.level * 12 + 12}px` }));\n\n// Omit PvMenuItem-only props so v-bind doesn't leak them as DOM attributes\n// on PvMenuItemVariant (which doesn't declare them).\nconst variantProps = computed(() => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { level, config, itemClass, ...rest } = props;\n  return rest;\n});\n\nconst hasChildren = computed(() => {\n  return (childOptions.value.length > 0 || (props.totalChildCount ?? 0) > 0) && props.level < MAX_LEVEL_DEPTH;\n});\n\nconst showSubMenu = computed(() => {\n  if (!hasChildren.value) return false;\n  if (enableChildExpansion.value) return isExpanded.value;\n  return true;\n});\n\nconst chevronIcon = computed(() => {\n  return isExpanded.value ? \"chevron-down\" : \"chevron-right\";\n});\n\nconst optionIsSelected = (option: PvMenuItemProps): boolean => {\n  if (injectedSelectedItems && Array.isArray(injectedSelectedItems.value)) {\n    return injectedSelectedItems.value.some((item) => item.id === option.id);\n  }\n  return modelSelectedIds.value.includes(option.id);\n};\n\nconst emits = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\nconst hasMoreChildren = computed(() => {\n  if (hasExhaustedChildren.value) return false;\n  if (props.totalChildCount == null) return false;\n  return props.totalChildCount > childOptions.value.length;\n});\n\nconst handleSeeMoreClick = async () => {\n  if (isSeeMoreLoading.value) return;\n\n  if (!props.handleSeeMore) {\n    emits(\"see-more\", { parentId: props.id, offset: childOptions.value.length });\n    return;\n  }\n\n  const parentIsSelected = cascadeSelectedParentIds?.value?.has(props.id) ?? false;\n\n  isSeeMoreLoading.value = true;\n  try {\n    const newChildren = await props.handleSeeMore({ parentId: props.id, offset: childOptions.value.length });\n    if (Array.isArray(newChildren) && newChildren.length > 0) {\n      const existingIds = new Set(childOptions.value.map((c) => c.id));\n      const uniqueNewChildren = newChildren.filter((c) => !existingIds.has(c.id));\n      if (uniqueNewChildren.length === 0) {\n        hasExhaustedChildren.value = true;\n        return;\n      }\n      const nextLazy = new Set(lazyLoadedChildIds.value);\n      for (const c of uniqueNewChildren) nextLazy.add(c.id);\n      lazyLoadedChildIds.value = nextLazy;\n      childOptions.value = [...childOptions.value, ...uniqueNewChildren];\n      // If the parent was selected, auto-select newly loaded children\n      // (excluding any that were explicitly deselected by the user)\n      if (parentIsSelected && injectedSelectedItems?.value) {\n        const deselected = cascadeDeselectedChildIds?.value?.get(props.id);\n        const candidates = deselected ? uniqueNewChildren.filter((c) => !deselected.has(c.id)) : uniqueNewChildren;\n        if (candidates.length > 0) {\n          const existingSelectedIds = new Set(injectedSelectedItems.value.map((item) => item.id));\n          const toSelect = candidates.filter((c) => !existingSelectedIds.has(c.id));\n          if (toSelect.length > 0) {\n            injectedSelectedItems.value = [...injectedSelectedItems.value, ...toSelect];\n          }\n        }\n      }\n    } else if (Array.isArray(newChildren)) {\n      hasExhaustedChildren.value = true;\n    }\n  } finally {\n    isSeeMoreLoading.value = false;\n  }\n};\n\nconst handleSelected = (event: MenuOptionSelectedEvent) => {\n  // If this item is expandable and has children, clicking it toggles expansion\n  // rather than selection — unless parentSelectsAllChildren is enabled, in which\n  // case the parent click should cascade-select all children (expansion stays\n  // available via the chevron button).\n  if (\n    enableChildExpansion.value &&\n    hasChildren.value &&\n    event.option.id === props.id &&\n    !parentSelectsAllChildren.value\n  ) {\n    toggleExpanded();\n    return;\n  }\n  if (!injectedSelectedItems) {\n    const index = modelSelectedIds.value.indexOf(event.option.id);\n    if (index > -1) {\n      modelSelectedIds.value = [...modelSelectedIds.value.slice(0, index), ...modelSelectedIds.value.slice(index + 1)];\n    } else {\n      modelSelectedIds.value = [...modelSelectedIds.value, event.option.id];\n    }\n  }\n  emits(\"handle-selected\", event);\n};\n\n// Bubble child handle-selected events without toggling modelSelectedIds again\n// (the child PvMenuItem already updated the shared modelSelectedIds via v-model).\nconst handleChildSelected = (event: MenuOptionSelectedEvent) => {\n  emits(\"handle-selected\", event);\n};\n</script>\n\n<template v-if=\"level < MAX_LEVEL_DEPTH\">\n  <PvMenuItemVariant\n    v-bind=\"variantProps\"\n    :children=\"childOptions\"\n    :menuOptionConfig=\"config\"\n    :queryText=\"queryText\"\n    :highlightSearchText=\"highlightSearchText\"\n    :showChevron=\"enableChildExpansion && hasChildren\"\n    :chevronIcon=\"chevronIcon\"\n    :expanded=\"isExpanded\"\n    @handle-selected=\"handleSelected\"\n    @toggle-expanded=\"toggleExpanded\"\n    :selected=\"optionIsSelected(props)\"\n  />\n  <ul v-if=\"showSubMenu\" role=\"list\" :style=\"paddingLeft\">\n    <li\n      v-for=\"childOption in childOptions\"\n      :key=\"childOption.id\"\n      :data-active=\"optionIsSelected(childOption) ? 'true' : null\"\n      :class=\"itemClass\"\n    >\n      <PvMenuItem\n        v-bind=\"childOption\"\n        v-model:selectedIds=\"modelSelectedIds\"\n        :config=\"childOption.config ?? config\"\n        :queryText=\"queryText\"\n        :highlightSearchText=\"highlightSearchText\"\n        :level=\"level + 1\"\n        @handle-selected=\"handleChildSelected\"\n        @see-more=\"emits('see-more', $event)\"\n      />\n    </li>\n    <li v-if=\"hasMoreChildren\">\n      <PvButton\n        class=\"pv-text-brand\"\n        variant=\"ghost\"\n        label=\"See more\"\n        :loading=\"isSeeMoreLoading\"\n        data-testid=\"pv-menu-item-see-more\"\n        @click=\"handleSeeMoreClick\"\n      />\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, provide, ref, shallowRef, watch } from \"vue\";\n\nimport { MenuOption, MenuOptionSelectedEvent, SeeMoreEvent } from \"@/types\";\nimport PvMenuItem from \"@/components/base/PvMenu/items/PvMenuItem.vue\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport { PvMenuProps } from \"./types\";\nimport { collectLeafOptions, mergeLeafOptions } from \"./cascadeUtils\";\nimport {\n  SelectedItemsKey,\n  EnableCascadeSelectionKey,\n  OriginalOptionsMapKey,\n  ParentSelectsAllChildrenKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n} from \"./symbols\";\n\nconst props = defineProps<PvMenuProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\nconst selectedItems = defineModel<MenuOption[]>(\"selectedItems\", { default: () => [] });\n\n// Vue 3.5 defineModel doesn't update local value synchronously when the prop\n// is passed by a parent (it only emits and waits for the parent to re-render).\n// This local ref is updated immediately so consecutive selections read correct state.\nconst localSelectedItems = shallowRef<MenuOption[]>(selectedItems.value);\n\nwatch(selectedItems, (newVal) => {\n  localSelectedItems.value = newVal;\n});\n\n// Sync back to the model when descendants mutate localSelectedItems directly\n// (e.g. auto-selecting lazy-loaded children in PvMenuItem.handleSeeMoreClick).\nwatch(localSelectedItems, (newVal) => {\n  if (newVal !== selectedItems.value) {\n    selectedItems.value = newVal;\n  }\n});\n\nprovide(SelectedItemsKey, localSelectedItems);\nprovide(\n  EnableCascadeSelectionKey,\n  computed(() => !!props.enableCascadeSelection),\n);\n\nconst originalOptionsMap = inject(OriginalOptionsMapKey, undefined);\nconst parentSelectsAllChildren = inject(ParentSelectsAllChildrenKey, ref(false));\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\nconst cascadeDeselectedChildIds = inject(CascadeDeselectedChildIdsKey, undefined);\n\nconst isSingleSelect = computed(() => props.singleSelect || props.config?.variant === \"radio\");\n\nconst handleItemSelected = (event: MenuOptionSelectedEvent) => {\n  const option = event.option;\n  let newSelection: MenuOption[];\n\n  if (props.enableCascadeSelection && option.children?.length) {\n    // Only leaf options are added to the selection — the parent itself is never\n    // included because it is purely an organisational node, not a selectable value.\n    // When parentSelectsAllChildren is true, use the original (unfiltered)\n    // children so clicking a parent selects all children regardless of search query.\n    let leafOptions: MenuOption[];\n    if (parentSelectsAllChildren.value && originalOptionsMap?.value) {\n      const originalOption = originalOptionsMap.value.get(option.id);\n      const originalLeaves = originalOption?.children ? collectLeafOptions(originalOption.children) : [];\n      const currentLeaves = collectLeafOptions(option.children);\n      leafOptions = mergeLeafOptions(originalLeaves, currentLeaves);\n    } else {\n      leafOptions = collectLeafOptions(option.children);\n    }\n    const leafIds = leafOptions.map((o) => o.id);\n    const current = localSelectedItems.value;\n    const anySelected = leafIds.some((id) => current.some((item) => item.id === id));\n    newSelection = anySelected ? current.filter((item) => !leafIds.includes(item.id)) : [...current, ...leafOptions];\n\n    // Track whether this parent was explicitly clicked for cascade selection\n    if (cascadeSelectedParentIds?.value) {\n      const next = new Set(cascadeSelectedParentIds.value);\n      if (anySelected) {\n        next.delete(option.id);\n      } else {\n        next.add(option.id);\n      }\n      cascadeSelectedParentIds.value = next;\n    }\n    // Clear deselected children tracking when parent is explicitly toggled\n    if (cascadeDeselectedChildIds?.value?.has(option.id)) {\n      const next = new Map(cascadeDeselectedChildIds.value);\n      next.delete(option.id);\n      cascadeDeselectedChildIds.value = next;\n    }\n  } else if (isSingleSelect.value) {\n    if (localSelectedItems.value.length === 1 && localSelectedItems.value[0].id === option.id) {\n      newSelection = [];\n    } else {\n      newSelection = [option];\n    }\n  } else {\n    const index = localSelectedItems.value.findIndex((item) => item.id === option.id);\n    if (index > -1) {\n      newSelection = [...localSelectedItems.value.slice(0, index), ...localSelectedItems.value.slice(index + 1)];\n    } else {\n      newSelection = [...localSelectedItems.value, option];\n    }\n\n    // Track individually deselected/re-selected children under selected parents\n    // so dynamically loaded children (see-more) can inherit the correct state.\n    if (props.enableCascadeSelection && cascadeSelectedParentIds?.value && cascadeDeselectedChildIds?.value) {\n      const isDeselecting = index > -1;\n      for (const parentId of cascadeSelectedParentIds.value) {\n        // Find if this child belongs to this parent\n        const parentOption = originalOptionsMap?.value?.get(parentId);\n        const parentChildren = parentOption?.children ?? props.options.find((o) => o.id === parentId)?.children;\n        if (!parentChildren) continue;\n        const leaves = collectLeafOptions(parentChildren);\n        // Also check the option itself as it may have been dynamically loaded\n        const isChildOfParent =\n          leaves.some((l) => l.id === option.id) ||\n          props.options.find((o) => o.id === parentId)?.children?.some((c) => c.id === option.id);\n        if (!isChildOfParent) continue;\n\n        const next = new Map(cascadeDeselectedChildIds.value);\n        const deselected = new Set(next.get(parentId) ?? []);\n        if (isDeselecting) {\n          deselected.add(option.id);\n        } else {\n          deselected.delete(option.id);\n        }\n        if (deselected.size > 0) {\n          next.set(parentId, deselected);\n        } else {\n          next.delete(parentId);\n        }\n        cascadeDeselectedChildIds.value = next;\n        break;\n      }\n    }\n  }\n\n  localSelectedItems.value = newSelection;\n  selectedItems.value = newSelection;\n\n  emit(\"handle-selected\", event);\n};\n\nconst selectedIds = computed(() => new Set(localSelectedItems.value.map((item) => item.id)));\n\nconst hasSelectedDescendant = (children: MenuOption[]): boolean => {\n  for (const child of children) {\n    if (selectedIds.value.has(child.id)) return true;\n    if (child.children?.length && hasSelectedDescendant(child.children)) return true;\n  }\n  return false;\n};\n\nconst isActive = (option: MenuOption): true | null => {\n  if (selectedIds.value.has(option.id)) {\n    return true;\n  }\n  if (props.enableCascadeSelection && option.children?.length && hasSelectedDescendant(option.children)) {\n    return true;\n  }\n  return null;\n};\n\nconst isVisible = (option: MenuOption, isLoading?: boolean): boolean => {\n  if (!isLoading) return true;\n  return isActive(option) === true;\n};\n</script>\n\n<template>\n  <ul role=\"list\" class=\"pv-popover-list\">\n    <li\n      v-for=\"option in options\"\n      v-show=\"isVisible(option, isLoading)\"\n      :key=\"option.id\"\n      :data-active=\"isActive(option)\"\n      :data-testid=\"itemTestId\"\n      :class=\"itemClass\"\n    >\n      <PvMenuItem\n        v-bind=\"option\"\n        :config=\"config\"\n        :itemClass=\"itemClass\"\n        :queryText=\"queryText\"\n        @handle-selected=\"handleItemSelected\"\n        @see-more=\"emit('see-more', $event)\"\n      />\n    </li>\n    <li v-if=\"hasMoreOptions\">\n      <PvButton\n        class=\"pv-text-brand\"\n        variant=\"ghost\"\n        label=\"See more\"\n        data-testid=\"pv-menu-see-more\"\n        @click=\"emit('see-more', { parentId: undefined })\"\n      />\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, provide, ref, shallowRef, watch } from \"vue\";\n\nimport { MenuOption, MenuOptionSelectedEvent, SeeMoreEvent } from \"@/types\";\nimport PvMenuItem from \"@/components/base/PvMenu/items/PvMenuItem.vue\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport { PvMenuProps } from \"./types\";\nimport { collectLeafOptions, mergeLeafOptions } from \"./cascadeUtils\";\nimport {\n  SelectedItemsKey,\n  EnableCascadeSelectionKey,\n  OriginalOptionsMapKey,\n  ParentSelectsAllChildrenKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n} from \"./symbols\";\n\nconst props = defineProps<PvMenuProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\nconst selectedItems = defineModel<MenuOption[]>(\"selectedItems\", { default: () => [] });\n\n// Vue 3.5 defineModel doesn't update local value synchronously when the prop\n// is passed by a parent (it only emits and waits for the parent to re-render).\n// This local ref is updated immediately so consecutive selections read correct state.\nconst localSelectedItems = shallowRef<MenuOption[]>(selectedItems.value);\n\nwatch(selectedItems, (newVal) => {\n  localSelectedItems.value = newVal;\n});\n\n// Sync back to the model when descendants mutate localSelectedItems directly\n// (e.g. auto-selecting lazy-loaded children in PvMenuItem.handleSeeMoreClick).\nwatch(localSelectedItems, (newVal) => {\n  if (newVal !== selectedItems.value) {\n    selectedItems.value = newVal;\n  }\n});\n\nprovide(SelectedItemsKey, localSelectedItems);\nprovide(\n  EnableCascadeSelectionKey,\n  computed(() => !!props.enableCascadeSelection),\n);\n\nconst originalOptionsMap = inject(OriginalOptionsMapKey, undefined);\nconst parentSelectsAllChildren = inject(ParentSelectsAllChildrenKey, ref(false));\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\nconst cascadeDeselectedChildIds = inject(CascadeDeselectedChildIdsKey, undefined);\n\nconst isSingleSelect = computed(() => props.singleSelect || props.config?.variant === \"radio\");\n\nconst handleItemSelected = (event: MenuOptionSelectedEvent) => {\n  const option = event.option;\n  let newSelection: MenuOption[];\n\n  if (props.enableCascadeSelection && option.children?.length) {\n    // Only leaf options are added to the selection — the parent itself is never\n    // included because it is purely an organisational node, not a selectable value.\n    // When parentSelectsAllChildren is true, use the original (unfiltered)\n    // children so clicking a parent selects all children regardless of search query.\n    let leafOptions: MenuOption[];\n    if (parentSelectsAllChildren.value && originalOptionsMap?.value) {\n      const originalOption = originalOptionsMap.value.get(option.id);\n      const originalLeaves = originalOption?.children ? collectLeafOptions(originalOption.children) : [];\n      const currentLeaves = collectLeafOptions(option.children);\n      leafOptions = mergeLeafOptions(originalLeaves, currentLeaves);\n    } else {\n      leafOptions = collectLeafOptions(option.children);\n    }\n    const leafIds = leafOptions.map((o) => o.id);\n    const current = localSelectedItems.value;\n    const anySelected = leafIds.some((id) => current.some((item) => item.id === id));\n    newSelection = anySelected ? current.filter((item) => !leafIds.includes(item.id)) : [...current, ...leafOptions];\n\n    // Track whether this parent was explicitly clicked for cascade selection\n    if (cascadeSelectedParentIds?.value) {\n      const next = new Set(cascadeSelectedParentIds.value);\n      if (anySelected) {\n        next.delete(option.id);\n      } else {\n        next.add(option.id);\n      }\n      cascadeSelectedParentIds.value = next;\n    }\n    // Clear deselected children tracking when parent is explicitly toggled\n    if (cascadeDeselectedChildIds?.value?.has(option.id)) {\n      const next = new Map(cascadeDeselectedChildIds.value);\n      next.delete(option.id);\n      cascadeDeselectedChildIds.value = next;\n    }\n  } else if (isSingleSelect.value) {\n    if (localSelectedItems.value.length === 1 && localSelectedItems.value[0].id === option.id) {\n      newSelection = [];\n    } else {\n      newSelection = [option];\n    }\n  } else {\n    const index = localSelectedItems.value.findIndex((item) => item.id === option.id);\n    if (index > -1) {\n      newSelection = [...localSelectedItems.value.slice(0, index), ...localSelectedItems.value.slice(index + 1)];\n    } else {\n      newSelection = [...localSelectedItems.value, option];\n    }\n\n    // Track individually deselected/re-selected children under selected parents\n    // so dynamically loaded children (see-more) can inherit the correct state.\n    if (props.enableCascadeSelection && cascadeSelectedParentIds?.value && cascadeDeselectedChildIds?.value) {\n      const isDeselecting = index > -1;\n      for (const parentId of cascadeSelectedParentIds.value) {\n        // Find if this child belongs to this parent\n        const parentOption = originalOptionsMap?.value?.get(parentId);\n        const parentChildren = parentOption?.children ?? props.options.find((o) => o.id === parentId)?.children;\n        if (!parentChildren) continue;\n        const leaves = collectLeafOptions(parentChildren);\n        // Also check the option itself as it may have been dynamically loaded\n        const isChildOfParent =\n          leaves.some((l) => l.id === option.id) ||\n          props.options.find((o) => o.id === parentId)?.children?.some((c) => c.id === option.id);\n        if (!isChildOfParent) continue;\n\n        const next = new Map(cascadeDeselectedChildIds.value);\n        const deselected = new Set(next.get(parentId) ?? []);\n        if (isDeselecting) {\n          deselected.add(option.id);\n        } else {\n          deselected.delete(option.id);\n        }\n        if (deselected.size > 0) {\n          next.set(parentId, deselected);\n        } else {\n          next.delete(parentId);\n        }\n        cascadeDeselectedChildIds.value = next;\n        break;\n      }\n    }\n  }\n\n  localSelectedItems.value = newSelection;\n  selectedItems.value = newSelection;\n\n  emit(\"handle-selected\", event);\n};\n\nconst selectedIds = computed(() => new Set(localSelectedItems.value.map((item) => item.id)));\n\nconst hasSelectedDescendant = (children: MenuOption[]): boolean => {\n  for (const child of children) {\n    if (selectedIds.value.has(child.id)) return true;\n    if (child.children?.length && hasSelectedDescendant(child.children)) return true;\n  }\n  return false;\n};\n\nconst isActive = (option: MenuOption): true | null => {\n  if (selectedIds.value.has(option.id)) {\n    return true;\n  }\n  if (props.enableCascadeSelection && option.children?.length && hasSelectedDescendant(option.children)) {\n    return true;\n  }\n  return null;\n};\n\nconst isVisible = (option: MenuOption, isLoading?: boolean): boolean => {\n  if (!isLoading) return true;\n  return isActive(option) === true;\n};\n</script>\n\n<template>\n  <ul role=\"list\" class=\"pv-popover-list\">\n    <li\n      v-for=\"option in options\"\n      v-show=\"isVisible(option, isLoading)\"\n      :key=\"option.id\"\n      :data-active=\"isActive(option)\"\n      :data-testid=\"itemTestId\"\n      :class=\"itemClass\"\n    >\n      <PvMenuItem\n        v-bind=\"option\"\n        :config=\"config\"\n        :itemClass=\"itemClass\"\n        :queryText=\"queryText\"\n        @handle-selected=\"handleItemSelected\"\n        @see-more=\"emit('see-more', $event)\"\n      />\n    </li>\n    <li v-if=\"hasMoreOptions\">\n      <PvButton\n        class=\"pv-text-brand\"\n        variant=\"ghost\"\n        label=\"See more\"\n        data-testid=\"pv-menu-see-more\"\n        @click=\"emit('see-more', { parentId: undefined })\"\n      />\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { watch, useTemplateRef, computed, nextTick, shallowRef, provide } from \"vue\";\nimport { useToggle, onKeyStroke } from \"@vueuse/core\";\n\nimport { PvSearchInputExposed } from \"@/components/base/PvSearchInput/PvSearchInput.vue\";\nimport PvSelectControlPanel from \"../PvMenu/PvMenuControlPanel.vue\";\nimport PvSearchInput from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvSelectButtonTrigger from \"@/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue\";\nimport PvMenuEmptyState from \"../PvMenu/PvMenuEmptyState.vue\";\nimport PvMenu from \"../PvMenu/PvMenu.vue\";\nimport PvSpinner from \"@/components/base/PvSpinner/PvSpinner.vue\";\n\nimport { PvMultiSelectButtonProps } from \"./types\";\nimport { MenuOption, MenuOptionConfig, MultiSelectState, SelectionNode, SeeMoreEvent } from \"@/types\";\nimport {\n  collectLeafOptions,\n  countFromSelectionState,\n  countWithCollapsedParents,\n  filterOptionsRecursive,\n} from \"../PvMenu/cascadeUtils\";\nimport {\n  OriginalOptionsMapKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n  ParentSelectsAllChildrenKey,\n  EnableChildExpansionKey,\n} from \"../PvMenu/symbols\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\n\nconst props = withDefaults(defineProps<PvMultiSelectButtonProps<T>>(), {\n  counterPosition: \"left\",\n  variant: \"secondary\",\n  size: \"lg\",\n  label: \"Select\",\n  disableDropdownIcon: false,\n  disableClearIcon: false,\n  disableSearchInput: false,\n  optionsVariant: \"checkbox\",\n  options: () => [] as MenuOption<T>[],\n  menuActionsVariant: \"select-clear\",\n  highlightSearchText: false,\n  enableCascadeSelection: false,\n});\n\nconst optionConfig = computed(() => {\n  const config: MenuOptionConfig = {\n    renderer: props.optionsRenderer,\n    action: props.optionsAction,\n    variant: props.optionsVariant,\n    counterBadgeVariant: props.counterBadgeVariant,\n  };\n  return config;\n});\n\n// Build a map from option id → original (unfiltered) option so that descendants\n// can look up the full children list when parentSelectsAllChildren is true.\nconst originalOptionsMap = computed(() => {\n  const map = new Map<string, MenuOption<T>>();\n  const buildMap = (options: MenuOption<T>[]) => {\n    for (const option of options) {\n      map.set(option.id, option);\n      if (option.children?.length) buildMap(option.children);\n    }\n  };\n  buildMap(props.options);\n  return map;\n});\n\nconst cascadeSelectedParentIds = shallowRef<Set<string>>(new Set());\nconst cascadeDeselectedChildIds = shallowRef<Map<string, Set<string>>>(new Map());\n\nprovide(OriginalOptionsMapKey, originalOptionsMap);\nprovide(CascadeSelectedParentIdsKey, cascadeSelectedParentIds);\nprovide(CascadeDeselectedChildIdsKey, cascadeDeselectedChildIds);\nprovide(\n  ParentSelectsAllChildrenKey,\n  computed(() => props.parentSelectsAllChildren),\n);\nprovide(\n  EnableChildExpansionKey,\n  computed(() => !!props.enableChildExpansion),\n);\n\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\n/** Pre-computed mapping of parent option ID → its leaf descendant options. */\nconst parentLeafMap = computed(() => {\n  const map = new Map<string, MenuOption<T>[]>();\n  for (const [id, option] of originalOptionsMap.value) {\n    if (option.children?.length) {\n      map.set(id, collectLeafOptions(option.children));\n    }\n  }\n  return map;\n});\n\nconst getSelectionState = (): MultiSelectState => {\n  const parentLeafIds = new Set<string>();\n  if (cascadeSelectedParentIds.value.size > 0) {\n    for (const parentId of cascadeSelectedParentIds.value) {\n      const leaves = parentLeafMap.value.get(parentId);\n      if (leaves) {\n        for (const leaf of leaves) parentLeafIds.add(leaf.id);\n      }\n    }\n  }\n\n  const nodes: SelectionNode[] = [];\n\n  for (const parentId of cascadeSelectedParentIds.value) {\n    const deselected = cascadeDeselectedChildIds.value.get(parentId);\n    const node: SelectionNode = { id: parentId, state: \"selected\" };\n    if (deselected?.size) {\n      node.children = [...deselected].map((childId) => ({\n        id: childId,\n        state: \"deselected\" as const,\n      }));\n    }\n    nodes.push(node);\n  }\n\n  for (const item of selectedItems.value) {\n    if (!parentLeafIds.has(item.id)) {\n      nodes.push({ id: item.id, state: \"selected\" });\n    }\n  }\n\n  return nodes;\n};\n\nconst hasMoreOptions = computed(() => {\n  if (props.totalOptionCount == null) return false;\n  return props.totalOptionCount > props.options.length;\n});\n\nconst counterValue = computed(() => {\n  if (props.enableCascadeSelection && props.countSelectedParents && modelSelectionState.value?.length) {\n    return countFromSelectionState(modelSelectionState.value);\n  }\n  if (!props.countSelectedParents || !props.enableCascadeSelection) {\n    return selectedItems.value.length;\n  }\n  const selectedIds = new Set(selectedItems.value.map((item) => item.id));\n  return countWithCollapsedParents(props.options, selectedIds);\n});\n\nconst hasSelection = computed(() => {\n  if (selectedItems.value.length > 0) return true;\n  if (props.enableCascadeSelection && modelSelectionState.value?.length) {\n    return modelSelectionState.value.some((node) => node.state === \"selected\");\n  }\n  return false;\n});\n\nconst handleSeeMore = (payload?: SeeMoreEvent) => {\n  emits(\"see-more\", payload ?? {});\n};\n\nconst searchInputComponentRef = useTemplateRef<PvSearchInputExposed | null>(\"searchInputRef\");\n\nconst [open, handleOpen] = useToggle<boolean>(props.defaultOpen);\nconst modelSelectedItems = defineModel<MenuOption<T>[]>({\n  required: false,\n  default: () => [],\n});\nconst modelSelectionState = defineModel<MultiSelectState>(\"selectionState\");\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n  default: \"\",\n});\n\nconst suppressChangesUntilConfirmed = computed(() => {\n  return props.menuActionsVariant === \"cancel-confirm\";\n});\n\nconst storeSelectedItems = (newSelection: MenuOption<T>[]) => {\n  selectedItems.value = newSelection;\n  if (!suppressChangesUntilConfirmed.value) {\n    modelSelectedItems.value = newSelection;\n    modelSelectionState.value = getSelectionState();\n  }\n};\n\nconst applyPendingSelection = () => {\n  if (suppressChangesUntilConfirmed.value) {\n    modelSelectedItems.value = selectedItems.value;\n    modelSelectionState.value = getSelectionState();\n  }\n};\n\nconst resetPendingSelection = () => {\n  if (suppressChangesUntilConfirmed.value) {\n    selectedItems.value = modelSelectedItems.value;\n  }\n};\n\n// with cancel-confirm, we hold changes until confirmed\nconst selectedItems = shallowRef<MenuOption<T>[]>(modelSelectedItems.value);\n\nconst findOptionById = (id: string): MenuOption<T> | undefined => originalOptionsMap.value.get(id);\n\nconst syncFromSelectionState = (state: MultiSelectState | undefined) => {\n  if (!props.enableCascadeSelection || !state) return;\n\n  const nextSelectedParents = new Set<string>();\n  const nextDeselectedChildren = new Map<string, Set<string>>();\n  const nextSelectedItems: MenuOption<T>[] = [];\n  const selectedIds = new Set<string>();\n\n  const addSelectedItem = (option: MenuOption<T> | undefined, id: string) => {\n    if (selectedIds.has(id)) return;\n    selectedIds.add(id);\n    // Placeholder for unresolved nodes — the trigger badge prefers `…` over the\n    // raw scoped token (e.g. `__provider_id__PV_1004__health_system__Kaiser`)\n    // until the props.options watcher re-runs this sync with metadata loaded.\n    nextSelectedItems.push(option ?? ({ id, text: \"…\" } as MenuOption<T>));\n  };\n\n  for (const node of state) {\n    if (node.state !== \"selected\") continue;\n\n    const deselectedIds = new Set((node.children || []).filter((child) => child.state === \"deselected\").map((child) => child.id));\n    const leafOptions = parentLeafMap.value.get(node.id);\n\n    if (leafOptions) {\n      nextSelectedParents.add(node.id);\n      if (deselectedIds.size > 0) {\n        nextDeselectedChildren.set(node.id, deselectedIds);\n      }\n      for (const leaf of leafOptions) {\n        if (!deselectedIds.has(leaf.id)) {\n          addSelectedItem(leaf, leaf.id);\n        }\n      }\n      continue;\n    }\n\n    addSelectedItem(findOptionById(node.id), node.id);\n  }\n\n  cascadeSelectedParentIds.value = nextSelectedParents;\n  cascadeDeselectedChildIds.value = nextDeselectedChildren;\n  selectedItems.value = nextSelectedItems;\n};\n\nconst menuSelectedItems = computed({\n  get: () => selectedItems.value,\n  set: (newValue: MenuOption<T>[]) => {\n    storeSelectedItems(newValue);\n  },\n});\n\nconst closeDropdown = () => {\n  searchInput.value = \"\";\n  open.value = false;\n};\n\nconst popoverOffset = computed(() => {\n  // get width of trigger element to offset popover correctly when overlay trigger is enabled\n  const size = props.size === \"lg\" ? 24 : 30;\n  return props.overlayTrigger ? -size : undefined;\n});\n\n// sync when parent updates modelSelectedItems directly\nwatch(\n  () => modelSelectedItems.value,\n  (newValue) => {\n    if (props.enableCascadeSelection && modelSelectionState.value?.length && newValue.length === 0) {\n      syncFromSelectionState(modelSelectionState.value);\n      return;\n    }\n    selectedItems.value = newValue;\n  },\n);\n\nwatch(\n  () => [modelSelectionState.value, props.options] as const,\n  () => {\n    syncFromSelectionState(modelSelectionState.value);\n  },\n  { deep: true, immediate: true },\n);\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    resetPendingSelection();\n    nextTick(() => {\n      // if overlay trigger is enabled and search input exists, auto-target the search input\n      if (props.overlayTrigger && !props.disableSearchInput) {\n        searchInputComponentRef.value?.input?.focus();\n      }\n      emits(\"dropdown-open\");\n    });\n  } else {\n    // on close, discard pending changes\n    resetPendingSelection();\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst filteredOptions = computed(() => {\n  if (searchInput.value === \"\") return props.options;\n  const searchValue = searchInput.value.toLocaleLowerCase();\n\n  if (props.enableCascadeSelection) {\n    return filterOptionsRecursive(props.options, searchValue, !props.hideParentOnChildQueryMatch);\n  }\n\n  return props.options.filter(\n    (option) =>\n      option.text.toLocaleLowerCase().includes(searchValue) ||\n      option.searchText?.toLocaleLowerCase().includes(searchValue),\n  );\n});\n\nconst handleSelectAll = () => {\n  // Mark all parents as cascade-selected (select-all intent) before\n  // storing so the selection state snapshot is accurate.\n  if (props.enableCascadeSelection) {\n    const parentIds = new Set<string>();\n    const collectParentIds = (options: MenuOption<T>[]) => {\n      for (const option of options) {\n        if (option.children?.length) {\n          parentIds.add(option.id);\n          collectParentIds(option.children);\n        }\n      }\n    };\n    collectParentIds(props.options);\n    cascadeSelectedParentIds.value = parentIds;\n    cascadeDeselectedChildIds.value = new Map();\n  }\n\n  // select all visible item values (excluded ones filtered out by search)\n  const toSelect = props.enableCascadeSelection\n    ? collectLeafOptions(filteredOptions.value as MenuOption<T>[])\n    : filteredOptions.value;\n  storeSelectedItems(toSelect);\n};\n\nconst handleClearAll = () => {\n  cascadeSelectedParentIds.value = new Set();\n  cascadeDeselectedChildIds.value = new Map();\n  storeSelectedItems([]);\n};\n\nconst handleCancelSelection = () => {\n  resetPendingSelection();\n  closeDropdown();\n};\n\nconst handleConfirmSelection = () => {\n  applyPendingSelection();\n  closeDropdown();\n};\n\nconst groupingOptions = computed(() => {\n  if (!props.groupings) return;\n\n  const groupingMap = new Map<string, MenuOption[]>();\n\n  props.groupings.forEach((group) => {\n    groupingMap.set(group, []);\n  });\n\n  groupingMap.set(\"other\", []);\n\n  for (const option of props.options) {\n    const groupKey = option.groupingLabel;\n    const targetGroup = groupKey && groupingMap.has(groupKey) ? groupKey : \"other\";\n    groupingMap.get(targetGroup)!.push(option);\n  }\n\n  for (const [key, options] of groupingMap) {\n    if (options.length === 0) {\n      groupingMap.delete(key);\n    }\n  }\n\n  return Array.from(groupingMap.entries());\n});\n\nconst showGroupings = computed(() => {\n  return props.groupings && searchInput.value === \"\";\n});\n\nconst allSlotProps = computed(() => ({\n  ...props,\n  selectedItems: modelSelectedItems.value,\n  searchInput: searchInput.value,\n  slotContext: props.slotContext,\n  isOpen: open.value,\n  isLoading: props.isLoading,\n}));\n\nonKeyStroke(\"Escape\", () => {\n  if (!open.value) return;\n\n  closeDropdown();\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-model=\"open\" v-bind=\"popoverProperties\" :offset=\"popoverOffset\">\n    <template #trigger>\n      <PvSelectButtonTrigger\n        ref=\"select-button-trigger-ref\"\n        :variant=\"variant\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :counterPosition=\"counterPosition\"\n        :prefixLabel=\"prefixLabel\"\n        :label=\"label\"\n        :icon=\"icon\"\n        :companyLogo=\"companyLogo\"\n        :showClear=\"!disableClearIcon && hasSelection\"\n        :showDropdown=\"!disableDropdownIcon && !hasSelection\"\n        :open=\"open\"\n        :counter-value=\"counterValue\"\n        @handle-clear=\"handleClearAll\"\n        @handle-toggle-dropdown=\"handleOpen()\"\n      />\n    </template>\n    <template #content>\n      <div class=\"pv-popover\" data-test-id=\"pv-popover\" :style=\"{ '--position': 'unset', ...popoverCssProperties }\">\n        <template v-if=\"!disableSearchInput\">\n          <div class=\"pv-inset-square-8 pv-border-bottom\">\n            <PvSearchInput\n              ref=\"searchInputRef\"\n              v-model:model-value=\"searchInput\"\n              class=\"pv-stack-4\"\n              :placeholder=\"searchPlaceholder\"\n            />\n          </div>\n        </template>\n        <div v-if=\"$slots['header']\" class=\"pv-inset-square-8\">\n          <slot name=\"header\" v-bind=\"allSlotProps\" />\n        </div>\n        <template v-if=\"filteredOptions.length > 0\">\n          <template v-if=\"showGroupings\">\n            <div v-for=\"([label, options], index) in groupingOptions\" :key=\"label\">\n              <slot v-if=\"$slots[label]\" :name=\"label\" />\n              <span\n                class=\"pv-text-body-sm pv-inset-inline\"\n                style=\"color: #89989b; --inset-size: 8px\"\n                v-else-if=\"label !== 'other'\"\n                >{{ label }}</span\n              >\n              <PvMenu\n                v-model:selectedItems=\"menuSelectedItems\"\n                :options=\"options\"\n                :config=\"optionConfig\"\n                :queryText=\"highlightSearchText ? searchInput : null\"\n                :itemTestId=\"`pv-multiselect-${label}-item`\"\n                itemClass=\"pv-stack-4\"\n                :isLoading=\"isLoading\"\n                :enableCascadeSelection=\"enableCascadeSelection\"\n                :hasMoreOptions=\"index === groupingOptions!.length - 1 && hasMoreOptions && !isLoading\"\n                @see-more=\"handleSeeMore\"\n              />\n              <div\n                v-if=\"groupingOptions && index !== groupingOptions.length - 1\"\n                class=\"pv-border-top\"\n                style=\"margin: 8px 0\"\n              />\n            </div>\n          </template>\n          <template v-else>\n            <PvMenu\n              v-model:selectedItems=\"menuSelectedItems\"\n              :options=\"filteredOptions\"\n              :config=\"optionConfig\"\n              :queryText=\"highlightSearchText ? searchInput : null\"\n              :itemTestId=\"`pv-multiselect-${label}-item`\"\n              itemClass=\"pv-stack-4\"\n              :enableCascadeSelection=\"enableCascadeSelection\"\n              :hasMoreOptions=\"hasMoreOptions && !isLoading\"\n              @see-more=\"handleSeeMore\"\n            />\n          </template>\n        </template>\n        <div v-if=\"isLoading\" class=\"pv-flex pv-inset-square-8\" style=\"justify-content: center\">\n          <PvSpinner variant=\"dark\" />\n        </div>\n        <template v-else-if=\"filteredOptions.length === 0\">\n          <slot v-if=\"$slots['no-results']\" name=\"no-results\" v-bind=\"allSlotProps\" />\n          <PvMenuEmptyState v-else />\n        </template>\n        <div\n          class=\"pv-sticky pv-surface pv-border-top pv-inset-square-8\"\n          style=\"--flex-justify: space-between; --bottom: 0\"\n        >\n          <slot v-if=\"$slots['footer']\" name=\"footer\" v-bind=\"allSlotProps\" />\n          <PvSelectControlPanel\n            v-if=\"menuActionsVariant\"\n            :variant=\"menuActionsVariant\"\n            :disabled=\"isLoading\"\n            @handle-clear-all=\"handleClearAll\"\n            @handle-select-all=\"handleSelectAll\"\n            @handle-cancel=\"handleCancelSelection\"\n            @handle-confirm=\"handleConfirmSelection\"\n          />\n        </div>\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { watch, useTemplateRef, computed, nextTick, shallowRef, provide } from \"vue\";\nimport { useToggle, onKeyStroke } from \"@vueuse/core\";\n\nimport { PvSearchInputExposed } from \"@/components/base/PvSearchInput/PvSearchInput.vue\";\nimport PvSelectControlPanel from \"../PvMenu/PvMenuControlPanel.vue\";\nimport PvSearchInput from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvSelectButtonTrigger from \"@/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue\";\nimport PvMenuEmptyState from \"../PvMenu/PvMenuEmptyState.vue\";\nimport PvMenu from \"../PvMenu/PvMenu.vue\";\nimport PvSpinner from \"@/components/base/PvSpinner/PvSpinner.vue\";\n\nimport { PvMultiSelectButtonProps } from \"./types\";\nimport { MenuOption, MenuOptionConfig, MultiSelectState, SelectionNode, SeeMoreEvent } from \"@/types\";\nimport {\n  collectLeafOptions,\n  countFromSelectionState,\n  countWithCollapsedParents,\n  filterOptionsRecursive,\n} from \"../PvMenu/cascadeUtils\";\nimport {\n  OriginalOptionsMapKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n  ParentSelectsAllChildrenKey,\n  EnableChildExpansionKey,\n} from \"../PvMenu/symbols\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\n\nconst props = withDefaults(defineProps<PvMultiSelectButtonProps<T>>(), {\n  counterPosition: \"left\",\n  variant: \"secondary\",\n  size: \"lg\",\n  label: \"Select\",\n  disableDropdownIcon: false,\n  disableClearIcon: false,\n  disableSearchInput: false,\n  optionsVariant: \"checkbox\",\n  options: () => [] as MenuOption<T>[],\n  menuActionsVariant: \"select-clear\",\n  highlightSearchText: false,\n  enableCascadeSelection: false,\n});\n\nconst optionConfig = computed(() => {\n  const config: MenuOptionConfig = {\n    renderer: props.optionsRenderer,\n    action: props.optionsAction,\n    variant: props.optionsVariant,\n    counterBadgeVariant: props.counterBadgeVariant,\n  };\n  return config;\n});\n\n// Build a map from option id → original (unfiltered) option so that descendants\n// can look up the full children list when parentSelectsAllChildren is true.\nconst originalOptionsMap = computed(() => {\n  const map = new Map<string, MenuOption<T>>();\n  const buildMap = (options: MenuOption<T>[]) => {\n    for (const option of options) {\n      map.set(option.id, option);\n      if (option.children?.length) buildMap(option.children);\n    }\n  };\n  buildMap(props.options);\n  return map;\n});\n\nconst cascadeSelectedParentIds = shallowRef<Set<string>>(new Set());\nconst cascadeDeselectedChildIds = shallowRef<Map<string, Set<string>>>(new Map());\n\nprovide(OriginalOptionsMapKey, originalOptionsMap);\nprovide(CascadeSelectedParentIdsKey, cascadeSelectedParentIds);\nprovide(CascadeDeselectedChildIdsKey, cascadeDeselectedChildIds);\nprovide(\n  ParentSelectsAllChildrenKey,\n  computed(() => props.parentSelectsAllChildren),\n);\nprovide(\n  EnableChildExpansionKey,\n  computed(() => !!props.enableChildExpansion),\n);\n\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\n/** Pre-computed mapping of parent option ID → its leaf descendant options. */\nconst parentLeafMap = computed(() => {\n  const map = new Map<string, MenuOption<T>[]>();\n  for (const [id, option] of originalOptionsMap.value) {\n    if (option.children?.length) {\n      map.set(id, collectLeafOptions(option.children));\n    }\n  }\n  return map;\n});\n\nconst getSelectionState = (): MultiSelectState => {\n  const parentLeafIds = new Set<string>();\n  if (cascadeSelectedParentIds.value.size > 0) {\n    for (const parentId of cascadeSelectedParentIds.value) {\n      const leaves = parentLeafMap.value.get(parentId);\n      if (leaves) {\n        for (const leaf of leaves) parentLeafIds.add(leaf.id);\n      }\n    }\n  }\n\n  const nodes: SelectionNode[] = [];\n\n  for (const parentId of cascadeSelectedParentIds.value) {\n    const deselected = cascadeDeselectedChildIds.value.get(parentId);\n    const node: SelectionNode = { id: parentId, state: \"selected\" };\n    if (deselected?.size) {\n      node.children = [...deselected].map((childId) => ({\n        id: childId,\n        state: \"deselected\" as const,\n      }));\n    }\n    nodes.push(node);\n  }\n\n  for (const item of selectedItems.value) {\n    if (!parentLeafIds.has(item.id)) {\n      nodes.push({ id: item.id, state: \"selected\" });\n    }\n  }\n\n  return nodes;\n};\n\nconst hasMoreOptions = computed(() => {\n  if (props.totalOptionCount == null) return false;\n  return props.totalOptionCount > props.options.length;\n});\n\nconst counterValue = computed(() => {\n  if (props.enableCascadeSelection && props.countSelectedParents && modelSelectionState.value?.length) {\n    return countFromSelectionState(modelSelectionState.value);\n  }\n  if (!props.countSelectedParents || !props.enableCascadeSelection) {\n    return selectedItems.value.length;\n  }\n  const selectedIds = new Set(selectedItems.value.map((item) => item.id));\n  return countWithCollapsedParents(props.options, selectedIds);\n});\n\nconst hasSelection = computed(() => {\n  if (selectedItems.value.length > 0) return true;\n  if (props.enableCascadeSelection && modelSelectionState.value?.length) {\n    return modelSelectionState.value.some((node) => node.state === \"selected\");\n  }\n  return false;\n});\n\nconst handleSeeMore = (payload?: SeeMoreEvent) => {\n  emits(\"see-more\", payload ?? {});\n};\n\nconst searchInputComponentRef = useTemplateRef<PvSearchInputExposed | null>(\"searchInputRef\");\n\nconst [open, handleOpen] = useToggle<boolean>(props.defaultOpen);\nconst modelSelectedItems = defineModel<MenuOption<T>[]>({\n  required: false,\n  default: () => [],\n});\nconst modelSelectionState = defineModel<MultiSelectState>(\"selectionState\");\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n  default: \"\",\n});\n\nconst suppressChangesUntilConfirmed = computed(() => {\n  return props.menuActionsVariant === \"cancel-confirm\";\n});\n\nconst storeSelectedItems = (newSelection: MenuOption<T>[]) => {\n  selectedItems.value = newSelection;\n  if (!suppressChangesUntilConfirmed.value) {\n    modelSelectedItems.value = newSelection;\n    modelSelectionState.value = getSelectionState();\n  }\n};\n\nconst applyPendingSelection = () => {\n  if (suppressChangesUntilConfirmed.value) {\n    modelSelectedItems.value = selectedItems.value;\n    modelSelectionState.value = getSelectionState();\n  }\n};\n\nconst resetPendingSelection = () => {\n  if (suppressChangesUntilConfirmed.value) {\n    selectedItems.value = modelSelectedItems.value;\n  }\n};\n\n// with cancel-confirm, we hold changes until confirmed\nconst selectedItems = shallowRef<MenuOption<T>[]>(modelSelectedItems.value);\n\nconst findOptionById = (id: string): MenuOption<T> | undefined => originalOptionsMap.value.get(id);\n\nconst syncFromSelectionState = (state: MultiSelectState | undefined) => {\n  if (!props.enableCascadeSelection || !state) return;\n\n  const nextSelectedParents = new Set<string>();\n  const nextDeselectedChildren = new Map<string, Set<string>>();\n  const nextSelectedItems: MenuOption<T>[] = [];\n  const selectedIds = new Set<string>();\n\n  const addSelectedItem = (option: MenuOption<T> | undefined, id: string) => {\n    if (selectedIds.has(id)) return;\n    selectedIds.add(id);\n    // Placeholder for unresolved nodes — the trigger badge prefers `…` over the\n    // raw scoped token (e.g. `__provider_id__PV_1004__health_system__Kaiser`)\n    // until the props.options watcher re-runs this sync with metadata loaded.\n    nextSelectedItems.push(option ?? ({ id, text: \"…\" } as MenuOption<T>));\n  };\n\n  for (const node of state) {\n    if (node.state !== \"selected\") continue;\n\n    const deselectedIds = new Set((node.children || []).filter((child) => child.state === \"deselected\").map((child) => child.id));\n    const leafOptions = parentLeafMap.value.get(node.id);\n\n    if (leafOptions) {\n      nextSelectedParents.add(node.id);\n      if (deselectedIds.size > 0) {\n        nextDeselectedChildren.set(node.id, deselectedIds);\n      }\n      for (const leaf of leafOptions) {\n        if (!deselectedIds.has(leaf.id)) {\n          addSelectedItem(leaf, leaf.id);\n        }\n      }\n      continue;\n    }\n\n    addSelectedItem(findOptionById(node.id), node.id);\n  }\n\n  cascadeSelectedParentIds.value = nextSelectedParents;\n  cascadeDeselectedChildIds.value = nextDeselectedChildren;\n  selectedItems.value = nextSelectedItems;\n};\n\nconst menuSelectedItems = computed({\n  get: () => selectedItems.value,\n  set: (newValue: MenuOption<T>[]) => {\n    storeSelectedItems(newValue);\n  },\n});\n\nconst closeDropdown = () => {\n  searchInput.value = \"\";\n  open.value = false;\n};\n\nconst popoverOffset = computed(() => {\n  // get width of trigger element to offset popover correctly when overlay trigger is enabled\n  const size = props.size === \"lg\" ? 24 : 30;\n  return props.overlayTrigger ? -size : undefined;\n});\n\n// sync when parent updates modelSelectedItems directly\nwatch(\n  () => modelSelectedItems.value,\n  (newValue) => {\n    if (props.enableCascadeSelection && modelSelectionState.value?.length && newValue.length === 0) {\n      syncFromSelectionState(modelSelectionState.value);\n      return;\n    }\n    selectedItems.value = newValue;\n  },\n);\n\nwatch(\n  () => [modelSelectionState.value, props.options] as const,\n  () => {\n    syncFromSelectionState(modelSelectionState.value);\n  },\n  { deep: true, immediate: true },\n);\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    resetPendingSelection();\n    nextTick(() => {\n      // if overlay trigger is enabled and search input exists, auto-target the search input\n      if (props.overlayTrigger && !props.disableSearchInput) {\n        searchInputComponentRef.value?.input?.focus();\n      }\n      emits(\"dropdown-open\");\n    });\n  } else {\n    // on close, discard pending changes\n    resetPendingSelection();\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst filteredOptions = computed(() => {\n  if (searchInput.value === \"\") return props.options;\n  const searchValue = searchInput.value.toLocaleLowerCase();\n\n  if (props.enableCascadeSelection) {\n    return filterOptionsRecursive(props.options, searchValue, !props.hideParentOnChildQueryMatch);\n  }\n\n  return props.options.filter(\n    (option) =>\n      option.text.toLocaleLowerCase().includes(searchValue) ||\n      option.searchText?.toLocaleLowerCase().includes(searchValue),\n  );\n});\n\nconst handleSelectAll = () => {\n  // Mark all parents as cascade-selected (select-all intent) before\n  // storing so the selection state snapshot is accurate.\n  if (props.enableCascadeSelection) {\n    const parentIds = new Set<string>();\n    const collectParentIds = (options: MenuOption<T>[]) => {\n      for (const option of options) {\n        if (option.children?.length) {\n          parentIds.add(option.id);\n          collectParentIds(option.children);\n        }\n      }\n    };\n    collectParentIds(props.options);\n    cascadeSelectedParentIds.value = parentIds;\n    cascadeDeselectedChildIds.value = new Map();\n  }\n\n  // select all visible item values (excluded ones filtered out by search)\n  const toSelect = props.enableCascadeSelection\n    ? collectLeafOptions(filteredOptions.value as MenuOption<T>[])\n    : filteredOptions.value;\n  storeSelectedItems(toSelect);\n};\n\nconst handleClearAll = () => {\n  cascadeSelectedParentIds.value = new Set();\n  cascadeDeselectedChildIds.value = new Map();\n  storeSelectedItems([]);\n};\n\nconst handleCancelSelection = () => {\n  resetPendingSelection();\n  closeDropdown();\n};\n\nconst handleConfirmSelection = () => {\n  applyPendingSelection();\n  closeDropdown();\n};\n\nconst groupingOptions = computed(() => {\n  if (!props.groupings) return;\n\n  const groupingMap = new Map<string, MenuOption[]>();\n\n  props.groupings.forEach((group) => {\n    groupingMap.set(group, []);\n  });\n\n  groupingMap.set(\"other\", []);\n\n  for (const option of props.options) {\n    const groupKey = option.groupingLabel;\n    const targetGroup = groupKey && groupingMap.has(groupKey) ? groupKey : \"other\";\n    groupingMap.get(targetGroup)!.push(option);\n  }\n\n  for (const [key, options] of groupingMap) {\n    if (options.length === 0) {\n      groupingMap.delete(key);\n    }\n  }\n\n  return Array.from(groupingMap.entries());\n});\n\nconst showGroupings = computed(() => {\n  return props.groupings && searchInput.value === \"\";\n});\n\nconst allSlotProps = computed(() => ({\n  ...props,\n  selectedItems: modelSelectedItems.value,\n  searchInput: searchInput.value,\n  slotContext: props.slotContext,\n  isOpen: open.value,\n  isLoading: props.isLoading,\n}));\n\nonKeyStroke(\"Escape\", () => {\n  if (!open.value) return;\n\n  closeDropdown();\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-model=\"open\" v-bind=\"popoverProperties\" :offset=\"popoverOffset\">\n    <template #trigger>\n      <PvSelectButtonTrigger\n        ref=\"select-button-trigger-ref\"\n        :variant=\"variant\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :counterPosition=\"counterPosition\"\n        :prefixLabel=\"prefixLabel\"\n        :label=\"label\"\n        :icon=\"icon\"\n        :companyLogo=\"companyLogo\"\n        :showClear=\"!disableClearIcon && hasSelection\"\n        :showDropdown=\"!disableDropdownIcon && !hasSelection\"\n        :open=\"open\"\n        :counter-value=\"counterValue\"\n        @handle-clear=\"handleClearAll\"\n        @handle-toggle-dropdown=\"handleOpen()\"\n      />\n    </template>\n    <template #content>\n      <div class=\"pv-popover\" data-test-id=\"pv-popover\" :style=\"{ '--position': 'unset', ...popoverCssProperties }\">\n        <template v-if=\"!disableSearchInput\">\n          <div class=\"pv-inset-square-8 pv-border-bottom\">\n            <PvSearchInput\n              ref=\"searchInputRef\"\n              v-model:model-value=\"searchInput\"\n              class=\"pv-stack-4\"\n              :placeholder=\"searchPlaceholder\"\n            />\n          </div>\n        </template>\n        <div v-if=\"$slots['header']\" class=\"pv-inset-square-8\">\n          <slot name=\"header\" v-bind=\"allSlotProps\" />\n        </div>\n        <template v-if=\"filteredOptions.length > 0\">\n          <template v-if=\"showGroupings\">\n            <div v-for=\"([label, options], index) in groupingOptions\" :key=\"label\">\n              <slot v-if=\"$slots[label]\" :name=\"label\" />\n              <span\n                class=\"pv-text-body-sm pv-inset-inline\"\n                style=\"color: #89989b; --inset-size: 8px\"\n                v-else-if=\"label !== 'other'\"\n                >{{ label }}</span\n              >\n              <PvMenu\n                v-model:selectedItems=\"menuSelectedItems\"\n                :options=\"options\"\n                :config=\"optionConfig\"\n                :queryText=\"highlightSearchText ? searchInput : null\"\n                :itemTestId=\"`pv-multiselect-${label}-item`\"\n                itemClass=\"pv-stack-4\"\n                :isLoading=\"isLoading\"\n                :enableCascadeSelection=\"enableCascadeSelection\"\n                :hasMoreOptions=\"index === groupingOptions!.length - 1 && hasMoreOptions && !isLoading\"\n                @see-more=\"handleSeeMore\"\n              />\n              <div\n                v-if=\"groupingOptions && index !== groupingOptions.length - 1\"\n                class=\"pv-border-top\"\n                style=\"margin: 8px 0\"\n              />\n            </div>\n          </template>\n          <template v-else>\n            <PvMenu\n              v-model:selectedItems=\"menuSelectedItems\"\n              :options=\"filteredOptions\"\n              :config=\"optionConfig\"\n              :queryText=\"highlightSearchText ? searchInput : null\"\n              :itemTestId=\"`pv-multiselect-${label}-item`\"\n              itemClass=\"pv-stack-4\"\n              :enableCascadeSelection=\"enableCascadeSelection\"\n              :hasMoreOptions=\"hasMoreOptions && !isLoading\"\n              @see-more=\"handleSeeMore\"\n            />\n          </template>\n        </template>\n        <div v-if=\"isLoading\" class=\"pv-flex pv-inset-square-8\" style=\"justify-content: center\">\n          <PvSpinner variant=\"dark\" />\n        </div>\n        <template v-else-if=\"filteredOptions.length === 0\">\n          <slot v-if=\"$slots['no-results']\" name=\"no-results\" v-bind=\"allSlotProps\" />\n          <PvMenuEmptyState v-else />\n        </template>\n        <div\n          class=\"pv-sticky pv-surface pv-border-top pv-inset-square-8\"\n          style=\"--flex-justify: space-between; --bottom: 0\"\n        >\n          <slot v-if=\"$slots['footer']\" name=\"footer\" v-bind=\"allSlotProps\" />\n          <PvSelectControlPanel\n            v-if=\"menuActionsVariant\"\n            :variant=\"menuActionsVariant\"\n            :disabled=\"isLoading\"\n            @handle-clear-all=\"handleClearAll\"\n            @handle-select-all=\"handleSelectAll\"\n            @handle-cancel=\"handleCancelSelection\"\n            @handle-confirm=\"handleConfirmSelection\"\n          />\n        </div>\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { CSSProperties, watch, computed, Component } from \"vue\";\n\nimport { useToggle, onKeyStroke } from \"@vueuse/core\";\n\nimport PvSearchInput from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvSelectButtonTrigger from \"@/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue\";\nimport PvMenuEmptyState from \"../PvMenu/PvMenuEmptyState.vue\";\n\nimport { PvSelectButtonSize, PvSelectButtonVariant } from \"./types\";\nimport { MenuAction, MenuOption, MenuOptionConfig, MenuOptionsVariant } from \"@/types\";\nimport { PvCounterBadgeVariant } from \"../PvCounterBadge/types\";\nimport { PvPopoverV2Props } from \"@/components/base/PvPopoverV2/types.ts\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\nimport PvMenu from \"@/components/base/PvMenu/PvMenu.vue\";\n\nexport interface PvSelectButtonProps<T = unknown> {\n  /** Whether the dropdown is open on initial render */\n  defaultOpen?: boolean;\n  /** Prevent the button from being clicked */\n  disabled?: boolean;\n  /** Show a loading state on the trigger button */\n  isLoading?: boolean;\n  /** Visual style of the trigger button */\n  variant?: PvSelectButtonVariant;\n  /** Inverse button colors for dark backgrounds */\n  inverse?: boolean;\n  /** Size of the trigger button */\n  size?: PvSelectButtonSize;\n  /** Configuration passed to the underlying PvPopoverV2 */\n  popoverProperties?: PvPopoverV2Props;\n  /** Custom CSS properties applied to the popover container */\n  popoverCssProperties?: CSSProperties;\n  /** Static text shown before the label on the trigger button */\n  prefixLabel?: string;\n  /** Text label on the trigger button; updates to the selected option's text when an item is chosen */\n  label?: string;\n  /** Hide the search input inside the dropdown */\n  disableSearchInput?: boolean;\n  /** Placeholder text for the search input */\n  searchPlaceholder?: string;\n  /** Visual style of menu options (simple, icon, company, avatar, radio) */\n  optionsVariant?: Exclude<MenuOptionsVariant, \"checkbox\">;\n  /** The list of selectable options */\n  options?: MenuOption<T>[];\n  /** Custom Vue component used to render each option */\n  optionsRenderer?: Component;\n  /** Action configuration for per-option action buttons */\n  optionsAction?: MenuAction<T>;\n  /** Prevent deselecting the currently selected item */\n  disableDeselect?: boolean;\n  /** Where to place the counter badge on the trigger */\n  counterPosition?: \"left\" | \"right\";\n  /** Variant of the counter badge which appears on the button and menu items */\n  counterBadgeVariant?: PvCounterBadgeVariant;\n  /** Whether to highlight the search text in the options list */\n  highlightSearchText?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSelectButtonProps<T>>(), {\n  variant: \"secondary\",\n  size: \"lg\",\n  label: \"Select an option\",\n  disableDeselect: false,\n  disableSearchInput: false,\n  optionsVariant: \"simple\",\n  options: () => [] as MenuOption<T>[],\n  highlightSearchText: false,\n});\n\nconst optionConfig = computed(() => {\n  const config: MenuOptionConfig = {\n    renderer: props.optionsRenderer,\n    action: props.optionsAction,\n    variant: props.optionsVariant,\n    counterBadgeVariant: props.counterBadgeVariant,\n  };\n  return config;\n});\n\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n}>();\n\nconst [open] = useToggle<boolean>(props.defaultOpen);\nconst selectedItem = defineModel<MenuOption>({ required: false });\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n  default: \"\",\n});\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    emits(\"dropdown-open\");\n  } else {\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst buttonDisplayLabel = computed(() => {\n  if (selectedItem.value && selectedItem.value.text) {\n    return selectedItem.value.text;\n  }\n  return props.label;\n});\n\nconst buttonIcon = computed(() => {\n  if (selectedItem.value && selectedItem.value.icon) {\n    return selectedItem.value.icon;\n  }\n  return undefined;\n});\n\nconst buttonCompanyLogo = computed(() => {\n  if (selectedItem.value && selectedItem.value.companyName) {\n    return selectedItem.value.companyName;\n  }\n  return undefined;\n});\n\nconst filteredOptions = computed(() => {\n  const searchValue = searchInput.value.trim().toLowerCase();\n  if (!searchValue) return props.options;\n\n  const searchRecursive = (options: MenuOption[]): MenuOption[] => {\n    const result: MenuOption[] = [];\n\n    for (const option of options) {\n      const matches =\n        option.text.toLowerCase().includes(searchValue) || option.searchText?.toLowerCase().includes(searchValue);\n      const filteredChildren = searchRecursive(option.children || []);\n\n      if (matches) {\n        // Parent matches → keep parent, with filtered children\n        result.push({\n          ...option,\n          searchText: searchValue,\n          children: filteredChildren,\n        });\n      } else {\n        // Parent does NOT match:\n        result.push(...filteredChildren);\n      }\n    }\n\n    return result;\n  };\n\n  return searchRecursive(props.options);\n});\n\nconst menuSelectedItems = computed({\n  get: () => (selectedItem.value ? [selectedItem.value] : []),\n  set: (items: MenuOption[]) => {\n    if (props.optionsVariant === \"radio\" || props.disableDeselect) {\n      if (items.length > 0) {\n        selectedItem.value = items[0];\n      }\n    } else {\n      selectedItem.value = items.length > 0 ? items[0] : undefined;\n    }\n  },\n});\n\nconst handleSelectItem = () => {\n  closeDropdown();\n};\n\nconst handleClear = () => {\n  selectedItem.value = undefined;\n};\n\nconst closeDropdown = () => {\n  open.value = false;\n  searchInput.value = \"\";\n};\n\nonKeyStroke(\"Escape\", () => {\n  if (!open.value) return;\n\n  closeDropdown();\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-model=\"open\" v-bind=\"popoverProperties\">\n    <template #trigger>\n      <PvSelectButtonTrigger\n        class=\"pv-full-width\"\n        ref=\"select-button-trigger-ref\"\n        :variant=\"variant\"\n        :inverse=\"inverse\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :prefixLabel=\"prefixLabel\"\n        :label=\"buttonDisplayLabel\"\n        :icon=\"buttonIcon\"\n        :companyLogo=\"buttonCompanyLogo\"\n        :showClear=\"false\"\n        :showDropdown=\"true\"\n        :open=\"open\"\n        :counter-position=\"counterPosition\"\n        :counter-value=\"\n          selectedItem?.secondaryText && typeof selectedItem.secondaryText === 'number'\n            ? selectedItem.secondaryText\n            : undefined\n        \"\n        :counter-badge-variant=\"counterBadgeVariant\"\n        :isLoading=\"isLoading\"\n        @handle-clear=\"handleClear\"\n      />\n    </template>\n    <template #content>\n      <div class=\"pv-popover\" data-test-id=\"pv-popover\" :style=\"popoverCssProperties\" style=\"position: unset\">\n        <template v-if=\"!disableSearchInput\">\n          <div class=\"pv-inset-square-8 pv-border-bottom\">\n            <PvSearchInput v-model:model-value=\"searchInput\" class=\"pv-stack-4\" :placeholder=\"searchPlaceholder\" />\n          </div>\n        </template>\n        <template v-if=\"filteredOptions.length > 0\">\n          <PvMenu\n            v-model:selectedItems=\"menuSelectedItems\"\n            :options=\"filteredOptions\"\n            :config=\"optionConfig\"\n            :queryText=\"highlightSearchText ? searchInput : null\"\n            :singleSelect=\"true\"\n            @handle-selected=\"handleSelectItem\"\n          />\n        </template>\n        <PvMenuEmptyState v-else />\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { CSSProperties, watch, computed, Component } from \"vue\";\n\nimport { useToggle, onKeyStroke } from \"@vueuse/core\";\n\nimport PvSearchInput from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvSelectButtonTrigger from \"@/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue\";\nimport PvMenuEmptyState from \"../PvMenu/PvMenuEmptyState.vue\";\n\nimport { PvSelectButtonSize, PvSelectButtonVariant } from \"./types\";\nimport { MenuAction, MenuOption, MenuOptionConfig, MenuOptionsVariant } from \"@/types\";\nimport { PvCounterBadgeVariant } from \"../PvCounterBadge/types\";\nimport { PvPopoverV2Props } from \"@/components/base/PvPopoverV2/types.ts\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\nimport PvMenu from \"@/components/base/PvMenu/PvMenu.vue\";\n\nexport interface PvSelectButtonProps<T = unknown> {\n  /** Whether the dropdown is open on initial render */\n  defaultOpen?: boolean;\n  /** Prevent the button from being clicked */\n  disabled?: boolean;\n  /** Show a loading state on the trigger button */\n  isLoading?: boolean;\n  /** Visual style of the trigger button */\n  variant?: PvSelectButtonVariant;\n  /** Inverse button colors for dark backgrounds */\n  inverse?: boolean;\n  /** Size of the trigger button */\n  size?: PvSelectButtonSize;\n  /** Configuration passed to the underlying PvPopoverV2 */\n  popoverProperties?: PvPopoverV2Props;\n  /** Custom CSS properties applied to the popover container */\n  popoverCssProperties?: CSSProperties;\n  /** Static text shown before the label on the trigger button */\n  prefixLabel?: string;\n  /** Text label on the trigger button; updates to the selected option's text when an item is chosen */\n  label?: string;\n  /** Hide the search input inside the dropdown */\n  disableSearchInput?: boolean;\n  /** Placeholder text for the search input */\n  searchPlaceholder?: string;\n  /** Visual style of menu options (simple, icon, company, avatar, radio) */\n  optionsVariant?: Exclude<MenuOptionsVariant, \"checkbox\">;\n  /** The list of selectable options */\n  options?: MenuOption<T>[];\n  /** Custom Vue component used to render each option */\n  optionsRenderer?: Component;\n  /** Action configuration for per-option action buttons */\n  optionsAction?: MenuAction<T>;\n  /** Prevent deselecting the currently selected item */\n  disableDeselect?: boolean;\n  /** Where to place the counter badge on the trigger */\n  counterPosition?: \"left\" | \"right\";\n  /** Variant of the counter badge which appears on the button and menu items */\n  counterBadgeVariant?: PvCounterBadgeVariant;\n  /** Whether to highlight the search text in the options list */\n  highlightSearchText?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSelectButtonProps<T>>(), {\n  variant: \"secondary\",\n  size: \"lg\",\n  label: \"Select an option\",\n  disableDeselect: false,\n  disableSearchInput: false,\n  optionsVariant: \"simple\",\n  options: () => [] as MenuOption<T>[],\n  highlightSearchText: false,\n});\n\nconst optionConfig = computed(() => {\n  const config: MenuOptionConfig = {\n    renderer: props.optionsRenderer,\n    action: props.optionsAction,\n    variant: props.optionsVariant,\n    counterBadgeVariant: props.counterBadgeVariant,\n  };\n  return config;\n});\n\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n}>();\n\nconst [open] = useToggle<boolean>(props.defaultOpen);\nconst selectedItem = defineModel<MenuOption>({ required: false });\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n  default: \"\",\n});\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    emits(\"dropdown-open\");\n  } else {\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst buttonDisplayLabel = computed(() => {\n  if (selectedItem.value && selectedItem.value.text) {\n    return selectedItem.value.text;\n  }\n  return props.label;\n});\n\nconst buttonIcon = computed(() => {\n  if (selectedItem.value && selectedItem.value.icon) {\n    return selectedItem.value.icon;\n  }\n  return undefined;\n});\n\nconst buttonCompanyLogo = computed(() => {\n  if (selectedItem.value && selectedItem.value.companyName) {\n    return selectedItem.value.companyName;\n  }\n  return undefined;\n});\n\nconst filteredOptions = computed(() => {\n  const searchValue = searchInput.value.trim().toLowerCase();\n  if (!searchValue) return props.options;\n\n  const searchRecursive = (options: MenuOption[]): MenuOption[] => {\n    const result: MenuOption[] = [];\n\n    for (const option of options) {\n      const matches =\n        option.text.toLowerCase().includes(searchValue) || option.searchText?.toLowerCase().includes(searchValue);\n      const filteredChildren = searchRecursive(option.children || []);\n\n      if (matches) {\n        // Parent matches → keep parent, with filtered children\n        result.push({\n          ...option,\n          searchText: searchValue,\n          children: filteredChildren,\n        });\n      } else {\n        // Parent does NOT match:\n        result.push(...filteredChildren);\n      }\n    }\n\n    return result;\n  };\n\n  return searchRecursive(props.options);\n});\n\nconst menuSelectedItems = computed({\n  get: () => (selectedItem.value ? [selectedItem.value] : []),\n  set: (items: MenuOption[]) => {\n    if (props.optionsVariant === \"radio\" || props.disableDeselect) {\n      if (items.length > 0) {\n        selectedItem.value = items[0];\n      }\n    } else {\n      selectedItem.value = items.length > 0 ? items[0] : undefined;\n    }\n  },\n});\n\nconst handleSelectItem = () => {\n  closeDropdown();\n};\n\nconst handleClear = () => {\n  selectedItem.value = undefined;\n};\n\nconst closeDropdown = () => {\n  open.value = false;\n  searchInput.value = \"\";\n};\n\nonKeyStroke(\"Escape\", () => {\n  if (!open.value) return;\n\n  closeDropdown();\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-model=\"open\" v-bind=\"popoverProperties\">\n    <template #trigger>\n      <PvSelectButtonTrigger\n        class=\"pv-full-width\"\n        ref=\"select-button-trigger-ref\"\n        :variant=\"variant\"\n        :inverse=\"inverse\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :prefixLabel=\"prefixLabel\"\n        :label=\"buttonDisplayLabel\"\n        :icon=\"buttonIcon\"\n        :companyLogo=\"buttonCompanyLogo\"\n        :showClear=\"false\"\n        :showDropdown=\"true\"\n        :open=\"open\"\n        :counter-position=\"counterPosition\"\n        :counter-value=\"\n          selectedItem?.secondaryText && typeof selectedItem.secondaryText === 'number'\n            ? selectedItem.secondaryText\n            : undefined\n        \"\n        :counter-badge-variant=\"counterBadgeVariant\"\n        :isLoading=\"isLoading\"\n        @handle-clear=\"handleClear\"\n      />\n    </template>\n    <template #content>\n      <div class=\"pv-popover\" data-test-id=\"pv-popover\" :style=\"popoverCssProperties\" style=\"position: unset\">\n        <template v-if=\"!disableSearchInput\">\n          <div class=\"pv-inset-square-8 pv-border-bottom\">\n            <PvSearchInput v-model:model-value=\"searchInput\" class=\"pv-stack-4\" :placeholder=\"searchPlaceholder\" />\n          </div>\n        </template>\n        <template v-if=\"filteredOptions.length > 0\">\n          <PvMenu\n            v-model:selectedItems=\"menuSelectedItems\"\n            :options=\"filteredOptions\"\n            :config=\"optionConfig\"\n            :queryText=\"highlightSearchText ? searchInput : null\"\n            :singleSelect=\"true\"\n            @handle-selected=\"handleSelectItem\"\n          />\n        </template>\n        <PvMenuEmptyState v-else />\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","import { PvPaginationVariant } from \"./types\";\n\nconst variantToNumber: Record<PvPaginationVariant, number> = {\n  short: 5,\n  long: 7,\n};\n\nexport const usePagination = ({\n  variant = \"long\",\n}: {\n  variant?: PvPaginationVariant;\n} = {}) => {\n  /**\n   * Number of reserved pagination slots for:\n   * - First page\n   * - Last page\n   * - Ellipsis (\"...\") indicators\n   * These help keep the pagination compact and readable.\n   */\n  const FIRST_LAST_DOTS = 3;\n\n  const getPaginations = ({\n    currentPage,\n    pages,\n  }: {\n    currentPage: number;\n    pages: number;\n  }) => {\n    if (pages <= variantToNumber[variant]) {\n      return Array.from({ length: pages }, (_, i) => ({\n        page: i + 1,\n        label: (i + 1).toString(),\n      }));\n    }\n\n    const pagination: {\n      page: number;\n      label: string;\n    }[] = [\n      {\n        page: 1,\n        label: \"1\",\n      },\n    ];\n\n    const recalculatedMaxNumberToShow =\n      variantToNumber[variant] - FIRST_LAST_DOTS;\n\n    const halfPagesAhead = Math.floor(recalculatedMaxNumberToShow / 2);\n\n    let start = currentPage - halfPagesAhead;\n    let end = currentPage + halfPagesAhead;\n\n    const showFirstDots = start > 2;\n    const showSecondDots = end < pages - 1;\n\n    if (start <= 2) {\n      start = 2;\n      end = start + recalculatedMaxNumberToShow - 1;\n    }\n\n    if (end >= pages - 1) {\n      end = pages - 1;\n      start = end - recalculatedMaxNumberToShow + 1;\n    }\n\n    if (showFirstDots) {\n      pagination.push({\n        page: 0,\n        label: \"...\",\n      });\n    }\n\n    if (showFirstDots && showSecondDots) {\n      for (let i = start + 1; i <= end - 1; i++) {\n        pagination.push({ page: i, label: i.toString() });\n      }\n    } else {\n      for (let i = start; i <= end; i++) {\n        pagination.push({ page: i, label: i.toString() });\n      }\n    }\n\n    if (showSecondDots) {\n      pagination.push({\n        page: 0,\n        label: \"...\",\n      });\n    }\n\n    if (pages > 1) {\n      pagination.push({ page: pages, label: pages.toString() });\n    }\n\n    return pagination;\n  };\n\n  return {\n    getPaginations,\n  };\n};\n","<script setup lang=\"ts\">\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { usePagination } from \"./usePagination\";\nimport { PvPaginationSize, PvPaginationVariant } from \"./types\";\n\ninterface PvPaginationProps {\n  /** Size of the pagination buttons */\n  size?: PvPaginationSize;\n  /** Total number of pages available */\n  maxPages: number;\n  maxNumberToShow?: number;\n  /** Display variant controlling the number of visible page buttons (\"short\" shows fewer) */\n  variant?: PvPaginationVariant;\n}\n\nconst props = withDefaults(defineProps<PvPaginationProps>(), {\n  size: \"lg\",\n  variant: \"long\",\n});\n\nconst { getPaginations } = usePagination({\n  variant: props.variant,\n});\n\nconst currentPage = defineModel<number>({ required: true });\n</script>\n\n<template>\n  <ol role=\"list\" class=\"pv-pagination\" data-testid=\"pv-pagination\" :data-style=\"size === 'lg' ? 'small' : undefined\">\n    <li>\n      <PvButton\n        data-testid=\"pagination-left-arrow-icon\"\n        :disabled=\"currentPage === 1\"\n        left-icon=\"chevron-left\"\n        ariaLabel=\"Previous page\"\n        variant=\"ghost\"\n        @click=\"$emit('update:modelValue', currentPage - 1)\"\n      />\n    </li>\n    <li\n      v-for=\"page in getPaginations({\n        currentPage,\n        pages: maxPages,\n      })\"\n      :key=\"page.page\"\n      :data-testid=\"`pagination-button-${page.page}`\"\n      :aria-current=\"page.page === currentPage ? 'page' : undefined\"\n    >\n      <button v-if=\"page.label === '...'\" class=\"dots-button\" disabled>\n        {{ page.label }}\n      </button>\n      <button v-else @click=\"$emit('update:modelValue', page.page)\">\n        {{ page.label }}\n      </button>\n    </li>\n    <li>\n      <PvButton\n        data-testid=\"pagination-right-arrow-icon\"\n        :disabled=\"currentPage === maxPages\"\n        left-icon=\"chevron-right\"\n        ariaLabel=\"Next page\"\n        variant=\"ghost\"\n        @click=\"$emit('update:modelValue', currentPage + 1)\"\n      />\n    </li>\n  </ol>\n</template>\n\n<style scoped>\n.dots-button {\n  background-color: transparent;\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { usePagination } from \"./usePagination\";\nimport { PvPaginationSize, PvPaginationVariant } from \"./types\";\n\ninterface PvPaginationProps {\n  /** Size of the pagination buttons */\n  size?: PvPaginationSize;\n  /** Total number of pages available */\n  maxPages: number;\n  maxNumberToShow?: number;\n  /** Display variant controlling the number of visible page buttons (\"short\" shows fewer) */\n  variant?: PvPaginationVariant;\n}\n\nconst props = withDefaults(defineProps<PvPaginationProps>(), {\n  size: \"lg\",\n  variant: \"long\",\n});\n\nconst { getPaginations } = usePagination({\n  variant: props.variant,\n});\n\nconst currentPage = defineModel<number>({ required: true });\n</script>\n\n<template>\n  <ol role=\"list\" class=\"pv-pagination\" data-testid=\"pv-pagination\" :data-style=\"size === 'lg' ? 'small' : undefined\">\n    <li>\n      <PvButton\n        data-testid=\"pagination-left-arrow-icon\"\n        :disabled=\"currentPage === 1\"\n        left-icon=\"chevron-left\"\n        ariaLabel=\"Previous page\"\n        variant=\"ghost\"\n        @click=\"$emit('update:modelValue', currentPage - 1)\"\n      />\n    </li>\n    <li\n      v-for=\"page in getPaginations({\n        currentPage,\n        pages: maxPages,\n      })\"\n      :key=\"page.page\"\n      :data-testid=\"`pagination-button-${page.page}`\"\n      :aria-current=\"page.page === currentPage ? 'page' : undefined\"\n    >\n      <button v-if=\"page.label === '...'\" class=\"dots-button\" disabled>\n        {{ page.label }}\n      </button>\n      <button v-else @click=\"$emit('update:modelValue', page.page)\">\n        {{ page.label }}\n      </button>\n    </li>\n    <li>\n      <PvButton\n        data-testid=\"pagination-right-arrow-icon\"\n        :disabled=\"currentPage === maxPages\"\n        left-icon=\"chevron-right\"\n        ariaLabel=\"Next page\"\n        variant=\"ghost\"\n        @click=\"$emit('update:modelValue', currentPage + 1)\"\n      />\n    </li>\n  </ol>\n</template>\n\n<style scoped>\n.dots-button {\n  background-color: transparent;\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\ninterface PvSelectableCardProps {\n  /** Visual style variant of the selectable card. */\n  variant?: \"default\" | \"highlight\";\n  /** Value associated with this card, used as the input element's value. */\n  value?: string;\n  /** Unique identifier for the card's input element. Auto-generated if not provided. */\n  id?: string;\n  /** When true, renders as a checkbox (allowing deselection). When false, renders as a radio button. */\n  deselect?: boolean;\n  /** Whether the card is currently in the selected state. */\n  selected?: boolean;\n}\n\nconst { variant = \"default\", id } = defineProps<PvSelectableCardProps>();\n\nconst labelId = computed(() => {\n  if (id) {\n    return id;\n  }\n  return `${Math.random()}`;\n});\n</script>\n\n<template>\n  <label\n    data-testid=\"pv-selectable-card\"\n    :class=\"[\n      'pv-label-selectable-small',\n      {\n        'pv-label-selectable-highlight': variant === 'highlight',\n      },\n    ]\"\n    :for=\"labelId\"\n  >\n    <input\n      :checked=\"selected\"\n      class=\"pv-hide\"\n      name=\"type\"\n      :type=\"deselect ? 'checkbox' : 'radio'\"\n      :value=\"value\"\n      :id=\"labelId\"\n    />\n    <slot />\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\ninterface PvSelectableCardProps {\n  /** Visual style variant of the selectable card. */\n  variant?: \"default\" | \"highlight\";\n  /** Value associated with this card, used as the input element's value. */\n  value?: string;\n  /** Unique identifier for the card's input element. Auto-generated if not provided. */\n  id?: string;\n  /** When true, renders as a checkbox (allowing deselection). When false, renders as a radio button. */\n  deselect?: boolean;\n  /** Whether the card is currently in the selected state. */\n  selected?: boolean;\n}\n\nconst { variant = \"default\", id } = defineProps<PvSelectableCardProps>();\n\nconst labelId = computed(() => {\n  if (id) {\n    return id;\n  }\n  return `${Math.random()}`;\n});\n</script>\n\n<template>\n  <label\n    data-testid=\"pv-selectable-card\"\n    :class=\"[\n      'pv-label-selectable-small',\n      {\n        'pv-label-selectable-highlight': variant === 'highlight',\n      },\n    ]\"\n    :for=\"labelId\"\n  >\n    <input\n      :checked=\"selected\"\n      class=\"pv-hide\"\n      name=\"type\"\n      :type=\"deselect ? 'checkbox' : 'radio'\"\n      :value=\"value\"\n      :id=\"labelId\"\n    />\n    <slot />\n  </label>\n</template>\n","<script setup lang=\"ts\">\ninterface PvSidePanelProps {\n  showLeftSidebar?: boolean;\n  showRightSidebar?: boolean;\n}\n\ndefineProps<PvSidePanelProps>();\n</script>\n\n<template>\n  <div class=\"pv-layout-two-sidebar\">\n    <div\n      :data-hidden=\"showLeftSidebar === false ? true : undefined\"\n      data-testid=\"pv-side-panel-left\"\n      data-layout=\"left-sidebar\"\n    >\n      <slot name=\"left-sidebar\" />\n    </div>\n    <div data-layout=\"main-section\">\n      <slot name=\"main\" />\n    </div>\n    <div\n      :data-hidden=\"showRightSidebar === false ? true : undefined\"\n      data-testid=\"pv-side-panel-right\"\n      data-layout=\"right-sidebar\"\n    >\n      <slot name=\"right-sidebar\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\ninterface PvSidePanelProps {\n  showLeftSidebar?: boolean;\n  showRightSidebar?: boolean;\n}\n\ndefineProps<PvSidePanelProps>();\n</script>\n\n<template>\n  <div class=\"pv-layout-two-sidebar\">\n    <div\n      :data-hidden=\"showLeftSidebar === false ? true : undefined\"\n      data-testid=\"pv-side-panel-left\"\n      data-layout=\"left-sidebar\"\n    >\n      <slot name=\"left-sidebar\" />\n    </div>\n    <div data-layout=\"main-section\">\n      <slot name=\"main\" />\n    </div>\n    <div\n      :data-hidden=\"showRightSidebar === false ? true : undefined\"\n      data-testid=\"pv-side-panel-right\"\n      data-layout=\"right-sidebar\"\n    >\n      <slot name=\"right-sidebar\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef, watch, ref } from \"vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { PvGhostInputVariant } from \"./types\";\n\ninterface PvGhostInputProps {\n  /**\n   * The typographic style applied to the input text (e.g. h1, h2, text-md, caption).\n   */\n  variant?: PvGhostInputVariant;\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n  /** When true, the input is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** When true, displays an edit (pencil) icon button beside the input that focuses it on click. */\n  showEditIcon?: boolean;\n}\n\nconst inputRef = useTemplateRef(\"inputRef\");\n\nconst variantToInputNameMap: Record<PvGhostInputVariant, string> = {\n  h1: \"ghost-input-h1\",\n  h2: \"ghost-input-h2\",\n  h3: \"ghost-input-h3\",\n  h4: \"ghost-input-h4\",\n  \"text-lg\": \"ghost-input-text-large\",\n  \"text-md\": \"ghost-input-text-medium\",\n  \"text-sm\": \"ghost-input-text-small\",\n  caption: \"ghost-input-caption\",\n};\n\nconst variantToDataStyleMap: Record<PvGhostInputVariant, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  \"text-sm\": \"text-small\",\n  \"text-md\": \"text-medium\",\n  \"text-lg\": \"text-large\",\n  caption: \"caption\",\n};\n\nconst props = withDefaults(defineProps<PvGhostInputProps>(), {\n  variant: \"h1\",\n});\n\nconst inputValue = defineModel<string>();\nconst inputWidth = ref(0);\n\nconst handleEditIcon = () => {\n  inputRef.value?.focus();\n};\n\nonMounted(() => {\n  if (inputValue.value && inputValue.value.length > 0) {\n    calculateWidth(inputValue.value);\n  } else if (props.placeholder) {\n    calculateWidth(props.placeholder);\n  } else {\n    inputWidth.value = 240;\n  }\n});\n\nwatch(\n  () => inputValue.value,\n  () => {\n    if (inputValue.value && inputValue.value.length > 0) {\n      calculateWidth(inputValue.value);\n    } else if (props.placeholder) {\n      calculateWidth(props.placeholder);\n    } else {\n      inputWidth.value = 240;\n    }\n  },\n);\n\nconst calculateWidth = (value: string) => {\n  if (!inputRef.value) return;\n\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n\n  if (!context) return;\n\n  const style = getComputedStyle(inputRef.value);\n  context.font = `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;\n\n  inputWidth.value = context.measureText(value).width + 10;\n};\n</script>\n\n<template>\n  <div class=\"pv-ghost-input pv-full-width\" data-testid=\"pv-ghost-input\" :data-style=\"variantToDataStyleMap[variant]\">\n    <slot name=\"action\" />\n    <input\n      ref=\"inputRef\"\n      v-bind=\"props\"\n      v-model=\"inputValue\"\n      type=\"text\"\n      :style=\"{\n        width: inputWidth + 'px',\n      }\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :name=\"variantToInputNameMap[variant]\"\n    />\n    <PvButton v-if=\"showEditIcon\" left-icon=\"edit\" ariaLabel=\"Edit\" variant=\"ghost\" @click=\"handleEditIcon\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef, watch, ref } from \"vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { PvGhostInputVariant } from \"./types\";\n\ninterface PvGhostInputProps {\n  /**\n   * The typographic style applied to the input text (e.g. h1, h2, text-md, caption).\n   */\n  variant?: PvGhostInputVariant;\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n  /** When true, the input is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** When true, displays an edit (pencil) icon button beside the input that focuses it on click. */\n  showEditIcon?: boolean;\n}\n\nconst inputRef = useTemplateRef(\"inputRef\");\n\nconst variantToInputNameMap: Record<PvGhostInputVariant, string> = {\n  h1: \"ghost-input-h1\",\n  h2: \"ghost-input-h2\",\n  h3: \"ghost-input-h3\",\n  h4: \"ghost-input-h4\",\n  \"text-lg\": \"ghost-input-text-large\",\n  \"text-md\": \"ghost-input-text-medium\",\n  \"text-sm\": \"ghost-input-text-small\",\n  caption: \"ghost-input-caption\",\n};\n\nconst variantToDataStyleMap: Record<PvGhostInputVariant, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  \"text-sm\": \"text-small\",\n  \"text-md\": \"text-medium\",\n  \"text-lg\": \"text-large\",\n  caption: \"caption\",\n};\n\nconst props = withDefaults(defineProps<PvGhostInputProps>(), {\n  variant: \"h1\",\n});\n\nconst inputValue = defineModel<string>();\nconst inputWidth = ref(0);\n\nconst handleEditIcon = () => {\n  inputRef.value?.focus();\n};\n\nonMounted(() => {\n  if (inputValue.value && inputValue.value.length > 0) {\n    calculateWidth(inputValue.value);\n  } else if (props.placeholder) {\n    calculateWidth(props.placeholder);\n  } else {\n    inputWidth.value = 240;\n  }\n});\n\nwatch(\n  () => inputValue.value,\n  () => {\n    if (inputValue.value && inputValue.value.length > 0) {\n      calculateWidth(inputValue.value);\n    } else if (props.placeholder) {\n      calculateWidth(props.placeholder);\n    } else {\n      inputWidth.value = 240;\n    }\n  },\n);\n\nconst calculateWidth = (value: string) => {\n  if (!inputRef.value) return;\n\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n\n  if (!context) return;\n\n  const style = getComputedStyle(inputRef.value);\n  context.font = `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;\n\n  inputWidth.value = context.measureText(value).width + 10;\n};\n</script>\n\n<template>\n  <div class=\"pv-ghost-input pv-full-width\" data-testid=\"pv-ghost-input\" :data-style=\"variantToDataStyleMap[variant]\">\n    <slot name=\"action\" />\n    <input\n      ref=\"inputRef\"\n      v-bind=\"props\"\n      v-model=\"inputValue\"\n      type=\"text\"\n      :style=\"{\n        width: inputWidth + 'px',\n      }\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :name=\"variantToInputNameMap[variant]\"\n    />\n    <PvButton v-if=\"showEditIcon\" left-icon=\"edit\" ariaLabel=\"Edit\" variant=\"ghost\" @click=\"handleEditIcon\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvCompanyLogo from \"../PvCompanyLogo/PvCompanyLogo.vue\";\nimport { PvCompanyLabelSize } from \"./types\";\n\ninterface PvCompanyLabelProps {\n  /** Display size of the label and logo */\n  size?: PvCompanyLabelSize;\n  /** Logo identifier to display; falls back to label if not provided */\n  logo?: string;\n  /** Text label to display alongside the logo */\n  label: string;\n}\n\nwithDefaults(defineProps<PvCompanyLabelProps>(), {\n  size: \"md\",\n});\n\nconst mapSizeToLabelSize: Record<PvCompanyLabelSize, string> = {\n  xs: \"pv-text-body-xs\",\n  sm: \"pv-text-body-md\",\n  md: \"pv-text-body-md\",\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\">\n    <PvCompanyLogo :name=\"logo ? logo : label\" :size=\"size\" />\n    <span :class=\"mapSizeToLabelSize[size]\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvCompanyLogo from \"../PvCompanyLogo/PvCompanyLogo.vue\";\nimport { PvCompanyLabelSize } from \"./types\";\n\ninterface PvCompanyLabelProps {\n  /** Display size of the label and logo */\n  size?: PvCompanyLabelSize;\n  /** Logo identifier to display; falls back to label if not provided */\n  logo?: string;\n  /** Text label to display alongside the logo */\n  label: string;\n}\n\nwithDefaults(defineProps<PvCompanyLabelProps>(), {\n  size: \"md\",\n});\n\nconst mapSizeToLabelSize: Record<PvCompanyLabelSize, string> = {\n  xs: \"pv-text-body-xs\",\n  sm: \"pv-text-body-md\",\n  md: \"pv-text-body-md\",\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\">\n    <PvCompanyLogo :name=\"logo ? logo : label\" :size=\"size\" />\n    <span :class=\"mapSizeToLabelSize[size]\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvAvatarGroupItem } from \"./types\";\n\ninterface PvAvatarGroupProps {\n  /** Array of avatar items to render in the group. */\n  items: PvAvatarGroupItem[];\n  /** Maximum number of avatars to show before displaying an overflow indicator. Capped at 7. */\n  maxDisplayed: number;\n}\n\nconst props = defineProps<PvAvatarGroupProps>();\n\nconst displayedItems = computed(() => {\n  return props.maxDisplayed >= 7 ? 7 : props.maxDisplayed;\n});\n\nconst extraDisplayedItems = computed(() => {\n  const extraNumbers = props.items.length - displayedItems.value;\n  return extraNumbers > 0 ? extraNumbers : 0;\n});\n</script>\n\n<template>\n  <ul\n    class=\"pv-avatar-group\"\n    role=\"list\"\n    :data-more=\"extraDisplayedItems <= 0 ? undefined : extraDisplayedItems\"\n    data-testid=\"pv-avatar-group\"\n  >\n    <li v-for=\"(item, index) in items.slice(0, displayedItems)\" :key=\"index\" data-testid=\"pv-avatar-group-item\">\n      <template v-if=\"item.initials\">{{ item.initials }}</template>\n      <img v-else-if=\"item.image\" :src=\"item.image\" :alt=\"item.alt ?? ''\" />\n      <div v-else class=\"pv-avatar-sm\"></div>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvAvatarGroupItem } from \"./types\";\n\ninterface PvAvatarGroupProps {\n  /** Array of avatar items to render in the group. */\n  items: PvAvatarGroupItem[];\n  /** Maximum number of avatars to show before displaying an overflow indicator. Capped at 7. */\n  maxDisplayed: number;\n}\n\nconst props = defineProps<PvAvatarGroupProps>();\n\nconst displayedItems = computed(() => {\n  return props.maxDisplayed >= 7 ? 7 : props.maxDisplayed;\n});\n\nconst extraDisplayedItems = computed(() => {\n  const extraNumbers = props.items.length - displayedItems.value;\n  return extraNumbers > 0 ? extraNumbers : 0;\n});\n</script>\n\n<template>\n  <ul\n    class=\"pv-avatar-group\"\n    role=\"list\"\n    :data-more=\"extraDisplayedItems <= 0 ? undefined : extraDisplayedItems\"\n    data-testid=\"pv-avatar-group\"\n  >\n    <li v-for=\"(item, index) in items.slice(0, displayedItems)\" :key=\"index\" data-testid=\"pv-avatar-group-item\">\n      <template v-if=\"item.initials\">{{ item.initials }}</template>\n      <img v-else-if=\"item.image\" :src=\"item.image\" :alt=\"item.alt ?? ''\" />\n      <div v-else class=\"pv-avatar-sm\"></div>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\nimport { PvToggleButtonSize, PvToggleButtonVariant } from \"./types\";\n\ninterface PvToggleButton {\n  /**\n   * The visual size of the toggle button.\n   */\n  size?: PvToggleButtonSize;\n  /**\n   * The visual style variant.\n   */\n  variant?: PvToggleButtonVariant;\n  /** When true, applies fully rounded (pill) corners. */\n  rounded?: boolean;\n  /** When true, the toggle button is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** The value emitted when this toggle is selected (used with radio-style groups). */\n  value?: string;\n  /** Visible text label displayed inside the toggle. */\n  label?: string;\n  /** Icon name displayed to the left of the label. */\n  leftIcon?: string;\n  /** Icon name displayed to the right of the label. */\n  rightIcon?: string;\n  /** HTML id for the underlying input element. Auto-generated from label when omitted. */\n  id?: string;\n  /** HTML name attribute, used to group radio-style toggles. */\n  name?: string;\n  /**\n   * When true, renders as a checkbox (can be deselected). When false, renders as a radio (stays selected).\n   */\n  deselect?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvToggleButton>(), {\n  variant: \"secondary\",\n  deselect: true,\n  size: \"xl\",\n});\n\nconst modelValue = defineModel<boolean | string>();\n\nconst classes = computed(() => {\n  const variantSuffix = props.variant == \"secondary\" ? \"\" : \"-\" + props.variant;\n  return {\n    [`pv-toggle${variantSuffix}`]: true,\n    \"pv-toggle-round\": props.rounded,\n    \"pv-toggle-small\": props.size === \"lg\",\n  };\n});\n\nconst labelId = computed(() => {\n  if (props.id) {\n    return props.id;\n  }\n\n  return `${props.label}-${Math.random()}`;\n});\n</script>\n\n<template>\n  <label data-testid=\"pv-toggle-button\" :class=\"classes\" :for=\"labelId\">\n    <input\n      v-model=\"modelValue\"\n      class=\"pv-hide\"\n      :id=\"labelId\"\n      :type=\"deselect ? 'checkbox' : 'radio'\"\n      :value=\"value\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n    />\n    <PvIcon v-if=\"leftIcon\" :name=\"leftIcon\" />\n    <span v-if=\"label\">{{ label }}</span>\n    <PvIcon v-if=\"rightIcon\" :name=\"rightIcon\" />\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\nimport { PvToggleButtonSize, PvToggleButtonVariant } from \"./types\";\n\ninterface PvToggleButton {\n  /**\n   * The visual size of the toggle button.\n   */\n  size?: PvToggleButtonSize;\n  /**\n   * The visual style variant.\n   */\n  variant?: PvToggleButtonVariant;\n  /** When true, applies fully rounded (pill) corners. */\n  rounded?: boolean;\n  /** When true, the toggle button is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** The value emitted when this toggle is selected (used with radio-style groups). */\n  value?: string;\n  /** Visible text label displayed inside the toggle. */\n  label?: string;\n  /** Icon name displayed to the left of the label. */\n  leftIcon?: string;\n  /** Icon name displayed to the right of the label. */\n  rightIcon?: string;\n  /** HTML id for the underlying input element. Auto-generated from label when omitted. */\n  id?: string;\n  /** HTML name attribute, used to group radio-style toggles. */\n  name?: string;\n  /**\n   * When true, renders as a checkbox (can be deselected). When false, renders as a radio (stays selected).\n   */\n  deselect?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvToggleButton>(), {\n  variant: \"secondary\",\n  deselect: true,\n  size: \"xl\",\n});\n\nconst modelValue = defineModel<boolean | string>();\n\nconst classes = computed(() => {\n  const variantSuffix = props.variant == \"secondary\" ? \"\" : \"-\" + props.variant;\n  return {\n    [`pv-toggle${variantSuffix}`]: true,\n    \"pv-toggle-round\": props.rounded,\n    \"pv-toggle-small\": props.size === \"lg\",\n  };\n});\n\nconst labelId = computed(() => {\n  if (props.id) {\n    return props.id;\n  }\n\n  return `${props.label}-${Math.random()}`;\n});\n</script>\n\n<template>\n  <label data-testid=\"pv-toggle-button\" :class=\"classes\" :for=\"labelId\">\n    <input\n      v-model=\"modelValue\"\n      class=\"pv-hide\"\n      :id=\"labelId\"\n      :type=\"deselect ? 'checkbox' : 'radio'\"\n      :value=\"value\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n    />\n    <PvIcon v-if=\"leftIcon\" :name=\"leftIcon\" />\n    <span v-if=\"label\">{{ label }}</span>\n    <PvIcon v-if=\"rightIcon\" :name=\"rightIcon\" />\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { PvToggleGroupOption, PvToggleGroupProps } from \"@/components/base/PvToggleGroup/types.ts\";\n\nconst props = defineProps<PvToggleGroupProps>();\nconst selectedOption = defineModel<PvToggleGroupOption | null>();\n\n// Generate a stable unique ID for this component instance\nconst groupId = ref(`toggle-group-${Math.random().toString(36).substr(2, 9)}`);\n\nconst handleToggle = (option: PvToggleGroupOption) => {\n  if (option.disabled) return;\n\n  // If clicking the already selected option and allowDeselect is true, deselect it\n  if (selectedOption.value?.value === option.value) {\n    if (props.allowDeselect) {\n      selectedOption.value = null;\n    }\n    return;\n  }\n\n  // Select the new option\n  selectedOption.value = option;\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\">\n    <template v-for=\"option in options\" :key=\"option.value\">\n      <PvTooltipV2 :description=\"hideLabels ? option.label : ''\">\n        <template #trigger>\n          <label\n            class=\"pv-label pv-label-hover pv-flex pv-toggle-small\"\n            :class=\"{ 'pv-disabled': disabled || option.disabled }\"\n          >\n            <input\n              type=\"radio\"\n              :name=\"groupId\"\n              :value=\"option.value\"\n              :checked=\"selectedOption?.value === option.value\"\n              class=\"pv-radio\"\n              :disabled=\"disabled || option.disabled\"\n              @change=\"handleToggle(option)\"\n            />\n            <PvIcon v-if=\"option.icon\" :name=\"option.icon\" />\n            <span v-if=\"!hideLabels\">{{ option.label }}</span>\n          </label>\n        </template>\n      </PvTooltipV2>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { PvToggleGroupOption, PvToggleGroupProps } from \"@/components/base/PvToggleGroup/types.ts\";\n\nconst props = defineProps<PvToggleGroupProps>();\nconst selectedOption = defineModel<PvToggleGroupOption | null>();\n\n// Generate a stable unique ID for this component instance\nconst groupId = ref(`toggle-group-${Math.random().toString(36).substr(2, 9)}`);\n\nconst handleToggle = (option: PvToggleGroupOption) => {\n  if (option.disabled) return;\n\n  // If clicking the already selected option and allowDeselect is true, deselect it\n  if (selectedOption.value?.value === option.value) {\n    if (props.allowDeselect) {\n      selectedOption.value = null;\n    }\n    return;\n  }\n\n  // Select the new option\n  selectedOption.value = option;\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\">\n    <template v-for=\"option in options\" :key=\"option.value\">\n      <PvTooltipV2 :description=\"hideLabels ? option.label : ''\">\n        <template #trigger>\n          <label\n            class=\"pv-label pv-label-hover pv-flex pv-toggle-small\"\n            :class=\"{ 'pv-disabled': disabled || option.disabled }\"\n          >\n            <input\n              type=\"radio\"\n              :name=\"groupId\"\n              :value=\"option.value\"\n              :checked=\"selectedOption?.value === option.value\"\n              class=\"pv-radio\"\n              :disabled=\"disabled || option.disabled\"\n              @change=\"handleToggle(option)\"\n            />\n            <PvIcon v-if=\"option.icon\" :name=\"option.icon\" />\n            <span v-if=\"!hideLabels\">{{ option.label }}</span>\n          </label>\n        </template>\n      </PvTooltipV2>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\ninterface PvCheckboxProps {\n  /** When true, the checkbox is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** When true, displays the checkbox in an indeterminate (mixed) state. */\n  indeterminate?: boolean;\n  /** Accessible name when no wrapping <label> is present. */\n  ariaLabel?: string;\n}\n\ndefineProps<PvCheckboxProps>();\n\nconst value = defineModel<boolean>();\n</script>\n\n<template>\n  <input\n    ref=\"checkbox-ref\"\n    v-model=\"value\"\n    class=\"pv-checkbox\"\n    type=\"checkbox\"\n    name=\"checkbox\"\n    :aria-label=\"ariaLabel\"\n    :disabled=\"disabled\"\n    :indeterminate=\"indeterminate\"\n  />\n</template>\n","<script setup lang=\"ts\">\ninterface PvCheckboxProps {\n  /** When true, the checkbox is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** When true, displays the checkbox in an indeterminate (mixed) state. */\n  indeterminate?: boolean;\n  /** Accessible name when no wrapping <label> is present. */\n  ariaLabel?: string;\n}\n\ndefineProps<PvCheckboxProps>();\n\nconst value = defineModel<boolean>();\n</script>\n\n<template>\n  <input\n    ref=\"checkbox-ref\"\n    v-model=\"value\"\n    class=\"pv-checkbox\"\n    type=\"checkbox\"\n    name=\"checkbox\"\n    :aria-label=\"ariaLabel\"\n    :disabled=\"disabled\"\n    :indeterminate=\"indeterminate\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted } from \"vue\";\n\ntype PvSpriteProps = {\n  src: string;\n  variant?: \"v1\" | \"v2\";\n};\n\nconst props = withDefaults(defineProps<PvSpriteProps>(), {\n  variant: \"v2\",\n});\n\nonMounted(async () => {\n  const file = props.variant === \"v1\" ? \"sprite-v1.svg\" : \"sprite-v2.svg\";\n  const fullPath = props.src + file;\n  try {\n    const response = await fetch(fullPath);\n    const svgText = await response.text();\n    const target = document.getElementById(\"pv-sprite-content\");\n    if (target) {\n      target.innerHTML = svgText;\n      target.hidden = false; // Optional: show if needed\n    }\n  } catch (error) {\n    console.error(\"Failed to load SVG:\", error);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div hidden id=\"pv-sprite-content\"></div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted } from \"vue\";\n\ntype PvSpriteProps = {\n  src: string;\n  variant?: \"v1\" | \"v2\";\n};\n\nconst props = withDefaults(defineProps<PvSpriteProps>(), {\n  variant: \"v2\",\n});\n\nonMounted(async () => {\n  const file = props.variant === \"v1\" ? \"sprite-v1.svg\" : \"sprite-v2.svg\";\n  const fullPath = props.src + file;\n  try {\n    const response = await fetch(fullPath);\n    const svgText = await response.text();\n    const target = document.getElementById(\"pv-sprite-content\");\n    if (target) {\n      target.innerHTML = svgText;\n      target.hidden = false; // Optional: show if needed\n    }\n  } catch (error) {\n    console.error(\"Failed to load SVG:\", error);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div hidden id=\"pv-sprite-content\"></div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { Skeleton } from \"primevue\";\nimport { PvSekeltonSize, PvSkeletonVariant } from \"./types\";\n\nconst mapSizeToPx: Record<PvSekeltonSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"1rem\",\n  md: \"1.25rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n};\n\ninterface PvSkeletonProps {\n  /** The size of the skeleton placeholder. Controls height and, for square variant, width. */\n  size?: PvSekeltonSize;\n  /** The shape variant. \"rectangle\" fills available width; \"square\" uses equal height and width. */\n  variant?: PvSkeletonVariant;\n}\n\nwithDefaults(defineProps<PvSkeletonProps>(), {\n  size: \"md\",\n  variant: \"rectangle\",\n});\n</script>\n\n<template>\n  <Skeleton\n    data-testid=\"pv-skeleton\"\n    :height=\"mapSizeToPx[size]\"\n    :width=\"variant === 'square' ? mapSizeToPx[size] : '100%'\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { Skeleton } from \"primevue\";\nimport { PvSekeltonSize, PvSkeletonVariant } from \"./types\";\n\nconst mapSizeToPx: Record<PvSekeltonSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"1rem\",\n  md: \"1.25rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n};\n\ninterface PvSkeletonProps {\n  /** The size of the skeleton placeholder. Controls height and, for square variant, width. */\n  size?: PvSekeltonSize;\n  /** The shape variant. \"rectangle\" fills available width; \"square\" uses equal height and width. */\n  variant?: PvSkeletonVariant;\n}\n\nwithDefaults(defineProps<PvSkeletonProps>(), {\n  size: \"md\",\n  variant: \"rectangle\",\n});\n</script>\n\n<template>\n  <Skeleton\n    data-testid=\"pv-skeleton\"\n    :height=\"mapSizeToPx[size]\"\n    :width=\"variant === 'square' ? mapSizeToPx[size] : '100%'\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { PvInputType, PvInputVariant } from \"./types\";\ninterface PvInputProps {\n  /** When true, applies invalid/error styling to the input and lower label. */\n  error?: boolean;\n  /** When true, the input is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n  /**\n   * The HTML input type.\n   */\n  type?: PvInputType;\n  /** HTML id for the input element. Auto-generated when omitted. */\n  id?: string;\n  /** Helper or validation text displayed below the input. Turns red when error is true. */\n  lowerLabel?: string;\n  /**\n   * Background color variant of the input field.\n   */\n  variant?: PvInputVariant;\n  /** The step attribute for number inputs (e.g. '0.01' for currency). */\n  step?: string;\n}\n\nwithDefaults(defineProps<PvInputProps>(), {\n  id: Math.random().toString(),\n  type: \"text\",\n  variant: \"white\",\n});\n\nconst value = defineModel<string>();\n</script>\n\n<template>\n  <label v-if=\"$slots.label\" data-testid=\"pv-input-label\" class=\"pv-label pv-stack-8\" :for=\"id\">\n    <slot name=\"label\" />\n  </label>\n  <input\n    v-model=\"value\"\n    data-testid=\"pv-input\"\n    :class=\"[\n      'pv-input-text',\n      {\n        'pv-stack-8': lowerLabel,\n        'pv-surface-accent': variant === 'grey',\n      },\n    ]\"\n    :disabled=\"disabled\"\n    :type=\"type\"\n    :placeholder=\"placeholder\"\n    :id=\"id\"\n    :data-invalid=\"error ? true : undefined\"\n    :step=\"step\"\n  />\n  <p\n    v-if=\"lowerLabel\"\n    data-testid=\"pv-input-lower-label\"\n    style=\"margin-left: 12px\"\n    :class=\"[\n      'pv-text-body-xs',\n      {\n        'pv-text-red': error,\n        'pv-text-subdued': !error,\n      },\n    ]\"\n  >\n    {{ lowerLabel }}\n  </p>\n</template>\n","<script setup lang=\"ts\">\nimport { PvInputType, PvInputVariant } from \"./types\";\ninterface PvInputProps {\n  /** When true, applies invalid/error styling to the input and lower label. */\n  error?: boolean;\n  /** When true, the input is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n  /**\n   * The HTML input type.\n   */\n  type?: PvInputType;\n  /** HTML id for the input element. Auto-generated when omitted. */\n  id?: string;\n  /** Helper or validation text displayed below the input. Turns red when error is true. */\n  lowerLabel?: string;\n  /**\n   * Background color variant of the input field.\n   */\n  variant?: PvInputVariant;\n  /** The step attribute for number inputs (e.g. '0.01' for currency). */\n  step?: string;\n}\n\nwithDefaults(defineProps<PvInputProps>(), {\n  id: Math.random().toString(),\n  type: \"text\",\n  variant: \"white\",\n});\n\nconst value = defineModel<string>();\n</script>\n\n<template>\n  <label v-if=\"$slots.label\" data-testid=\"pv-input-label\" class=\"pv-label pv-stack-8\" :for=\"id\">\n    <slot name=\"label\" />\n  </label>\n  <input\n    v-model=\"value\"\n    data-testid=\"pv-input\"\n    :class=\"[\n      'pv-input-text',\n      {\n        'pv-stack-8': lowerLabel,\n        'pv-surface-accent': variant === 'grey',\n      },\n    ]\"\n    :disabled=\"disabled\"\n    :type=\"type\"\n    :placeholder=\"placeholder\"\n    :id=\"id\"\n    :data-invalid=\"error ? true : undefined\"\n    :step=\"step\"\n  />\n  <p\n    v-if=\"lowerLabel\"\n    data-testid=\"pv-input-lower-label\"\n    style=\"margin-left: 12px\"\n    :class=\"[\n      'pv-text-body-xs',\n      {\n        'pv-text-red': error,\n        'pv-text-subdued': !error,\n      },\n    ]\"\n  >\n    {{ lowerLabel }}\n  </p>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvRatingVariant, PvRatingSize } from \"./types\";\n\ninterface PvRatingProps {\n  /** Display variant: \"dot\" or \"star\" style */\n  variant?: PvRatingVariant;\n  /** Rating value between 0 and 5 */\n  value: number;\n  /** Size of the rating display in pixels */\n  size?: PvRatingSize;\n}\n\nconst props = withDefaults(defineProps<PvRatingProps>(), {\n  variant: \"dot\",\n  size: 20,\n});\n\nconst dataRating = computed(() => {\n  return props.variant === \"dot\" ? \"dot\" : undefined;\n});\n</script>\n\n<template>\n  <div\n    class=\"pv-rating\"\n    data-testid=\"pv-rating\"\n    :style=\"{\n      '--height': `${size}px`,\n    }\"\n    :data-rating=\"dataRating\"\n  >\n    <meter id=\"rating\" min=\"0\" max=\"5\" :value=\"value\">4.0 stars</meter>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvRatingVariant, PvRatingSize } from \"./types\";\n\ninterface PvRatingProps {\n  /** Display variant: \"dot\" or \"star\" style */\n  variant?: PvRatingVariant;\n  /** Rating value between 0 and 5 */\n  value: number;\n  /** Size of the rating display in pixels */\n  size?: PvRatingSize;\n}\n\nconst props = withDefaults(defineProps<PvRatingProps>(), {\n  variant: \"dot\",\n  size: 20,\n});\n\nconst dataRating = computed(() => {\n  return props.variant === \"dot\" ? \"dot\" : undefined;\n});\n</script>\n\n<template>\n  <div\n    class=\"pv-rating\"\n    data-testid=\"pv-rating\"\n    :style=\"{\n      '--height': `${size}px`,\n    }\"\n    :data-rating=\"dataRating\"\n  >\n    <meter id=\"rating\" min=\"0\" max=\"5\" :value=\"value\">4.0 stars</meter>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvCardVariant } from \"./types\";\n\ninterface PvCardProps {\n  /** URL to navigate to when the card is clicked. Renders the card as an anchor element. */\n  href?: string;\n  /** Visual style variant of the card. */\n  variant?: PvCardVariant;\n  /** When true, renders the card as a button element with interactive styling. */\n  interactive?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCardProps>(), {\n  variant: \"primary\",\n  interactive: false,\n});\n\nconst componentVariant = computed(() => {\n  return props.href ? \"a\" : props.interactive ? \"button\" : \"div\";\n});\n\nconst componentType = computed(() => {\n  return props.href || props.interactive ? \"button\" : \"div\";\n});\n</script>\n\n<template>\n  <component\n    :is=\"componentVariant\"\n    :href=\"href\"\n    :type=\"componentType\"\n    :class=\"[\n      'pv-card pv-inset-square-8 pv-inline-block',\n      {\n        'pv-card-secondary': variant === 'secondary',\n      },\n    ]\"\n    data-testid=\"pv-card\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvCardVariant } from \"./types\";\n\ninterface PvCardProps {\n  /** URL to navigate to when the card is clicked. Renders the card as an anchor element. */\n  href?: string;\n  /** Visual style variant of the card. */\n  variant?: PvCardVariant;\n  /** When true, renders the card as a button element with interactive styling. */\n  interactive?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCardProps>(), {\n  variant: \"primary\",\n  interactive: false,\n});\n\nconst componentVariant = computed(() => {\n  return props.href ? \"a\" : props.interactive ? \"button\" : \"div\";\n});\n\nconst componentType = computed(() => {\n  return props.href || props.interactive ? \"button\" : \"div\";\n});\n</script>\n\n<template>\n  <component\n    :is=\"componentVariant\"\n    :href=\"href\"\n    :type=\"componentType\"\n    :class=\"[\n      'pv-card pv-inset-square-8 pv-inline-block',\n      {\n        'pv-card-secondary': variant === 'secondary',\n      },\n    ]\"\n    data-testid=\"pv-card\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport PvCard from \"../PvCard/PvCard.vue\";\n</script>\n\n<template>\n  <PvCard class=\"pv-inset-square-16\">\n    <slot />\n  </PvCard>\n</template>\n","<script setup lang=\"ts\">\nimport PvCard from \"../PvCard/PvCard.vue\";\n</script>\n\n<template>\n  <PvCard class=\"pv-inset-square-16\">\n    <slot />\n  </PvCard>\n</template>\n","<script setup lang=\"ts\">\nimport PvCard from \"../PvCard/PvCard.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { computed } from \"vue\";\n\nexport interface PvInsightCardProps {\n  /** Name of the icon displayed beside the insight text. */\n  icon: string;\n  /** Short insight label displayed next to the icon. */\n  insight: string;\n  /** Optional label displayed above the title in a smaller, tertiary style. */\n  upperLabel?: string;\n  /** Main heading text of the insight card. */\n  title?: string;\n  /** Descriptive text displayed below the title. */\n  description?: string;\n  /** When true, shows a \"new-tab\" icon button in the top-right corner. */\n  showButton?: boolean;\n  /** When true, the card is rendered as an interactive (clickable) element. */\n  interactive?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvInsightCardProps>(), {\n  icon: \"ai\",\n  showButton: false,\n  interactive: false,\n});\n\ndefineEmits<{\n  (e: \"click\"): void;\n  (e: \"icon-click\"): void;\n}>();\n\nconst displayIconLevel = computed(() => {\n  return props.icon || props.insight;\n});\n</script>\n\n<template>\n  <PvCard variant=\"secondary\" :interactive=\"interactive\" @click=\"$emit('click')\" class=\"pv-relative\">\n    <div class=\"pv-flex-vertical\" style=\"--flex-align: flex-start; --flex-gap: 0.25rem\">\n      <div v-if=\"displayIconLevel\" class=\"pv-flex\" style=\"--flex-gap: 0.25rem\">\n        <PvIcon v-if=\"icon\" style=\"color: #218c88\" :name=\"icon\" :size=\"12\" />\n        <span class=\"pv-text-body-sm\">{{ insight }}</span>\n      </div>\n      <span v-if=\"upperLabel\" class=\"pv-text-body-sm pv-text-tertiary\">{{ upperLabel }}</span>\n      <span v-if=\"title\" class=\"pv-heading-2\">{{ title }}</span>\n      <span v-if=\"description\" class=\"pv-text-body-md pv-text-secondary pv-text-subdued\">{{ description }}</span>\n    </div>\n    <PvButton\n      v-if=\"showButton\"\n      left-icon=\"new-tab\"\n      ariaLabel=\"Open in new tab\"\n      variant=\"ghost\"\n      size=\"md\"\n      class=\"pv-insight-button\"\n      @click.stop=\"$emit('icon-click')\"\n    />\n  </PvCard>\n</template>\n\n<style scoped>\n.pv-insight-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvCard from \"../PvCard/PvCard.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { computed } from \"vue\";\n\nexport interface PvInsightCardProps {\n  /** Name of the icon displayed beside the insight text. */\n  icon: string;\n  /** Short insight label displayed next to the icon. */\n  insight: string;\n  /** Optional label displayed above the title in a smaller, tertiary style. */\n  upperLabel?: string;\n  /** Main heading text of the insight card. */\n  title?: string;\n  /** Descriptive text displayed below the title. */\n  description?: string;\n  /** When true, shows a \"new-tab\" icon button in the top-right corner. */\n  showButton?: boolean;\n  /** When true, the card is rendered as an interactive (clickable) element. */\n  interactive?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvInsightCardProps>(), {\n  icon: \"ai\",\n  showButton: false,\n  interactive: false,\n});\n\ndefineEmits<{\n  (e: \"click\"): void;\n  (e: \"icon-click\"): void;\n}>();\n\nconst displayIconLevel = computed(() => {\n  return props.icon || props.insight;\n});\n</script>\n\n<template>\n  <PvCard variant=\"secondary\" :interactive=\"interactive\" @click=\"$emit('click')\" class=\"pv-relative\">\n    <div class=\"pv-flex-vertical\" style=\"--flex-align: flex-start; --flex-gap: 0.25rem\">\n      <div v-if=\"displayIconLevel\" class=\"pv-flex\" style=\"--flex-gap: 0.25rem\">\n        <PvIcon v-if=\"icon\" style=\"color: #218c88\" :name=\"icon\" :size=\"12\" />\n        <span class=\"pv-text-body-sm\">{{ insight }}</span>\n      </div>\n      <span v-if=\"upperLabel\" class=\"pv-text-body-sm pv-text-tertiary\">{{ upperLabel }}</span>\n      <span v-if=\"title\" class=\"pv-heading-2\">{{ title }}</span>\n      <span v-if=\"description\" class=\"pv-text-body-md pv-text-secondary pv-text-subdued\">{{ description }}</span>\n    </div>\n    <PvButton\n      v-if=\"showButton\"\n      left-icon=\"new-tab\"\n      ariaLabel=\"Open in new tab\"\n      variant=\"ghost\"\n      size=\"md\"\n      class=\"pv-insight-button\"\n      @click.stop=\"$emit('icon-click')\"\n    />\n  </PvCard>\n</template>\n\n<style scoped>\n.pv-insight-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { PvExpandableContentSizes, PvExpandableContentVariants } from \"./types\";\n\nconst sizeMap: Record<PvExpandableContentSizes, string> = {\n  none: \"0\",\n  xs: \"4px\",\n  sm: \"8px\",\n  md: \"12px\",\n  lg: \"16px\",\n};\n\nconst props = withDefaults(\n  defineProps<{\n    /** Maximum number of visible lines before content is clamped. */\n    lines?: number;\n    /** Padding size applied to the container. */\n    size?: PvExpandableContentSizes;\n    /** Visual style variant. \"ghost\" applies an accent surface background. */\n    variant?: PvExpandableContentVariants;\n    /** When true, the content starts in the expanded state. */\n    defaultOpen?: boolean;\n  }>(),\n  {\n    lines: 4,\n    size: \"md\",\n    variant: \"primary\",\n    defaultOpen: false,\n  },\n);\n\nconst isExpanded = ref(props.defaultOpen);\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value;\n};\n\nconst contentStyle = computed(() => {\n  return {\n    \"--lines\": isExpanded.value ? \"none\" : props.lines,\n    \"max-height\": isExpanded.value ? \"100vh\" : `${props.lines * 1.5}em`,\n  };\n});\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pv-inset-square expandable-content',\n      {\n        'pv-surface-accent': variant === 'ghost',\n      },\n    ]\"\n    :style=\"{ '--inset-size': sizeMap[size] }\"\n  >\n    <p class=\"pv-line-clamp pv-text-body-md pv-stack-8\" :style=\"contentStyle\">\n      <slot />\n    </p>\n    <PvButton\n      :label=\"isExpanded ? 'Show Less' : 'Show More'\"\n      variant=\"ghost\"\n      size=\"md\"\n      @click=\"toggleExpanded\"\n      :left-icon=\"isExpanded ? 'chevron-up' : 'chevron-down'\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.expandable-content {\n  border-radius: 0.5rem;\n}\n\n.expandable-content .pv-line-clamp {\n  transition: max-height 0.3s ease-in-out;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { PvExpandableContentSizes, PvExpandableContentVariants } from \"./types\";\n\nconst sizeMap: Record<PvExpandableContentSizes, string> = {\n  none: \"0\",\n  xs: \"4px\",\n  sm: \"8px\",\n  md: \"12px\",\n  lg: \"16px\",\n};\n\nconst props = withDefaults(\n  defineProps<{\n    /** Maximum number of visible lines before content is clamped. */\n    lines?: number;\n    /** Padding size applied to the container. */\n    size?: PvExpandableContentSizes;\n    /** Visual style variant. \"ghost\" applies an accent surface background. */\n    variant?: PvExpandableContentVariants;\n    /** When true, the content starts in the expanded state. */\n    defaultOpen?: boolean;\n  }>(),\n  {\n    lines: 4,\n    size: \"md\",\n    variant: \"primary\",\n    defaultOpen: false,\n  },\n);\n\nconst isExpanded = ref(props.defaultOpen);\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value;\n};\n\nconst contentStyle = computed(() => {\n  return {\n    \"--lines\": isExpanded.value ? \"none\" : props.lines,\n    \"max-height\": isExpanded.value ? \"100vh\" : `${props.lines * 1.5}em`,\n  };\n});\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pv-inset-square expandable-content',\n      {\n        'pv-surface-accent': variant === 'ghost',\n      },\n    ]\"\n    :style=\"{ '--inset-size': sizeMap[size] }\"\n  >\n    <p class=\"pv-line-clamp pv-text-body-md pv-stack-8\" :style=\"contentStyle\">\n      <slot />\n    </p>\n    <PvButton\n      :label=\"isExpanded ? 'Show Less' : 'Show More'\"\n      variant=\"ghost\"\n      size=\"md\"\n      @click=\"toggleExpanded\"\n      :left-icon=\"isExpanded ? 'chevron-up' : 'chevron-down'\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.expandable-content {\n  border-radius: 0.5rem;\n}\n\n.expandable-content .pv-line-clamp {\n  transition: max-height 0.3s ease-in-out;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport type { PvToastVariants } from \"./types\";\n\ninterface PvToastProps {\n  /** Visual style variant determining color scheme and default icon */\n  variant?: PvToastVariants;\n  /** Custom icon name; overrides the default variant icon */\n  icon?: string;\n  /** Text message displayed in the toast */\n  label: string;\n}\n\nconst mapVariantToClass: Record<PvToastVariants, string> = {\n  info: \"pv-toast-info\",\n  success: \"pv-toast-success\",\n  error: \"pv-toast-error\",\n  dark: \"pv-toast-dark\",\n};\n\nconst mapVariantToIcon: Record<PvToastVariants, string> = {\n  info: \"check-circle\",\n  success: \"check-circle\",\n  error: \"alert-circle\",\n  dark: \"ai\",\n};\n\nwithDefaults(defineProps<PvToastProps>(), {\n  variant: \"info\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\"): void;\n}>();\n</script>\n\n<template>\n  <div :class=\"mapVariantToClass[variant]\">\n    <PvIcon :name=\"icon ? icon : mapVariantToIcon[variant]\" :size=\"20\" />\n    <p class=\"pv-text-body-md\">\n      {{ label }}\n    </p>\n    <slot />\n    <PvButton\n      variant=\"ghost\"\n      :inverse=\"variant === 'dark'\"\n      size=\"lg\"\n      left-icon=\"close\"\n      ariaLabel=\"Close\"\n      @click=\"$emit('handle-close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport type { PvToastVariants } from \"./types\";\n\ninterface PvToastProps {\n  /** Visual style variant determining color scheme and default icon */\n  variant?: PvToastVariants;\n  /** Custom icon name; overrides the default variant icon */\n  icon?: string;\n  /** Text message displayed in the toast */\n  label: string;\n}\n\nconst mapVariantToClass: Record<PvToastVariants, string> = {\n  info: \"pv-toast-info\",\n  success: \"pv-toast-success\",\n  error: \"pv-toast-error\",\n  dark: \"pv-toast-dark\",\n};\n\nconst mapVariantToIcon: Record<PvToastVariants, string> = {\n  info: \"check-circle\",\n  success: \"check-circle\",\n  error: \"alert-circle\",\n  dark: \"ai\",\n};\n\nwithDefaults(defineProps<PvToastProps>(), {\n  variant: \"info\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\"): void;\n}>();\n</script>\n\n<template>\n  <div :class=\"mapVariantToClass[variant]\">\n    <PvIcon :name=\"icon ? icon : mapVariantToIcon[variant]\" :size=\"20\" />\n    <p class=\"pv-text-body-md\">\n      {{ label }}\n    </p>\n    <slot />\n    <PvButton\n      variant=\"ghost\"\n      :inverse=\"variant === 'dark'\"\n      size=\"lg\"\n      left-icon=\"close\"\n      ariaLabel=\"Close\"\n      @click=\"$emit('handle-close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvActionBarTheme } from \"./types\";\n\ninterface PvActionBarProps {\n  /** Visual theme of the action bar. Use \"dark\" on light backgrounds for contrast.\n   * When using \"dark\", set the `inverse` prop on child components that support it. */\n  variant?: PvActionBarTheme;\n}\n\nwithDefaults(defineProps<PvActionBarProps>(), {\n  variant: \"white\",\n});\n\ndefineSlots<{\n  /**\n   * Default slot for action bar content.\n   * sections are divided by the root elements inside the slot.\n   */\n  default(): never;\n}>();\n</script>\n\n<template>\n  <div class=\"pv-action-bar-container\" :data-style=\"variant === 'white' ? 'white' : undefined\">\n    <slot name=\"default\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvActionBarTheme } from \"./types\";\n\ninterface PvActionBarProps {\n  /** Visual theme of the action bar. Use \"dark\" on light backgrounds for contrast.\n   * When using \"dark\", set the `inverse` prop on child components that support it. */\n  variant?: PvActionBarTheme;\n}\n\nwithDefaults(defineProps<PvActionBarProps>(), {\n  variant: \"white\",\n});\n\ndefineSlots<{\n  /**\n   * Default slot for action bar content.\n   * sections are divided by the root elements inside the slot.\n   */\n  default(): never;\n}>();\n</script>\n\n<template>\n  <div class=\"pv-action-bar-container\" :data-style=\"variant === 'white' ? 'white' : undefined\">\n    <slot name=\"default\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTextAreaVariant } from \"./types\";\n\ninterface PvTextareaProps {\n  /** When true, applies invalid/error styling to the textarea and lower label. */\n  error?: boolean;\n  /** When true, the textarea is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** Placeholder text shown when the textarea is empty. */\n  placeholder?: string;\n  /** HTML id for the textarea element. Auto-generated when omitted. */\n  id?: string;\n  /** Helper or validation text displayed below the textarea. Turns red when error is true. */\n  lowerLabel?: string;\n  /**\n   * Background color variant of the textarea.\n   */\n  variant?: PvTextAreaVariant;\n  /**\n   * Number of visible text rows.\n   */\n  rows?: number;\n}\n\nwithDefaults(defineProps<PvTextareaProps>(), {\n  id: Math.random().toString(),\n  variant: \"white\",\n  rows: 4,\n});\n\nconst value = defineModel<string>();\n</script>\n\n<template>\n  <label v-if=\"$slots.label\" class=\"pv-label pv-stack-8\" :for=\"id\">\n    <slot name=\"label\" />\n  </label>\n  <textarea\n    v-bind=\"$attrs\"\n    v-model=\"value\"\n    :class=\"[\n      'pv-textarea',\n      {\n        'pv-stack-8': lowerLabel,\n        'pv-surface-accent': variant === 'grey',\n      },\n    ]\"\n    :rows=\"rows\"\n    :disabled=\"disabled\"\n    :placeholder=\"placeholder\"\n    :id=\"id\"\n    :data-invalid=\"error ? true : undefined\"\n  />\n  <p\n    v-if=\"lowerLabel\"\n    style=\"margin-left: 12px\"\n    :class=\"[\n      'pv-text-body-xs',\n      {\n        'pv-text-red': error,\n        'pv-text-subdued': !error,\n      },\n    ]\"\n  >\n    {{ lowerLabel }}\n  </p>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTextAreaVariant } from \"./types\";\n\ninterface PvTextareaProps {\n  /** When true, applies invalid/error styling to the textarea and lower label. */\n  error?: boolean;\n  /** When true, the textarea is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** Placeholder text shown when the textarea is empty. */\n  placeholder?: string;\n  /** HTML id for the textarea element. Auto-generated when omitted. */\n  id?: string;\n  /** Helper or validation text displayed below the textarea. Turns red when error is true. */\n  lowerLabel?: string;\n  /**\n   * Background color variant of the textarea.\n   */\n  variant?: PvTextAreaVariant;\n  /**\n   * Number of visible text rows.\n   */\n  rows?: number;\n}\n\nwithDefaults(defineProps<PvTextareaProps>(), {\n  id: Math.random().toString(),\n  variant: \"white\",\n  rows: 4,\n});\n\nconst value = defineModel<string>();\n</script>\n\n<template>\n  <label v-if=\"$slots.label\" class=\"pv-label pv-stack-8\" :for=\"id\">\n    <slot name=\"label\" />\n  </label>\n  <textarea\n    v-bind=\"$attrs\"\n    v-model=\"value\"\n    :class=\"[\n      'pv-textarea',\n      {\n        'pv-stack-8': lowerLabel,\n        'pv-surface-accent': variant === 'grey',\n      },\n    ]\"\n    :rows=\"rows\"\n    :disabled=\"disabled\"\n    :placeholder=\"placeholder\"\n    :id=\"id\"\n    :data-invalid=\"error ? true : undefined\"\n  />\n  <p\n    v-if=\"lowerLabel\"\n    style=\"margin-left: 12px\"\n    :class=\"[\n      'pv-text-body-xs',\n      {\n        'pv-text-red': error,\n        'pv-text-subdued': !error,\n      },\n    ]\"\n  >\n    {{ lowerLabel }}\n  </p>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\ninterface PvSimpleItemTreeProps {\n  label: string;\n  icon?: string;\n}\n\ndefineProps<PvSimpleItemTreeProps>();\n</script>\n\n<template>\n  <div class=\"pv-flex pv-truncate\" style=\"min-width: 0; min-height: 20px\">\n    <PvIcon v-if=\"icon\" :name=\"icon\" />\n    <span class=\"pv-text-body-md pv-truncate\" style=\"font-weight: 500; min-width: 0\" :title=\"label\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\ninterface PvSimpleItemTreeProps {\n  label: string;\n  icon?: string;\n}\n\ndefineProps<PvSimpleItemTreeProps>();\n</script>\n\n<template>\n  <div class=\"pv-flex pv-truncate\" style=\"min-width: 0; min-height: 20px\">\n    <PvIcon v-if=\"icon\" :name=\"icon\" />\n    <span class=\"pv-text-body-md pv-truncate\" style=\"font-weight: 500; min-width: 0\" :title=\"label\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n</script>\n\n<template>\n  <PvIcon name=\"reorder\" class=\"reorder-icon pv-text-tertiary\" />\n</template>\n\n<style scoped>\n.reorder-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  transform: translateY(25%);\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n</script>\n\n<template>\n  <PvIcon name=\"reorder\" class=\"reorder-icon pv-text-tertiary\" />\n</template>\n\n<style scoped>\n.reorder-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  transform: translateY(25%);\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { PvTreeOption } from \"./types\";\n\ninterface PvButtonTreeItemProps {\n  selected?: boolean;\n  option: PvTreeOption;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvButtonTreeItemProps>(), {\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n}>();\n\nconst handleTreeSelect = (event: MouseEvent) => {\n  if (props.disableSelection) return;\n  emit(\"handle-selected\", { option: props.option, event });\n};\n\nconst componentInstance = computed(() => {\n  return props.disableSelection ? \"button\" : \"div\";\n});\n</script>\n\n<template>\n  <component\n    :is=\"componentInstance\"\n    :class=\"[\n      'pv-full-width',\n      'pv-flex',\n      'pv-relative',\n      'pv-tree-item',\n      { 'pv-tree-item-selected': selected, 'pv-tree-item-disabled': disableSelection },\n    ]\"\n    @click=\"handleTreeSelect\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { PvTreeOption } from \"./types\";\n\ninterface PvButtonTreeItemProps {\n  selected?: boolean;\n  option: PvTreeOption;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvButtonTreeItemProps>(), {\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n}>();\n\nconst handleTreeSelect = (event: MouseEvent) => {\n  if (props.disableSelection) return;\n  emit(\"handle-selected\", { option: props.option, event });\n};\n\nconst componentInstance = computed(() => {\n  return props.disableSelection ? \"button\" : \"div\";\n});\n</script>\n\n<template>\n  <component\n    :is=\"componentInstance\"\n    :class=\"[\n      'pv-full-width',\n      'pv-flex',\n      'pv-relative',\n      'pv-tree-item',\n      { 'pv-tree-item-selected': selected, 'pv-tree-item-disabled': disableSelection },\n    ]\"\n    @click=\"handleTreeSelect\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport PvCheckbox from \"../PvCheckbox/PvCheckbox.vue\";\nimport type { PvTreeOption } from \"./types\";\n\ninterface PvCheckboxTreeItemProps {\n  selected?: boolean;\n  option: PvTreeOption;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCheckboxTreeItemProps>(), {\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n}>();\n\nconst handleSelected = (event: MouseEvent) => {\n  if (props.disableSelection) return;\n  emit(\"handle-selected\", { option: props.option, event });\n};\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'pv-relative',\n      'pv-label',\n      'pv-label-hover',\n      'pv-flex',\n      'pv-tree-item',\n      'pv-full-width',\n      { 'pv-tree-item-selected': selected, 'pv-tree-item-disabled': disableSelection },\n    ]\"\n  >\n    <PvCheckbox v-if=\"!disableSelection\" :checked=\"selected\" @click=\"handleSelected\" />\n    <slot />\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport PvCheckbox from \"../PvCheckbox/PvCheckbox.vue\";\nimport type { PvTreeOption } from \"./types\";\n\ninterface PvCheckboxTreeItemProps {\n  selected?: boolean;\n  option: PvTreeOption;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCheckboxTreeItemProps>(), {\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n}>();\n\nconst handleSelected = (event: MouseEvent) => {\n  if (props.disableSelection) return;\n  emit(\"handle-selected\", { option: props.option, event });\n};\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'pv-relative',\n      'pv-label',\n      'pv-label-hover',\n      'pv-flex',\n      'pv-tree-item',\n      'pv-full-width',\n      { 'pv-tree-item-selected': selected, 'pv-tree-item-disabled': disableSelection },\n    ]\"\n  >\n    <PvCheckbox v-if=\"!disableSelection\" :checked=\"selected\" @click=\"handleSelected\" />\n    <slot />\n  </label>\n</template>\n","import { ref } from \"vue\";\n\nexport const useHoverIcon = () => {\n  const hoveredId = ref<number | string | null>(null);\n\n  const handleMouseEnter = (id: number | string) => {\n    hoveredId.value = id;\n  };\n\n  const handleMouseLeave = () => {\n    hoveredId.value = null;\n  };\n\n  return {\n    hoveredId,\n    handleMouseEnter,\n    handleMouseLeave,\n  };\n};\n","import { InjectionKey, Ref } from \"vue\";\n\nexport type DraggingState = Ref<boolean>;\nexport const DraggingStateKey: InjectionKey<DraggingState> = Symbol(\"DraggingStateKey\");\n\nexport type DraggingGroupName = Ref<string | null>;\nexport const DraggingGroupNameKey: InjectionKey<DraggingGroupName> = Symbol(\"DraggingGroupNameKey\");\n\nexport type DropIndicatorType = {\n  parentId?: string | number;\n  siblingTargetId?: string | number;\n  siblingInsertAfter?: boolean;\n};\nexport type DropIndicator = Ref<DropIndicatorType | null>;\nexport const DropIndicatorKey: InjectionKey<DropIndicator> = Symbol(\"DropIndicatorKey\");\n","import { ref, provide, inject } from \"vue\";\nimport { DraggingStateKey, DraggingGroupNameKey, DropIndicatorKey, DropIndicatorType } from \"../symbols\";\n\n/**\n * Provides dragging state to the tree component hierarchy.\n * Called by PvTreeGroup (for cross-tree sharing) or by PvTree itself as a fallback (standalone use).\n */\nexport const provideDraggingState = () => {\n  const isDragging = ref(false);\n  const draggingGroupName = ref<string | null>(null);\n  const dropIndicator = ref<DropIndicatorType | null>(null);\n\n  provide(DraggingStateKey, isDragging);\n  provide(DraggingGroupNameKey, draggingGroupName);\n  provide(DropIndicatorKey, dropIndicator);\n\n  return {\n    isDragging,\n    draggingGroupName,\n    dropIndicator,\n  };\n};\n\n/**\n * Injects dragging state from the nearest PvTreeGroup or PvTree ancestor.\n * Should be called in PvTreeItem and PvSimpleNestedTree components.\n */\nexport const useDraggingState = () => {\n  const isDragging = inject(DraggingStateKey, ref(false));\n  const draggingGroupName = inject(DraggingGroupNameKey, ref<string | null>(null));\n  const dropIndicator = inject(DropIndicatorKey, ref<DropIndicatorType | null>(null));\n\n  const onDragStart = (groupName?: string) => {\n    isDragging.value = true;\n    draggingGroupName.value = groupName ?? null;\n  };\n\n  const onDragEnd = () => {\n    isDragging.value = false;\n    draggingGroupName.value = null;\n    clearDropIndicator();\n  };\n\n  const setDropIndicator = ({ parentId, siblingTargetId, siblingInsertAfter }: DropIndicatorType) => {\n    dropIndicator.value = { parentId, siblingTargetId, siblingInsertAfter };\n  };\n\n  const clearDropIndicator = () => {\n    dropIndicator.value = null;\n  };\n\n  return {\n    isDragging,\n    draggingGroupName,\n    dropIndicator,\n    setDropIndicator,\n    clearDropIndicator,\n    onDragStart,\n    onDragEnd,\n  };\n};\n","import { PvTreeOption, PvTreeSettings } from \"../types\";\nimport { useDraggingState } from \"./useDraggingState\";\n\nexport const useDragAndDrop = () => {\n  const { setDropIndicator, clearDropIndicator } = useDraggingState();\n  const getDragGroupConfig = (settings: PvTreeSettings, option: PvTreeOption) => {\n    const fieldSetting = settings[option.field];\n    const dragGroup = fieldSetting?.dragAndDropConfig;\n\n    return {\n      // Use a single shared group name by default to allow drag between all tree levels\n      name: dragGroup?.name ?? \"pv-tree\",\n      pull: dragGroup?.pull ?? true,\n      put: dragGroup?.put ?? true,\n    };\n  };\n\n  const getDragAndDropDisabled = (isDraggable: boolean | undefined, settings: PvTreeSettings, option: PvTreeOption) => {\n    return !isDraggable || settings[option.field]?.dragAndDropConfig?.disableChildrenDrag;\n  };\n\n  /**\n   * Returns true if an item can be dragged (for showing the reorder icon).\n   * Checks: isDraggable is true, disabled is not set, and preventDrag is not set.\n   */\n  const canItemBeDragged = (isDraggable: boolean | undefined, settings: PvTreeSettings, option: PvTreeOption) => {\n    const config = settings[option.field]?.dragAndDropConfig;\n    return isDraggable && !config?.disableChildrenDrag && !config?.disableDrag;\n  };\n\n  /**\n   * Vuedraggable move callback to prevent specific items from being dragged.\n   * Returns false to cancel the drag, true to allow it.\n   */\n  const handleMoveCallback = (settings: PvTreeSettings) => {\n    return (evt: {\n      to: HTMLElement;\n      draggedContext: { element: PvTreeOption; futureIndex: number };\n      relatedContext: { element: PvTreeOption };\n      willInsertAfter: boolean;\n    }) => {\n      const draggedOption = evt.draggedContext.element;\n      const fieldSetting = settings[draggedOption.field];\n\n      const toParentId =\n        (evt.to as HTMLElement)?.closest?.(\"[data-parent-id]\")?.getAttribute(\"data-parent-id\") ?? undefined;\n\n      if (toParentId != null) {\n        const hasRelated = evt.relatedContext?.element?.node_id != null;\n        const isInsertAsFirstChild = evt.draggedContext.futureIndex === 0;\n\n        setDropIndicator({\n          parentId: toParentId,\n          ...(hasRelated && !isInsertAsFirstChild\n            ? {\n                siblingTargetId: evt.relatedContext.element.node_id,\n                siblingInsertAfter: evt.willInsertAfter,\n              }\n            : {}),\n        });\n      } else {\n        clearDropIndicator();\n      }\n\n      if (fieldSetting?.dragAndDropConfig?.disableDrag) {\n        return false;\n      }\n      return true;\n    };\n  };\n\n  const childrenDraggable = (isDraggable: boolean | undefined, settings: PvTreeSettings, option: PvTreeOption) => {\n    return isDraggable && !settings[option.field]?.dragAndDropConfig?.disableChildrenDrag;\n  };\n\n  /**\n   * Returns true if the drop zone should be shown for this option.\n   * Checks `put` configuration against the dragging group name.\n   *\n   * @param settings - Tree settings\n   * @param option - The option where we want to drop\n   * @param draggingGroupName - The group name of the element being dragged (null if not dragging)\n   *\n   * Logic:\n   * - put: false → never accept drops\n   * - put: true → accept from any group\n   * - put: ['group1', 'group2'] → accept only from specified groups\n   * - put: undefined → accept only from same group (by name)\n   */\n  const canAcceptDrop = (settings: PvTreeSettings, option: PvTreeOption, draggingGroupName: string | null) => {\n    const config = settings[option.field]?.dragAndDropConfig;\n    const put = config?.put;\n\n    // If put is explicitly false, never accept drops\n    if (put === false) {\n      return false;\n    }\n\n    // If put is explicitly true, accept from any group\n    if (put === true) {\n      return true;\n    }\n\n    // If not dragging yet, allow (will be filtered by isDragging anyway)\n    if (!draggingGroupName) {\n      return true;\n    }\n\n    // If put is an array, check if dragging group is in the allowed list\n    if (Array.isArray(put)) {\n      return put.includes(draggingGroupName);\n    }\n\n    // Default: accept only from same group (by name)\n    const targetGroupName = config?.name ?? \"pv-tree\";\n    return targetGroupName === draggingGroupName;\n  };\n\n  return {\n    getDragGroupConfig,\n    getDragAndDropDisabled,\n    canItemBeDragged,\n    handleMoveCallback,\n    childrenDraggable,\n    canAcceptDrop,\n  };\n};\n","import { useDraggingState } from \"./useDraggingState\";\nimport type { PvTreeOption } from \"../types\";\n\nexport const useDragAndDropIndicator = () => {\n  const { dropIndicator } = useDraggingState();\n\n  const dragAndDropIndicatorClasses = (option: PvTreeOption) => {\n    const indicator = dropIndicator.value;\n    const hasSiblingTarget = indicator?.siblingTargetId !== undefined && indicator?.siblingTargetId !== null;\n    const isSiblingTarget = hasSiblingTarget && indicator?.siblingTargetId === option.node_id;\n\n    return {\n      \"pv-drop-indicator-bottom\": Boolean(isSiblingTarget && indicator?.siblingInsertAfter),\n      \"pv-drop-indicator-top\": Boolean(isSiblingTarget && indicator?.siblingInsertAfter === false),\n      \"pv-drop-indicator-parent\": Boolean(indicator?.parentId === option.node_id),\n    };\n  };\n\n  return {\n    dragAndDropIndicatorClasses,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport draggable from \"vuedraggable\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\n\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\ninterface PvSimpleNestedTreeItemProps {\n  option: PvTreeOption;\n  settings: PvTreeSettings;\n  level: number;\n  index: number;\n  totalSiblings: number;\n  parentField: string;\n  selectedOptions?: PvTreeOption[];\n  isDraggable?: boolean;\n  isParentPathOpen?: boolean;\n  isLastItem?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = defineProps<PvSimpleNestedTreeItemProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { canItemBeDragged, getDragAndDropDisabled, handleMoveCallback, getDragGroupConfig, canAcceptDrop } =\n  useDragAndDrop();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((opt) => opt.node_id === id);\n};\n\nconst componentInstance = computed(() => {\n  return props.settings[props.option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n});\n\nconst showNestedTree = computed(() => {\n  return props.settings[props.parentField]?.showNestedTree;\n});\n\nconst isLastItem = computed(() => {\n  return props.index === props.totalSiblings - 1;\n});\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isVisible = computed(() => props.isParentPathOpen ?? true);\n</script>\n\n<template>\n  <div\n    :class=\"{ 'tree-item-continued': showNestedTree && !isLastItem }\"\n    :style=\"showNestedTree && !isLastItem ? { '--tree-connector-left': `${level * 24 + 8}px` } : {}\"\n  >\n    <component\n      :is=\"componentInstance\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :style=\"{\n        paddingLeft: `${level * 24}px`,\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option)\" />\n      <div class=\"pv-flex pv-full-width\">\n        <div v-if=\"!isLastItem && showNestedTree\" class=\"tree-component-nested-middle-symbol\" />\n        <div v-else-if=\"showNestedTree\" class=\"tree-component-end-symbol\" />\n        <component\n          v-if=\"settings[option.field]?.renderer\"\n          :is=\"settings[option.field]?.renderer\"\n          :option=\"option\"\n          :settings=\"settings\"\n          :is-draggable=\"isDraggable\"\n          :params=\"settings[option.field]?.rendererParams\"\n        />\n        <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n      </div>\n    </component>\n\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element, index: childIndex }\">\n          <PvSimpleNestedTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :index=\"childIndex\"\n            :total-siblings=\"children.length\"\n            :parent-field=\"option.field\"\n            :selected-options=\"selectedOptions\"\n            :is-draggable=\"isDraggable\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n\n/* Continuation line when this item is not last sibling (runs through nested children) */\n.tree-item-continued {\n  position: relative;\n}\n\n.tree-item-continued::before {\n  content: \"\";\n  position: absolute;\n  left: calc(var(--tree-connector-left, 8px) + 1px);\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--tree-connector-color, #d2d8dc);\n  transform: translateX(-50%);\n  z-index: 1;\n  pointer-events: none;\n}\n\n/* When continuation line is drawn, hide the middle symbol's vertical so we don't double the line */\n.tree-item-continued .tree-component-nested-middle-symbol::before {\n  display: none;\n}\n\n/* End symbol box */\n.tree-component-end-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-end-symbol::before,\n.tree-component-end-symbol::after {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n}\n\n.tree-component-end-symbol::before {\n  width: 1px;\n  height: 14px;\n  top: -6px;\n  left: 8px;\n  transform: translateX(-50%);\n}\n\n.tree-component-end-symbol::after {\n  height: 1px;\n  width: 8px;\n  top: 8px;\n  left: 8px;\n}\n\n/* Middle Tree Symbol */\n\n.tree-component-middle-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-middle-symbol::before {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n  left: 50%;\n  width: 1px;\n  height: 28px;\n  top: -4px;\n  transform: translateX(-50%);\n}\n\n/* Middle Nested Tree symbol box */\n.tree-component-nested-middle-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-nested-middle-symbol::before,\n.tree-component-nested-middle-symbol::after {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n  left: 50%;\n}\n\n.tree-component-nested-middle-symbol::before {\n  width: 1px;\n  height: 28px;\n  top: -4px;\n  transform: translateX(-50%);\n}\n\n.tree-component-nested-middle-symbol::after {\n  height: 1px;\n  width: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport draggable from \"vuedraggable\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\n\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\ninterface PvSimpleNestedTreeItemProps {\n  option: PvTreeOption;\n  settings: PvTreeSettings;\n  level: number;\n  index: number;\n  totalSiblings: number;\n  parentField: string;\n  selectedOptions?: PvTreeOption[];\n  isDraggable?: boolean;\n  isParentPathOpen?: boolean;\n  isLastItem?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = defineProps<PvSimpleNestedTreeItemProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { canItemBeDragged, getDragAndDropDisabled, handleMoveCallback, getDragGroupConfig, canAcceptDrop } =\n  useDragAndDrop();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((opt) => opt.node_id === id);\n};\n\nconst componentInstance = computed(() => {\n  return props.settings[props.option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n});\n\nconst showNestedTree = computed(() => {\n  return props.settings[props.parentField]?.showNestedTree;\n});\n\nconst isLastItem = computed(() => {\n  return props.index === props.totalSiblings - 1;\n});\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isVisible = computed(() => props.isParentPathOpen ?? true);\n</script>\n\n<template>\n  <div\n    :class=\"{ 'tree-item-continued': showNestedTree && !isLastItem }\"\n    :style=\"showNestedTree && !isLastItem ? { '--tree-connector-left': `${level * 24 + 8}px` } : {}\"\n  >\n    <component\n      :is=\"componentInstance\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :style=\"{\n        paddingLeft: `${level * 24}px`,\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option)\" />\n      <div class=\"pv-flex pv-full-width\">\n        <div v-if=\"!isLastItem && showNestedTree\" class=\"tree-component-nested-middle-symbol\" />\n        <div v-else-if=\"showNestedTree\" class=\"tree-component-end-symbol\" />\n        <component\n          v-if=\"settings[option.field]?.renderer\"\n          :is=\"settings[option.field]?.renderer\"\n          :option=\"option\"\n          :settings=\"settings\"\n          :is-draggable=\"isDraggable\"\n          :params=\"settings[option.field]?.rendererParams\"\n        />\n        <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n      </div>\n    </component>\n\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element, index: childIndex }\">\n          <PvSimpleNestedTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :index=\"childIndex\"\n            :total-siblings=\"children.length\"\n            :parent-field=\"option.field\"\n            :selected-options=\"selectedOptions\"\n            :is-draggable=\"isDraggable\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n\n/* Continuation line when this item is not last sibling (runs through nested children) */\n.tree-item-continued {\n  position: relative;\n}\n\n.tree-item-continued::before {\n  content: \"\";\n  position: absolute;\n  left: calc(var(--tree-connector-left, 8px) + 1px);\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--tree-connector-color, #d2d8dc);\n  transform: translateX(-50%);\n  z-index: 1;\n  pointer-events: none;\n}\n\n/* When continuation line is drawn, hide the middle symbol's vertical so we don't double the line */\n.tree-item-continued .tree-component-nested-middle-symbol::before {\n  display: none;\n}\n\n/* End symbol box */\n.tree-component-end-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-end-symbol::before,\n.tree-component-end-symbol::after {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n}\n\n.tree-component-end-symbol::before {\n  width: 1px;\n  height: 14px;\n  top: -6px;\n  left: 8px;\n  transform: translateX(-50%);\n}\n\n.tree-component-end-symbol::after {\n  height: 1px;\n  width: 8px;\n  top: 8px;\n  left: 8px;\n}\n\n/* Middle Tree Symbol */\n\n.tree-component-middle-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-middle-symbol::before {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n  left: 50%;\n  width: 1px;\n  height: 28px;\n  top: -4px;\n  transform: translateX(-50%);\n}\n\n/* Middle Nested Tree symbol box */\n.tree-component-nested-middle-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-nested-middle-symbol::before,\n.tree-component-nested-middle-symbol::after {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n  left: 50%;\n}\n\n.tree-component-nested-middle-symbol::before {\n  width: 1px;\n  height: 28px;\n  top: -4px;\n  transform: translateX(-50%);\n}\n\n.tree-component-nested-middle-symbol::after {\n  height: 1px;\n  width: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport draggable from \"vuedraggable\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport PvSimpleNestedTreeItem from \"./PvSimpleNestedTreeItem.vue\";\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\n\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\ninterface PvSimpleNestedTreeProps {\n  option: PvTreeOption;\n  settings: PvTreeSettings;\n  level: number;\n  selectedOptions?: PvTreeOption[];\n  isDraggable?: boolean;\n  isParentPathOpen?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = defineProps<PvSimpleNestedTreeProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { getDragAndDropDisabled, canItemBeDragged, handleMoveCallback, getDragGroupConfig, canAcceptDrop } =\n  useDragAndDrop();\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst additionalNestingLevel = computed(() => {\n  return props.settings[props.option.field]?.additionalNestingLevel ?? 0;\n});\n\n/**\n * If we have showNestedTree as a false we want to add one more indentation level\n */\nconst nestedLevelTree = computed(() => {\n  return props.settings[props.option.field]?.showNestedTree\n    ? props.level + additionalNestingLevel.value\n    : props.level + 1 + additionalNestingLevel.value;\n});\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((option) => option.node_id === id);\n};\n\nconst componentInstance = (option: PvTreeOption) => {\n  return props.settings[option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n};\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isVisible = computed(() => props.isParentPathOpen ?? true);\n</script>\n\n<template>\n  <div class=\"pv-flow\" style=\"--flow-size: 0px\">\n    <component\n      :is=\"componentInstance(option)\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :style=\"{\n        paddingLeft: `${level * 24 + additionalNestingLevel * 24}px`,\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option)\" />\n      <component\n        v-if=\"settings[option.field]?.renderer\"\n        :is=\"settings[option.field]?.renderer\"\n        :option=\"option\"\n        :settings=\"settings\"\n        :selected=\"isSelected(option.node_id)\"\n        :params=\"settings[option.field]?.rendererParams\"\n      />\n      <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n    </component>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDraggable && isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element, index }\">\n          <PvSimpleNestedTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"nestedLevelTree\"\n            :index=\"index\"\n            :total-siblings=\"children.length\"\n            :parent-field=\"option.field\"\n            :selected-options=\"selectedOptions\"\n            :is-draggable=\"isDraggable\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport draggable from \"vuedraggable\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport PvSimpleNestedTreeItem from \"./PvSimpleNestedTreeItem.vue\";\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\n\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\ninterface PvSimpleNestedTreeProps {\n  option: PvTreeOption;\n  settings: PvTreeSettings;\n  level: number;\n  selectedOptions?: PvTreeOption[];\n  isDraggable?: boolean;\n  isParentPathOpen?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = defineProps<PvSimpleNestedTreeProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { getDragAndDropDisabled, canItemBeDragged, handleMoveCallback, getDragGroupConfig, canAcceptDrop } =\n  useDragAndDrop();\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst additionalNestingLevel = computed(() => {\n  return props.settings[props.option.field]?.additionalNestingLevel ?? 0;\n});\n\n/**\n * If we have showNestedTree as a false we want to add one more indentation level\n */\nconst nestedLevelTree = computed(() => {\n  return props.settings[props.option.field]?.showNestedTree\n    ? props.level + additionalNestingLevel.value\n    : props.level + 1 + additionalNestingLevel.value;\n});\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((option) => option.node_id === id);\n};\n\nconst componentInstance = (option: PvTreeOption) => {\n  return props.settings[option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n};\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isVisible = computed(() => props.isParentPathOpen ?? true);\n</script>\n\n<template>\n  <div class=\"pv-flow\" style=\"--flow-size: 0px\">\n    <component\n      :is=\"componentInstance(option)\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :style=\"{\n        paddingLeft: `${level * 24 + additionalNestingLevel * 24}px`,\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option)\" />\n      <component\n        v-if=\"settings[option.field]?.renderer\"\n        :is=\"settings[option.field]?.renderer\"\n        :option=\"option\"\n        :settings=\"settings\"\n        :selected=\"isSelected(option.node_id)\"\n        :params=\"settings[option.field]?.rendererParams\"\n      />\n      <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n    </component>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDraggable && isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element, index }\">\n          <PvSimpleNestedTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"nestedLevelTree\"\n            :index=\"index\"\n            :total-siblings=\"children.length\"\n            :parent-field=\"option.field\"\n            :selected-options=\"selectedOptions\"\n            :is-draggable=\"isDraggable\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport draggable from \"vuedraggable\";\n\nimport PvAccordion from \"../PvAccordion/PvAccordion.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport PvSimpleNestedTree from \"./PvSimpleNestedTree.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\n\ninterface PvTreeItemProps {\n  option: PvTreeOption;\n  selectedOptions?: PvTreeOption[];\n  level?: number;\n  settings: PvTreeSettings;\n  isDraggable?: boolean;\n  treeOpen?: boolean;\n  isParentPathOpen?: boolean;\n  isLastRootItem?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTreeItemProps>(), {\n  level: 0,\n  isParentPathOpen: true,\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\n// Local accordion state - independent from treeOpen prop\nconst accordionOpen = ref(props.treeOpen ?? props.settings[props.option.field]?.defaultExpanded ?? false);\n\n// Watch treeOpen prop to allow programmatic control (e.g., \"expand all\" button)\nwatch(\n  () => props.treeOpen,\n  (newValue) => {\n    if (newValue !== undefined) {\n      accordionOpen.value = newValue;\n    }\n  },\n);\n\nconst {\n  getDragGroupConfig,\n  getDragAndDropDisabled,\n  canItemBeDragged,\n  handleMoveCallback,\n  childrenDraggable,\n  canAcceptDrop,\n} = useDragAndDrop();\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst nestedStyles = (level: number) => {\n  return {\n    paddingLeft: `${level * 24 + (props.settings[props.option.field]?.additionalNestingLevel ?? 0) * 24}px`,\n    \"--border-color\": \"#121313\",\n  };\n};\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((option) => option.node_id === id);\n};\n\nconst componentInstance = computed(() => {\n  return props.settings[props.option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n});\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isAccordionRow = computed(() =>\n  Boolean(props.option.children?.length && props.settings[props.option.field]?.accordion),\n);\n\nconst isVisible = computed(() => {\n  const pathOpen = props.isParentPathOpen ?? true;\n  if (!pathOpen) return false;\n  // For accordion row at root (level 0): background only when this accordion is expanded\n  // For accordion that is a child (level > 0): background when parent is open (pathOpen)\n  if (isAccordionRow.value) return props.level === 0 ? accordionOpen.value : true;\n  return true;\n});\n</script>\n\n<template>\n  <PvAccordion\n    v-if=\"option.children && option.children.length > 0 && settings && settings[option.field]?.accordion\"\n    v-model=\"accordionOpen\"\n    chevronPosition=\"left\"\n    style=\"\n      --accordion-content-padding: 2px 0px;\n      --accordion-arrow-right-summary-padding: 0.25rem 1.375rem 0.25rem 0.25rem;\n      --accordion-content-padding: 0px;\n    \"\n    :data-parent-id=\"option.node_id\"\n    enableTriggerSlot\n    enableTriggerFullWidth\n    :summaryStyles=\"{\n      ...nestedStyles(level),\n      ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      'justify-content': 'flex-start',\n    }\"\n    :summaryClasses=\"{\n      'pv-tree-item': true,\n      ...dragAndDropIndicatorClasses(option),\n    }\"\n    :defaultOpen=\"settings[option.field]?.defaultExpanded ?? false\"\n    chevron-variant=\"horizontal\"\n    @summary-mouseenter=\"handleMouseEnter(option.node_id)\"\n    @summary-mouseleave=\"handleMouseLeave()\"\n    @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n  >\n    <template #trigger>\n      <PvTreeReorderIcon\n        v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option) && level > 0\"\n      />\n      <template v-if=\"settings[option.field]?.renderer\">\n        <component\n          :is=\"settings[option.field]?.renderer\"\n          :option=\"option\"\n          :settings=\"settings\"\n          :selected=\"isSelected(option.node_id)\"\n          :params=\"settings[option.field]?.rendererParams\"\n        />\n      </template>\n      <template v-else>\n        <PvSimpleItemTree :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n      </template>\n    </template>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDraggable && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element }\">\n          <PvTreeItem\n            :is-parent-path-open=\"isParentPathOpen && accordionOpen\"\n            :selected-options=\"selectedOptions\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :is-draggable=\"childrenDraggable(isDraggable, settings, element)\"\n            :tree-open=\"treeOpen\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </PvAccordion>\n  <PvSimpleNestedTree\n    v-else-if=\"option.children && option.children.length > 0 && settings && !settings[option.field]?.accordion\"\n    :is-parent-path-open=\"isParentPathOpen\"\n    :selected-options=\"selectedOptions\"\n    :option=\"option\"\n    :settings=\"settings\"\n    :level=\"level\"\n    :is-draggable=\"isDraggable\"\n    :disable-selection=\"disableSelection\"\n    @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n    @update:children=\"$emit('update:children', $event)\"\n    :is-last-root-item=\"isLastRootItem\"\n  />\n  <div v-else>\n    <component\n      :is=\"componentInstance\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :style=\"{\n        ...nestedStyles(level),\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon\n        v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option) && level > 0\"\n      />\n      <component\n        v-if=\"settings[option.field]?.renderer\"\n        :is=\"settings[option.field]?.renderer\"\n        :option=\"option\"\n        :settings=\"settings\"\n        :params=\"settings[option.field]?.rendererParams\"\n      />\n      <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n    </component>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element }\">\n          <PvTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :selected-options=\"selectedOptions\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :is-draggable=\"childrenDraggable(isDraggable, settings, element)\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport draggable from \"vuedraggable\";\n\nimport PvAccordion from \"../PvAccordion/PvAccordion.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport PvSimpleNestedTree from \"./PvSimpleNestedTree.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\n\ninterface PvTreeItemProps {\n  option: PvTreeOption;\n  selectedOptions?: PvTreeOption[];\n  level?: number;\n  settings: PvTreeSettings;\n  isDraggable?: boolean;\n  treeOpen?: boolean;\n  isParentPathOpen?: boolean;\n  isLastRootItem?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTreeItemProps>(), {\n  level: 0,\n  isParentPathOpen: true,\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\n// Local accordion state - independent from treeOpen prop\nconst accordionOpen = ref(props.treeOpen ?? props.settings[props.option.field]?.defaultExpanded ?? false);\n\n// Watch treeOpen prop to allow programmatic control (e.g., \"expand all\" button)\nwatch(\n  () => props.treeOpen,\n  (newValue) => {\n    if (newValue !== undefined) {\n      accordionOpen.value = newValue;\n    }\n  },\n);\n\nconst {\n  getDragGroupConfig,\n  getDragAndDropDisabled,\n  canItemBeDragged,\n  handleMoveCallback,\n  childrenDraggable,\n  canAcceptDrop,\n} = useDragAndDrop();\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst nestedStyles = (level: number) => {\n  return {\n    paddingLeft: `${level * 24 + (props.settings[props.option.field]?.additionalNestingLevel ?? 0) * 24}px`,\n    \"--border-color\": \"#121313\",\n  };\n};\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((option) => option.node_id === id);\n};\n\nconst componentInstance = computed(() => {\n  return props.settings[props.option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n});\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isAccordionRow = computed(() =>\n  Boolean(props.option.children?.length && props.settings[props.option.field]?.accordion),\n);\n\nconst isVisible = computed(() => {\n  const pathOpen = props.isParentPathOpen ?? true;\n  if (!pathOpen) return false;\n  // For accordion row at root (level 0): background only when this accordion is expanded\n  // For accordion that is a child (level > 0): background when parent is open (pathOpen)\n  if (isAccordionRow.value) return props.level === 0 ? accordionOpen.value : true;\n  return true;\n});\n</script>\n\n<template>\n  <PvAccordion\n    v-if=\"option.children && option.children.length > 0 && settings && settings[option.field]?.accordion\"\n    v-model=\"accordionOpen\"\n    chevronPosition=\"left\"\n    style=\"\n      --accordion-content-padding: 2px 0px;\n      --accordion-arrow-right-summary-padding: 0.25rem 1.375rem 0.25rem 0.25rem;\n      --accordion-content-padding: 0px;\n    \"\n    :data-parent-id=\"option.node_id\"\n    enableTriggerSlot\n    enableTriggerFullWidth\n    :summaryStyles=\"{\n      ...nestedStyles(level),\n      ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      'justify-content': 'flex-start',\n    }\"\n    :summaryClasses=\"{\n      'pv-tree-item': true,\n      ...dragAndDropIndicatorClasses(option),\n    }\"\n    :defaultOpen=\"settings[option.field]?.defaultExpanded ?? false\"\n    chevron-variant=\"horizontal\"\n    @summary-mouseenter=\"handleMouseEnter(option.node_id)\"\n    @summary-mouseleave=\"handleMouseLeave()\"\n    @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n  >\n    <template #trigger>\n      <PvTreeReorderIcon\n        v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option) && level > 0\"\n      />\n      <template v-if=\"settings[option.field]?.renderer\">\n        <component\n          :is=\"settings[option.field]?.renderer\"\n          :option=\"option\"\n          :settings=\"settings\"\n          :selected=\"isSelected(option.node_id)\"\n          :params=\"settings[option.field]?.rendererParams\"\n        />\n      </template>\n      <template v-else>\n        <PvSimpleItemTree :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n      </template>\n    </template>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDraggable && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element }\">\n          <PvTreeItem\n            :is-parent-path-open=\"isParentPathOpen && accordionOpen\"\n            :selected-options=\"selectedOptions\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :is-draggable=\"childrenDraggable(isDraggable, settings, element)\"\n            :tree-open=\"treeOpen\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </PvAccordion>\n  <PvSimpleNestedTree\n    v-else-if=\"option.children && option.children.length > 0 && settings && !settings[option.field]?.accordion\"\n    :is-parent-path-open=\"isParentPathOpen\"\n    :selected-options=\"selectedOptions\"\n    :option=\"option\"\n    :settings=\"settings\"\n    :level=\"level\"\n    :is-draggable=\"isDraggable\"\n    :disable-selection=\"disableSelection\"\n    @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n    @update:children=\"$emit('update:children', $event)\"\n    :is-last-root-item=\"isLastRootItem\"\n  />\n  <div v-else>\n    <component\n      :is=\"componentInstance\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :style=\"{\n        ...nestedStyles(level),\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon\n        v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option) && level > 0\"\n      />\n      <component\n        v-if=\"settings[option.field]?.renderer\"\n        :is=\"settings[option.field]?.renderer\"\n        :option=\"option\"\n        :settings=\"settings\"\n        :params=\"settings[option.field]?.rendererParams\"\n      />\n      <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n    </component>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element }\">\n          <PvTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :selected-options=\"selectedOptions\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :is-draggable=\"childrenDraggable(isDraggable, settings, element)\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n</style>\n","import { nextTick, Ref } from \"vue\";\nimport { cloneDeep } from \"es-toolkit/object\";\nimport { PvTreeOption } from \"../types\";\n\nexport const useTreeUpdate = (options: Ref<PvTreeOption[]>) => {\n  const pendingChildrenUpdates: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }[] = [];\n  let flushScheduled = false;\n\n  /**\n   * Builds fast lookup indexes for the tree:\n   * - nodeById:   allows O(1) access to any node by id\n   * - parentById: tracks the current parent of each node\n   *\n   * This avoids repeated full tree traversals during updates.\n   */\n  function buildIndex(roots: PvTreeOption[]): {\n    nodeById: Map<PvTreeOption[\"node_id\"], PvTreeOption>;\n    parentById: Map<PvTreeOption[\"node_id\"], PvTreeOption | null>;\n  } {\n    const nodeById = new Map<PvTreeOption[\"node_id\"], PvTreeOption>();\n    const parentById = new Map<PvTreeOption[\"node_id\"], PvTreeOption | null>();\n\n    // Iterative DFS to avoid deep recursion on large trees\n    const stack: Array<{ node: PvTreeOption; parent: PvTreeOption | null }> = [];\n    for (const root of roots) {\n      stack.push({ node: root, parent: null });\n    }\n\n    while (stack.length) {\n      const { node, parent } = stack.pop()!;\n      nodeById.set(node.node_id, node);\n      parentById.set(node.node_id, parent);\n\n      if (node.children?.length) {\n        for (const child of node.children) {\n          stack.push({ node: child, parent: node });\n        }\n      }\n    }\n\n    return { nodeById, parentById };\n  }\n\n  /**\n   * Applies all pending children updates in a single flush.\n   *\n   * Key ideas:\n   * - Clone the tree once to keep updates immutable\n   * - Build indexes once for fast lookups\n   * - Move nodes by re-parenting instead of re-traversing the tree\n   */\n  const flushPendingChildrenUpdates = () => {\n    flushScheduled = false;\n\n    // Nothing to do\n    if (pendingChildrenUpdates.length === 0) return;\n\n    // Take all pending updates and clear the queue\n    const updates = pendingChildrenUpdates.splice(0, pendingChildrenUpdates.length);\n\n    // Clone the current options tree only once\n    const result = cloneDeep(options.value);\n\n    // Build fast lookup structures\n    const { nodeById, parentById } = buildIndex(result);\n\n    /**\n     * If multiple updates target the same optionId,\n     * the last one wins.\n     */\n    const lastUpdateByOption = new Map<PvTreeOption[\"node_id\"], PvTreeOption[]>();\n    for (const update of updates) {\n      lastUpdateByOption.set(update.optionId, update.newChildren);\n    }\n\n    // Apply normalized updates\n    for (const [optionId, newChildren] of lastUpdateByOption) {\n      const parentNode = nodeById.get(optionId);\n      if (!parentNode) continue;\n\n      /**\n       * Map children:\n       * - If a node already exists in the tree, reuse it (we are moving it)\n       * - Otherwise, treat it as a new node\n       */\n      const mappedChildren = newChildren.map((child) => nodeById.get(child.node_id) ?? child);\n\n      /**\n       * Register any brand-new nodes in the indexes\n       */\n      for (const child of mappedChildren) {\n        if (!nodeById.has(child.node_id)) {\n          nodeById.set(child.node_id, child);\n          parentById.set(child.node_id, null);\n        }\n      }\n\n      /**\n       * Re-parent children:\n       * - Detach from the old parent if necessary\n       * - Attach to the new parent\n       */\n      for (const child of mappedChildren) {\n        const oldParent = parentById.get(child.node_id) ?? null;\n\n        // Remove from previous parent if it differs from the new one\n        if (oldParent && oldParent !== parentNode) {\n          oldParent.children = (oldParent.children ?? []).filter((c) => c.node_id !== child.node_id);\n        }\n\n        parentById.set(child.node_id, parentNode);\n      }\n\n      // Finally, replace the parent's children list\n      parentNode.children = mappedChildren;\n    }\n\n    // Commit the updated tree\n    options.value = result;\n  };\n\n  const handleUpdateChildren = ({\n    optionId,\n    newChildren,\n  }: {\n    optionId: PvTreeOption[\"node_id\"];\n    newChildren: PvTreeOption[];\n  }) => {\n    // Queue the update; flush applies all pending updates in one pass (last per optionId wins).\n    pendingChildrenUpdates.push({ optionId, newChildren });\n    if (!flushScheduled) {\n      flushScheduled = true;\n      nextTick(flushPendingChildrenUpdates);\n    }\n  };\n\n  return {\n    handleUpdateChildren,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\n\nimport PvTreeItem from \"./PvTreeItem.vue\";\nimport type { PvTreeOption, PvTreeSetting, PvTreeSettings } from \"./types\";\nimport { provideDraggingState } from \"./composables/useDraggingState\";\nimport { DraggingStateKey } from \"./symbols\";\nimport { useTreeUpdate } from \"./composables/useTreeUpdate\";\n\n// Only provide dragging state if a PvTreeGroup hasn't already provided it.\n// This allows multiple trees inside a PvTreeGroup to share the same state\n// for cross-tree drag indicators, while a standalone PvTree remains self-contained.\nif (!inject(DraggingStateKey, null)) {\n  provideDraggingState();\n}\n\ninterface PvTreeProps {\n  /** Per-field rendering and behavior settings for tree nodes */\n  settings: PvTreeSettings;\n  /** Default settings applied to all node types before field-specific overrides */\n  defaultSettings?: PvTreeSetting;\n  /** Enable drag-and-drop reordering of tree items */\n  isDraggable?: boolean;\n  /** Disable click-to-select behavior on tree items */\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTreeProps>(), {\n  isDraggable: false,\n  disableSelection: false,\n});\n\nconst selectedOptions = defineModel<PvTreeOption[]>(\"selectedOptions\", { required: false });\nconst options = defineModel<PvTreeOption[]>(\"options\", { required: true });\nconst treeOpen = defineModel<boolean>(\"treeOpen\", { required: false });\n\nconst { handleUpdateChildren } = useTreeUpdate(options);\n\nconst handleTreeSelect = (option: PvTreeOption, event: MouseEvent) => {\n  if (event.metaKey) {\n    if (selectedOptions.value?.some((selectedOption) => selectedOption.node_id === option.node_id)) {\n      selectedOptions.value = selectedOptions.value?.filter(\n        (selectedOption) => selectedOption.node_id !== option.node_id,\n      );\n    } else {\n      selectedOptions.value = [...(selectedOptions.value || []), option];\n    }\n  } else {\n    if (selectedOptions.value?.some((selectedOption) => selectedOption.node_id === option.node_id)) {\n      selectedOptions.value = [];\n    } else {\n      selectedOptions.value = [option];\n    }\n  }\n};\n\nconst computedSettings = computed(() => {\n  return Object.keys(props.settings).reduce((acc, key) => {\n    acc[key] = { ...props.defaultSettings, ...props.settings[key] };\n    return acc;\n  }, {} as PvTreeSettings);\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"pv-tree\" :class=\"{ 'pv-tree--disable-selection': disableSelection }\">\n      <div v-for=\"(option, index) in options\" :key=\"option.node_id\">\n        <PvTreeItem\n          :is-last-root-item=\"index === options.length - 1\"\n          :is-parent-path-open=\"true\"\n          :tree-open=\"treeOpen\"\n          :selected-options=\"selectedOptions\"\n          :option=\"option\"\n          :settings=\"computedSettings\"\n          :is-draggable=\"isDraggable\"\n          :disable-selection=\"disableSelection\"\n          @handle-tree-select=\"({ option, event }) => handleTreeSelect(option, event)\"\n          @update:children=\"handleUpdateChildren\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n/* This may be moved to a global styles file */\n:deep(.pv-tree-item) {\n  padding: 3px 4px;\n  cursor: pointer;\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n\n:deep(.pv-tree-item-disabled) {\n  cursor: default !important;\n}\n\n:deep(.pv-tree-item.pv-drop-indicator-top) {\n  border-top: 1px solid var(--color-border, #121313);\n}\n:deep(.pv-tree-item.pv-drop-indicator-bottom) {\n  border-bottom: 1px solid var(--color-border, #121313);\n}\n\n:deep(.pv-drop-indicator-parent) {\n  border: 1px solid var(--color-border, #36c5ba);\n}\n\n:deep(.pv-tree-item-selected) {\n  background-color: var(--pv-color-selected, #e4f8f6);\n}\n\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item-selected:hover),\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item:hover) {\n  border-radius: 4px;\n  background-color: var(--pv-color-hover, #e8f2f4);\n}\n\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item-selected:active),\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item:active) {\n  border-radius: 4px;\n  background-color: var(--pv-color-active, #c7d8db);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\n\nimport PvTreeItem from \"./PvTreeItem.vue\";\nimport type { PvTreeOption, PvTreeSetting, PvTreeSettings } from \"./types\";\nimport { provideDraggingState } from \"./composables/useDraggingState\";\nimport { DraggingStateKey } from \"./symbols\";\nimport { useTreeUpdate } from \"./composables/useTreeUpdate\";\n\n// Only provide dragging state if a PvTreeGroup hasn't already provided it.\n// This allows multiple trees inside a PvTreeGroup to share the same state\n// for cross-tree drag indicators, while a standalone PvTree remains self-contained.\nif (!inject(DraggingStateKey, null)) {\n  provideDraggingState();\n}\n\ninterface PvTreeProps {\n  /** Per-field rendering and behavior settings for tree nodes */\n  settings: PvTreeSettings;\n  /** Default settings applied to all node types before field-specific overrides */\n  defaultSettings?: PvTreeSetting;\n  /** Enable drag-and-drop reordering of tree items */\n  isDraggable?: boolean;\n  /** Disable click-to-select behavior on tree items */\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTreeProps>(), {\n  isDraggable: false,\n  disableSelection: false,\n});\n\nconst selectedOptions = defineModel<PvTreeOption[]>(\"selectedOptions\", { required: false });\nconst options = defineModel<PvTreeOption[]>(\"options\", { required: true });\nconst treeOpen = defineModel<boolean>(\"treeOpen\", { required: false });\n\nconst { handleUpdateChildren } = useTreeUpdate(options);\n\nconst handleTreeSelect = (option: PvTreeOption, event: MouseEvent) => {\n  if (event.metaKey) {\n    if (selectedOptions.value?.some((selectedOption) => selectedOption.node_id === option.node_id)) {\n      selectedOptions.value = selectedOptions.value?.filter(\n        (selectedOption) => selectedOption.node_id !== option.node_id,\n      );\n    } else {\n      selectedOptions.value = [...(selectedOptions.value || []), option];\n    }\n  } else {\n    if (selectedOptions.value?.some((selectedOption) => selectedOption.node_id === option.node_id)) {\n      selectedOptions.value = [];\n    } else {\n      selectedOptions.value = [option];\n    }\n  }\n};\n\nconst computedSettings = computed(() => {\n  return Object.keys(props.settings).reduce((acc, key) => {\n    acc[key] = { ...props.defaultSettings, ...props.settings[key] };\n    return acc;\n  }, {} as PvTreeSettings);\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"pv-tree\" :class=\"{ 'pv-tree--disable-selection': disableSelection }\">\n      <div v-for=\"(option, index) in options\" :key=\"option.node_id\">\n        <PvTreeItem\n          :is-last-root-item=\"index === options.length - 1\"\n          :is-parent-path-open=\"true\"\n          :tree-open=\"treeOpen\"\n          :selected-options=\"selectedOptions\"\n          :option=\"option\"\n          :settings=\"computedSettings\"\n          :is-draggable=\"isDraggable\"\n          :disable-selection=\"disableSelection\"\n          @handle-tree-select=\"({ option, event }) => handleTreeSelect(option, event)\"\n          @update:children=\"handleUpdateChildren\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n/* This may be moved to a global styles file */\n:deep(.pv-tree-item) {\n  padding: 3px 4px;\n  cursor: pointer;\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n\n:deep(.pv-tree-item-disabled) {\n  cursor: default !important;\n}\n\n:deep(.pv-tree-item.pv-drop-indicator-top) {\n  border-top: 1px solid var(--color-border, #121313);\n}\n:deep(.pv-tree-item.pv-drop-indicator-bottom) {\n  border-bottom: 1px solid var(--color-border, #121313);\n}\n\n:deep(.pv-drop-indicator-parent) {\n  border: 1px solid var(--color-border, #36c5ba);\n}\n\n:deep(.pv-tree-item-selected) {\n  background-color: var(--pv-color-selected, #e4f8f6);\n}\n\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item-selected:hover),\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item:hover) {\n  border-radius: 4px;\n  background-color: var(--pv-color-hover, #e8f2f4);\n}\n\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item-selected:active),\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item:active) {\n  border-radius: 4px;\n  background-color: var(--pv-color-active, #c7d8db);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { provideDraggingState } from \"./composables/useDraggingState\";\n\n// Provides shared drag state to all PvTree children so cross-tree\n// drop indicators and drag status work correctly across sibling trees.\nprovideDraggingState();\n</script>\n\n<template>\n  <slot />\n</template>\n","<script setup lang=\"ts\">\nimport { provideDraggingState } from \"./composables/useDraggingState\";\n\n// Provides shared drag state to all PvTree children so cross-tree\n// drop indicators and drag status work correctly across sibling trees.\nprovideDraggingState();\n</script>\n\n<template>\n  <slot />\n</template>\n","<script setup lang=\"ts\">\ninterface PvProgressBarProps {\n  /** The current progress value as a percentage (0–100). */\n  progress?: number;\n  /** When true, displays a text label above the bar showing \"{progress}% Complete\". */\n  showLabel?: boolean;\n  /** When true, renders the progress bar in a disabled/muted visual state. */\n  disabled?: boolean;\n}\n\nconst props = defineProps<PvProgressBarProps>();\n</script>\n\n<template>\n  <p v-if=\"props.showLabel\" class=\"pv-text-brand pv-text-title-sm pv-stack-4\">{{ props.progress }}% Complete</p>\n  <div\n    class=\"pv-progress-bar\"\n    :data-disabled=\"props.disabled ? true : undefined\"\n    :style=\"{\n      '--progress': `${props.progress}%`,\n    }\"\n  ></div>\n</template>\n","<script setup lang=\"ts\">\ninterface PvProgressBarProps {\n  /** The current progress value as a percentage (0–100). */\n  progress?: number;\n  /** When true, displays a text label above the bar showing \"{progress}% Complete\". */\n  showLabel?: boolean;\n  /** When true, renders the progress bar in a disabled/muted visual state. */\n  disabled?: boolean;\n}\n\nconst props = defineProps<PvProgressBarProps>();\n</script>\n\n<template>\n  <p v-if=\"props.showLabel\" class=\"pv-text-brand pv-text-title-sm pv-stack-4\">{{ props.progress }}% Complete</p>\n  <div\n    class=\"pv-progress-bar\"\n    :data-disabled=\"props.disabled ? true : undefined\"\n    :style=\"{\n      '--progress': `${props.progress}%`,\n    }\"\n  ></div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\ninterface PvDistributionBarProps {\n  /** Array of numeric values representing each segment of the distribution bar. Values are rendered proportionally. Supports up to 7 color-coded segments. */\n  values?: number[];\n}\n\nconst props = defineProps<PvDistributionBarProps>();\n\nconst totalValue = computed(() => {\n  return props.values?.reduce((acc, curr) => acc + curr, 0) ?? 0;\n});\n\nconst barStyles = (value: number, index: number) => {\n  const firstNonZeroIndex = props.values?.findIndex((v) => v > 0) ?? -1;\n  const lastNonZeroIndex = props.values?.findLastIndex((v) => v > 0) ?? -1;\n  const isFirstVisibleElement = index === firstNonZeroIndex;\n  const isLastVisibleElement = index === lastNonZeroIndex;\n  const radius = (corner: boolean) => (corner ? \"12px\" : \"0\");\n\n  return {\n    width: `${(value / totalValue.value) * 100}%`,\n    height: \"100%\",\n    borderRadius: `${radius(isFirstVisibleElement)} ${radius(isLastVisibleElement)} ${radius(isLastVisibleElement)} ${radius(isFirstVisibleElement)}`,\n  };\n};\n\nconst barColors = (index: number) => {\n  switch (index) {\n    case 0:\n      return \"pv-data-surface-visualization-1\";\n    case 1:\n      return \"pv-data-surface-visualization-2\";\n    case 2:\n      return \"pv-data-surface-visualization-3\";\n    case 3:\n      return \"pv-data-surface-visualization-4\";\n    case 4:\n      return \"pv-data-surface-visualization-5\";\n    case 5:\n      return \"pv-data-surface-visualization-6\";\n    case 6:\n      return \"pv-data-surface-visualization-7\";\n    default:\n      return \"pv-data-surface-visualization-1\";\n  }\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\" style=\"--flex-gap: 4px; height: 24px\">\n    <div v-for=\"(value, index) in values\" :key=\"index\" :class=\"[barColors(index)]\" :style=\"barStyles(value, index)\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\ninterface PvDistributionBarProps {\n  /** Array of numeric values representing each segment of the distribution bar. Values are rendered proportionally. Supports up to 7 color-coded segments. */\n  values?: number[];\n}\n\nconst props = defineProps<PvDistributionBarProps>();\n\nconst totalValue = computed(() => {\n  return props.values?.reduce((acc, curr) => acc + curr, 0) ?? 0;\n});\n\nconst barStyles = (value: number, index: number) => {\n  const firstNonZeroIndex = props.values?.findIndex((v) => v > 0) ?? -1;\n  const lastNonZeroIndex = props.values?.findLastIndex((v) => v > 0) ?? -1;\n  const isFirstVisibleElement = index === firstNonZeroIndex;\n  const isLastVisibleElement = index === lastNonZeroIndex;\n  const radius = (corner: boolean) => (corner ? \"12px\" : \"0\");\n\n  return {\n    width: `${(value / totalValue.value) * 100}%`,\n    height: \"100%\",\n    borderRadius: `${radius(isFirstVisibleElement)} ${radius(isLastVisibleElement)} ${radius(isLastVisibleElement)} ${radius(isFirstVisibleElement)}`,\n  };\n};\n\nconst barColors = (index: number) => {\n  switch (index) {\n    case 0:\n      return \"pv-data-surface-visualization-1\";\n    case 1:\n      return \"pv-data-surface-visualization-2\";\n    case 2:\n      return \"pv-data-surface-visualization-3\";\n    case 3:\n      return \"pv-data-surface-visualization-4\";\n    case 4:\n      return \"pv-data-surface-visualization-5\";\n    case 5:\n      return \"pv-data-surface-visualization-6\";\n    case 6:\n      return \"pv-data-surface-visualization-7\";\n    default:\n      return \"pv-data-surface-visualization-1\";\n  }\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\" style=\"--flex-gap: 4px; height: 24px\">\n    <div v-for=\"(value, index) in values\" :key=\"index\" :class=\"[barColors(index)]\" :style=\"barStyles(value, index)\" />\n  </div>\n</template>\n","import { MenuOption } from \"@/types\";\n\n// The query builder can be used in two modes:\n// 1. Full - the query is parsed and populates both the filter model and free text terms.\n// 2. Field-only - the query is parsed to extract only the filter model, treating free-text terms as invalid\nexport type QueryBuilderProcessor = \"full\" | \"field-only\";\n\nexport interface QueryBuilderOutput {\n  queryTerms: QueryTerm[];\n  freeTextTerms?: string[];\n}\n\nexport interface QueryTerm {\n  queryField?: string;\n  queryDisplayField?: string;\n  exactMatch?: boolean;\n  queryText?: string;\n}\n\nexport interface QueryBuilderSuggestionMenuOption extends MenuOption {\n  queryTerm?: QueryTerm;\n}\n\n/**\n * The filter model is structured as follows:\n * For single conditions\n * {\n *     [field]: {\n *      filterType: \"text\",\n *      type: \"equals\" | \"contains\",\n *      filter: string,\n *     },\n * }\n * For multiple conditions on the same field, it will be structured as:\n * {\n *    [field]: {\n *     filterType: \"text\",\n *     operator: 'OR',\n *     conditions: [\n *         {\n *         type: \"equals\" | \"contains\",\n *         filter: string,\n *         }\n *     ]\n *    },\n * }\n */\n\nexport const useQueryBuilder = () => {\n  const addQueryOption = (\n    query: QueryBuilderOutput | null,\n    option: QueryBuilderSuggestionMenuOption,\n  ): QueryBuilderOutput | null => {\n    const updatedQuery = query || { queryTerms: [] };\n    const newQueryTerm = option.queryTerm || {};\n    if (isValidQueryTerm(option) && !containsQueryOption(query, option)) {\n      updatedQuery.queryTerms.push(newQueryTerm);\n    }\n    return updatedQuery;\n  };\n  const isValidQueryTerm = (option: QueryBuilderSuggestionMenuOption): boolean => {\n    // don't allow blank query terms\n    if (!option.queryTerm) return false;\n    return option.queryTerm.queryText !== undefined && option.queryTerm.queryText.trim() !== \"\";\n  };\n  const queryTermEquals = (a: QueryTerm, b: QueryTerm): boolean => {\n    return (\n      a.queryField === b.queryField &&\n      a.exactMatch === b.exactMatch &&\n      a.queryText === b.queryText &&\n      a.queryDisplayField === b.queryDisplayField\n    );\n  };\n  const containsQueryOption = (query: QueryBuilderOutput | null, option: QueryBuilderSuggestionMenuOption): boolean => {\n    return !!query && query.queryTerms.some((term) => queryTermEquals(term, option.queryTerm || {}));\n  };\n  const removeQueryOption = (\n    query: QueryBuilderOutput | null,\n    option: QueryBuilderSuggestionMenuOption,\n  ): QueryBuilderOutput | null => {\n    // find and remove the option from the query\n    if (!query) return null;\n    const index = query.queryTerms.findIndex((term) => queryTermEquals(term, option.queryTerm || {}));\n    if (index !== -1) {\n      query.queryTerms.splice(index, 1);\n    }\n    return query;\n  };\n  return {\n    addQueryOption,\n    containsQueryOption,\n    removeQueryOption,\n  };\n};\n","<script setup lang=\"ts\">\nimport { QueryTerm } from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { MenuOption } from \"@/types\";\n\nconst props = defineProps<MenuOption<QueryTerm>>();\nconst queryBuilderProps = computed(() => {\n  return props.context;\n});\n\nconst queryOptionText = ref<HTMLElement | null>(null);\n\nconst exactMatch = computed(() => {\n  return queryBuilderProps.value?.exactMatch || false;\n});\nconst displayText = computed(() => {\n  return props.text;\n});\n\nconst currentSearchText = computed(() => {\n  return props.searchText || \"\";\n});\n\nconst searchField = computed(() => {\n  return queryBuilderProps.value?.queryDisplayField;\n});\nconst primaryIcon = computed(() => {\n  const optionIcon = props.icon || \"search\";\n  return exactMatch.value ? optionIcon : \"search\";\n});\n\nonMounted(() => {\n  if (queryOptionText.value && currentSearchText.value) {\n    const regex = new RegExp(`(${currentSearchText.value})`, \"gi\");\n    queryOptionText.value.innerHTML = displayText.value.replace(regex, '<span style=\"font-weight: bold;\">$1</span>');\n  }\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"pv-flex\">\n      <PvIcon :name=\"primaryIcon\"></PvIcon>\n      <div>\n        <p ref=\"queryOptionText\" class=\"pv-text-body-md\">{{ displayText }}</p>\n        <p v-if=\"searchField\" class=\"pv-text-body-xs\">\n          <span v-if=\"!exactMatch\">Search in </span>\n          <span class=\"pv-text-subdued pv-text-body-xs\" style=\"font-weight: 500\">{{ searchField }}</span>\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-text-tertiary {\n  color: #6e8081;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { QueryTerm } from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { MenuOption } from \"@/types\";\n\nconst props = defineProps<MenuOption<QueryTerm>>();\nconst queryBuilderProps = computed(() => {\n  return props.context;\n});\n\nconst queryOptionText = ref<HTMLElement | null>(null);\n\nconst exactMatch = computed(() => {\n  return queryBuilderProps.value?.exactMatch || false;\n});\nconst displayText = computed(() => {\n  return props.text;\n});\n\nconst currentSearchText = computed(() => {\n  return props.searchText || \"\";\n});\n\nconst searchField = computed(() => {\n  return queryBuilderProps.value?.queryDisplayField;\n});\nconst primaryIcon = computed(() => {\n  const optionIcon = props.icon || \"search\";\n  return exactMatch.value ? optionIcon : \"search\";\n});\n\nonMounted(() => {\n  if (queryOptionText.value && currentSearchText.value) {\n    const regex = new RegExp(`(${currentSearchText.value})`, \"gi\");\n    queryOptionText.value.innerHTML = displayText.value.replace(regex, '<span style=\"font-weight: bold;\">$1</span>');\n  }\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"pv-flex\">\n      <PvIcon :name=\"primaryIcon\"></PvIcon>\n      <div>\n        <p ref=\"queryOptionText\" class=\"pv-text-body-md\">{{ displayText }}</p>\n        <p v-if=\"searchField\" class=\"pv-text-body-xs\">\n          <span v-if=\"!exactMatch\">Search in </span>\n          <span class=\"pv-text-subdued pv-text-body-xs\" style=\"font-weight: 500\">{{ searchField }}</span>\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-text-tertiary {\n  color: #6e8081;\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  QueryBuilderOutput,\n  QueryBuilderSuggestionMenuOption,\n  QueryTerm,\n  useQueryBuilder,\n} from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvTag from \"@/components/base/PvTag/PvTag.vue\";\nimport { computed } from \"vue\";\nimport { TagVariant } from \"@/components/base/PvTag/types\";\n\ninterface QueryFormatterProps {\n  queryTermDisplayLimit?: number;\n}\n\nconst props = withDefaults(defineProps<QueryFormatterProps>(), {\n  queryTermDisplayLimit: 3,\n});\n\nconst parsedQuery = defineModel<QueryBuilderOutput | null>({ required: true });\nconst wrapContent = defineModel<boolean>(\"wrap-content\", { required: false, default: false });\nconst { removeQueryOption } = useQueryBuilder();\n\nconst displayedQueryTerms = computed(() => {\n  // extract filter terms from parsedQuery\n  // if enableItemWrap is true, show all terms\n  const terms = parsedQuery.value?.queryTerms || [];\n  return wrapContent.value ? terms : terms.slice(0, props.queryTermDisplayLimit);\n});\n\nconst overflowQueryTermCount = computed(() => {\n  const availableQueryTermCount = parsedQuery.value?.queryTerms.length || 0;\n  const currentDisplayCount = displayedQueryTerms.value.length;\n  return availableQueryTermCount - currentDisplayCount;\n});\n\nconst tagLabelForQueryTerm = (term: QueryTerm) => {\n  // if exact match, don't show field\n  if (term.queryField && !term.exactMatch) {\n    const displayField = term.queryDisplayField || term.queryField;\n    return `${displayField}: '${term.queryText}'`;\n  }\n  return term.queryText || \"\";\n};\n\nconst tagVariantForQueryTerm = (term: QueryTerm): TagVariant => {\n  // return variant based on term type\n  return term.exactMatch ? \"primary\" : \"tertiary\";\n};\n\nconst handleTagClick = (term: QueryTerm) => {\n  const queryOption: QueryBuilderSuggestionMenuOption = {\n    id: \"id\",\n    text: term.queryText || \"\",\n    queryTerm: {\n      queryText: term.queryText,\n      queryDisplayField: term.queryDisplayField,\n      queryField: term.queryField || \"\",\n      exactMatch: term.exactMatch,\n    },\n  };\n  removeQueryOption(parsedQuery.value, queryOption);\n};\n</script>\n\n<template>\n  <PvTag\n    v-for=\"(queryTerm, index) in displayedQueryTerms\"\n    :key=\"`${index}-${queryTerm.queryText}`\"\n    :variant=\"tagVariantForQueryTerm(queryTerm)\"\n    :label=\"tagLabelForQueryTerm(queryTerm)\"\n    :show-clear=\"true\"\n    @handle-close=\"handleTagClick(queryTerm)\"\n  />\n  <PvTag v-if=\"overflowQueryTermCount > 0\" :label=\"`+${overflowQueryTermCount}`\" @handle-click=\"wrapContent = true\" />\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport {\n  QueryBuilderOutput,\n  QueryBuilderSuggestionMenuOption,\n  QueryTerm,\n  useQueryBuilder,\n} from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvTag from \"@/components/base/PvTag/PvTag.vue\";\nimport { computed } from \"vue\";\nimport { TagVariant } from \"@/components/base/PvTag/types\";\n\ninterface QueryFormatterProps {\n  queryTermDisplayLimit?: number;\n}\n\nconst props = withDefaults(defineProps<QueryFormatterProps>(), {\n  queryTermDisplayLimit: 3,\n});\n\nconst parsedQuery = defineModel<QueryBuilderOutput | null>({ required: true });\nconst wrapContent = defineModel<boolean>(\"wrap-content\", { required: false, default: false });\nconst { removeQueryOption } = useQueryBuilder();\n\nconst displayedQueryTerms = computed(() => {\n  // extract filter terms from parsedQuery\n  // if enableItemWrap is true, show all terms\n  const terms = parsedQuery.value?.queryTerms || [];\n  return wrapContent.value ? terms : terms.slice(0, props.queryTermDisplayLimit);\n});\n\nconst overflowQueryTermCount = computed(() => {\n  const availableQueryTermCount = parsedQuery.value?.queryTerms.length || 0;\n  const currentDisplayCount = displayedQueryTerms.value.length;\n  return availableQueryTermCount - currentDisplayCount;\n});\n\nconst tagLabelForQueryTerm = (term: QueryTerm) => {\n  // if exact match, don't show field\n  if (term.queryField && !term.exactMatch) {\n    const displayField = term.queryDisplayField || term.queryField;\n    return `${displayField}: '${term.queryText}'`;\n  }\n  return term.queryText || \"\";\n};\n\nconst tagVariantForQueryTerm = (term: QueryTerm): TagVariant => {\n  // return variant based on term type\n  return term.exactMatch ? \"primary\" : \"tertiary\";\n};\n\nconst handleTagClick = (term: QueryTerm) => {\n  const queryOption: QueryBuilderSuggestionMenuOption = {\n    id: \"id\",\n    text: term.queryText || \"\",\n    queryTerm: {\n      queryText: term.queryText,\n      queryDisplayField: term.queryDisplayField,\n      queryField: term.queryField || \"\",\n      exactMatch: term.exactMatch,\n    },\n  };\n  removeQueryOption(parsedQuery.value, queryOption);\n};\n</script>\n\n<template>\n  <PvTag\n    v-for=\"(queryTerm, index) in displayedQueryTerms\"\n    :key=\"`${index}-${queryTerm.queryText}`\"\n    :variant=\"tagVariantForQueryTerm(queryTerm)\"\n    :label=\"tagLabelForQueryTerm(queryTerm)\"\n    :show-clear=\"true\"\n    @handle-close=\"handleTagClick(queryTerm)\"\n  />\n  <PvTag v-if=\"overflowQueryTermCount > 0\" :label=\"`+${overflowQueryTermCount}`\" @handle-click=\"wrapContent = true\" />\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport { computed, ComputedRef, ref, useTemplateRef, watch } from \"vue\";\nimport {\n  QueryBuilderOutput,\n  QueryBuilderProcessor,\n  QueryBuilderSuggestionMenuOption,\n  QueryTerm,\n  useQueryBuilder,\n} from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvPopover from \"@/components/base/PvPopover/PvPopover.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvMenuItem from \"@/components/base/PvMenu/items/PvMenuItem.vue\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nimport QueryBuilderMenuOptionRenderer from \"@/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue\";\nimport QueryFormatter from \"@/components/base/PvQueryBuilderInput/QueryFormatter.vue\";\nimport type { MenuOption } from \"@/types\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport PvSpinner from \"@/components/base/PvSpinner/PvSpinner.vue\";\nimport { onKeyStroke } from \"@vueuse/core\";\n\nexport interface PvQueryBuilderInputProps {\n  /**\n   * Placeholder text shown in the input when no query is active.\n   */\n  placeholder?: string;\n  /**\n   * When true, the input is non-interactive and visually dimmed.\n   */\n  disabled?: boolean;\n  /** When true, displays a keyboard shortcut badge next to the input. */\n  displayShortcut?: boolean;\n  /**\n   * Determines how user input is parsed into structured query terms.\n   * - `'full'`: free-text and field-based queries.\n   * - `'field-only'`: only options with a queryField are shown.\n   */\n  processor?: QueryBuilderProcessor;\n  /**\n   * When true, shows a loading spinner in the suggestion dropdown.\n   */\n  optionsLoading?: boolean;\n  /**\n   * When true, users can press Enter to add free-text terms without selecting a suggestion.\n   */\n  enableCustomOptionsInput?: boolean;\n  /**\n   * When true, hides the search icon on the left side of the input.\n   */\n  hideSearchIcon?: boolean;\n  /**\n   * When true, hides the clear button that resets the query.\n   */\n  hideClearButton?: boolean;\n  /**\n   * Maximum number of query term pills to display before collapsing.\n   */\n  queryTermDisplayLimit?: number;\n  /**\n   * When true, query term pills wrap to the next line instead of scrolling horizontally.\n   */\n  enableWrapQueryTerms?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvQueryBuilderInputProps>(), {\n  placeholder: \"Search\",\n  disabled: false,\n  processor: \"full\",\n  optionsLoading: false,\n  enableCustomOptionsInput: false,\n  hideSearchIcon: false,\n  hideClearButton: false,\n  queryTermDisplayLimit: 3,\n  enableWrapQueryTerms: false,\n});\n\nconst menuOptionConfig = {\n  renderer: QueryBuilderMenuOptionRenderer,\n};\n\n// const wrapper = useTemplateRef<HTMLDivElement | null>(\"query-builder-input\");\nconst input = useTemplateRef<HTMLInputElement | null>(\"search-input\");\nconst inputText = defineModel<string>(\"searchText\", { required: false, default: \"\" });\nconst parsedQuery = defineModel<QueryBuilderOutput | null>(\"query\", { required: true });\nconst queryOptions = defineModel<QueryBuilderSuggestionMenuOption[]>(\"options\", {\n  required: false,\n});\nconst { addQueryOption, containsQueryOption } = useQueryBuilder();\nconst displayOptions = ref(false);\nconst isCurrentInputFocused = ref(false);\nconst wrapContent = ref(false);\n\nconst computedPlaceholder = computed(() => {\n  return parsedQuery.value !== null ? \"\" : props.placeholder;\n});\n\nconst invalidQueryReason = ref<string | null>(null);\nconst displayInvalidQuery = computed(() => {\n  return invalidQueryReason.value !== null && invalidQueryReason.value !== \"\" && !isCurrentInputFocused.value;\n});\n\nconst clearQuery = () => {\n  parsedQuery.value = null;\n  inputText.value = \"\";\n  invalidQueryReason.value = null;\n  wrapContent.value = false;\n};\n\nif (props.enableCustomOptionsInput) {\n  onKeyStroke(\n    \"Enter\",\n    () => {\n      if (inputText.value.trim()) {\n        handleAddSelfAddedOption();\n      }\n    },\n    { target: input },\n  );\n}\n\nconst handleAddSelfAddedOption = () => {\n  if (inputText.value.trim()) {\n    parsedQuery.value = addQueryOption(parsedQuery.value, {\n      id: inputText.value.trim(),\n      text: inputText.value,\n      queryTerm: {\n        queryText: inputText.value,\n      },\n    });\n    clearInputText();\n  }\n};\n\nconst availableOptions: ComputedRef<MenuOption<QueryTerm>[]> = computed(() => {\n  if (!queryOptions.value || queryOptions.value.length === 0) {\n    return [];\n  }\n  let filteredOptions = queryOptions.value;\n  // if the processor is field-only, filter out options without a queryField\n  if (props.processor === \"field-only\") {\n    filteredOptions = queryOptions.value.filter((option) => option.queryTerm?.queryField);\n  }\n  // filter out options that are already present in the current query\n  if (parsedQuery.value) {\n    filteredOptions = filteredOptions.filter((option) => !containsQueryOption(parsedQuery.value, option));\n  }\n  // append the input text to the option text for highlighting in the menu item\n  return filteredOptions.map((option) => {\n    const menuOption: MenuOption<QueryTerm> = {\n      id: option.id,\n      text: option.text,\n      icon: option.icon,\n      disabled: option.disabled,\n      searchText: inputText.value,\n      context: option.queryTerm,\n    };\n    return menuOption;\n  });\n});\n\n// Watch for changes in available options, input text, or loading state to ensure menu is displayed when typing.\nwatch(\n  [availableOptions, inputText, () => props.optionsLoading],\n  ([newOptions, newInputText, isLoading]) => {\n    // If user is typing and there are options to show OR loading, display the menu\n    if (newInputText && newInputText.length > 0 && (newOptions.length > 0 || isLoading)) {\n      displayOptions.value = true;\n    } else if (!newInputText || newInputText.length === 0) {\n      // Clear the menu if no input text\n      displayOptions.value = false;\n    }\n  },\n  { immediate: true },\n);\n\nconst handleClickOutside = () => {\n  if (props.enableCustomOptionsInput) {\n    handleAddSelfAddedOption();\n  }\n\n  displayOptions.value = false;\n  isCurrentInputFocused.value = false;\n  wrapContent.value = false;\n};\n\nconst handleOptionSelected = (option: MenuOption<QueryTerm>) => {\n  try {\n    const queryOption: QueryBuilderSuggestionMenuOption = {\n      id: option.id,\n      text: option.text,\n      queryTerm: option.context,\n      icon: option.icon,\n    };\n    parsedQuery.value = addQueryOption(parsedQuery.value, queryOption);\n    //clear input text after adding option\n    clearInputText();\n  } catch (error) {\n    console.error(\"Error adding query option:\", error);\n  } finally {\n    displayOptions.value = false;\n    isCurrentInputFocused.value = false;\n  }\n};\n\nfunction handleWrapperClick(event: MouseEvent) {\n  const target = event.target as HTMLElement;\n\n  // Don't interfere if clicking on a contenteditable element (QueryTerm)\n  if (target.isContentEditable || target.closest('[contenteditable=\"true\"]')) {\n    return;\n  }\n\n  // Don't interfere if clicking on buttons or other interactive elements\n  if (target.tagName === \"BUTTON\" || target.tagName === \"SVG\" || target.closest(\"button\")) {\n    return;\n  }\n\n  // Focus the main input for everything else\n  input.value?.focus();\n}\n\nfunction checkWrapperFocus(event: FocusEvent) {\n  if (event.type === \"focus\") {\n    isCurrentInputFocused.value = true;\n    displayOptions.value = true;\n  } else if (event.type === \"blur\") {\n    // Use setTimeout to allow other focus events to fire first\n    // setTimeout(() => {\n    //   // Check if any element inside the wrapper is currently focused\n    //   const wrapperEl = wrapper.value;\n    //   const activeElement = document.activeElement;\n    //   if (!wrapperEl || !wrapperEl.contains(activeElement)) {\n    //     isCurrentInputFocused.value = false;\n    //     displayOptions.value = false;\n    //   }\n    // }, 100);\n  }\n}\n\nconst clearInputText = () => {\n  inputText.value = \"\";\n};\n</script>\n\n<template>\n  <div\n    ref=\"query-builder-input\"\n    class=\"pv-relative pv-query-builder-input-wrapper\"\n    @focus=\"checkWrapperFocus\"\n    @click=\"handleWrapperClick\"\n    v-on-click-outside=\"handleClickOutside\"\n  >\n    <PvIcon v-if=\"!hideSearchIcon\" name=\"search\" />\n    <div\n      class=\"pv-flex pv-full-width pv-inset-inline pv-query-builder-input\"\n      style=\"--inset-size: 4px; --flex-gap: 4px\"\n      :style=\"enableWrapQueryTerms || wrapContent ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;'\"\n    >\n      <QueryFormatter\n        v-model=\"parsedQuery\"\n        v-model:wrap-content=\"wrapContent\"\n        :query-term-display-limit=\"queryTermDisplayLimit\"\n      ></QueryFormatter>\n      <input\n        v-model=\"inputText\"\n        ref=\"search-input\"\n        data-testid=\"pv-search-input\"\n        type=\"text\"\n        :disabled=\"disabled\"\n        :placeholder=\"computedPlaceholder\"\n        :data-invalid=\"displayInvalidQuery ? 'true' : undefined\"\n        @focus=\"checkWrapperFocus\"\n        @blur=\"checkWrapperFocus\"\n      />\n    </div>\n    <PvButton v-if=\"parsedQuery && !hideClearButton\" variant=\"ghost\" leftIcon=\"close\" size=\"md\" @click=\"clearQuery\" />\n    <p v-if=\"displayInvalidQuery\" class=\"pv-text-red pv-text-body-xs\">\n      {{ invalidQueryReason }}\n    </p>\n    <PvPopover\n      v-if=\"availableOptions.length > 0 || optionsLoading\"\n      :class=\"{ 'pv-hide': !displayOptions }\"\n      :css-custom-properties=\"{ width: '100%', maxWidth: '100%' }\"\n      :isList=\"true\"\n    >\n      <template v-if=\"!optionsLoading\">\n        <template v-for=\"(option, index) in availableOptions\" :key=\"`${index}-${option.searchText}`\">\n          <PvMenuItem v-bind=\"option\" @handleSelected=\"handleOptionSelected(option)\" :config=\"menuOptionConfig\" />\n        </template>\n      </template>\n      <template v-else>\n        <div class=\"pv-text-center\">\n          <PvSpinner variant=\"dark\" />\n        </div>\n      </template>\n    </PvPopover>\n  </div>\n</template>\n\n<style scoped>\n.pv-query-builder-input-wrapper {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  background: rgb(247, 248, 248);\n  padding: 0.25rem;\n  border-radius: 0.5rem;\n  border: 2px solid transparent;\n  font-size: 0.75rem;\n  min-height: 2.25rem;\n  cursor: text;\n}\n\n.pv-query-builder-input {\n  justify-content: start;\n  overflow-x: hidden;\n}\n\n.pv-query-builder-input-wrapper input {\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: 0.75rem;\n}\n\n.pv-query-builder-input-wrapper:focus-within {\n  border: 2px solid #36c5ba;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ComputedRef, ref, useTemplateRef, watch } from \"vue\";\nimport {\n  QueryBuilderOutput,\n  QueryBuilderProcessor,\n  QueryBuilderSuggestionMenuOption,\n  QueryTerm,\n  useQueryBuilder,\n} from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvPopover from \"@/components/base/PvPopover/PvPopover.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvMenuItem from \"@/components/base/PvMenu/items/PvMenuItem.vue\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nimport QueryBuilderMenuOptionRenderer from \"@/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue\";\nimport QueryFormatter from \"@/components/base/PvQueryBuilderInput/QueryFormatter.vue\";\nimport type { MenuOption } from \"@/types\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport PvSpinner from \"@/components/base/PvSpinner/PvSpinner.vue\";\nimport { onKeyStroke } from \"@vueuse/core\";\n\nexport interface PvQueryBuilderInputProps {\n  /**\n   * Placeholder text shown in the input when no query is active.\n   */\n  placeholder?: string;\n  /**\n   * When true, the input is non-interactive and visually dimmed.\n   */\n  disabled?: boolean;\n  /** When true, displays a keyboard shortcut badge next to the input. */\n  displayShortcut?: boolean;\n  /**\n   * Determines how user input is parsed into structured query terms.\n   * - `'full'`: free-text and field-based queries.\n   * - `'field-only'`: only options with a queryField are shown.\n   */\n  processor?: QueryBuilderProcessor;\n  /**\n   * When true, shows a loading spinner in the suggestion dropdown.\n   */\n  optionsLoading?: boolean;\n  /**\n   * When true, users can press Enter to add free-text terms without selecting a suggestion.\n   */\n  enableCustomOptionsInput?: boolean;\n  /**\n   * When true, hides the search icon on the left side of the input.\n   */\n  hideSearchIcon?: boolean;\n  /**\n   * When true, hides the clear button that resets the query.\n   */\n  hideClearButton?: boolean;\n  /**\n   * Maximum number of query term pills to display before collapsing.\n   */\n  queryTermDisplayLimit?: number;\n  /**\n   * When true, query term pills wrap to the next line instead of scrolling horizontally.\n   */\n  enableWrapQueryTerms?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvQueryBuilderInputProps>(), {\n  placeholder: \"Search\",\n  disabled: false,\n  processor: \"full\",\n  optionsLoading: false,\n  enableCustomOptionsInput: false,\n  hideSearchIcon: false,\n  hideClearButton: false,\n  queryTermDisplayLimit: 3,\n  enableWrapQueryTerms: false,\n});\n\nconst menuOptionConfig = {\n  renderer: QueryBuilderMenuOptionRenderer,\n};\n\n// const wrapper = useTemplateRef<HTMLDivElement | null>(\"query-builder-input\");\nconst input = useTemplateRef<HTMLInputElement | null>(\"search-input\");\nconst inputText = defineModel<string>(\"searchText\", { required: false, default: \"\" });\nconst parsedQuery = defineModel<QueryBuilderOutput | null>(\"query\", { required: true });\nconst queryOptions = defineModel<QueryBuilderSuggestionMenuOption[]>(\"options\", {\n  required: false,\n});\nconst { addQueryOption, containsQueryOption } = useQueryBuilder();\nconst displayOptions = ref(false);\nconst isCurrentInputFocused = ref(false);\nconst wrapContent = ref(false);\n\nconst computedPlaceholder = computed(() => {\n  return parsedQuery.value !== null ? \"\" : props.placeholder;\n});\n\nconst invalidQueryReason = ref<string | null>(null);\nconst displayInvalidQuery = computed(() => {\n  return invalidQueryReason.value !== null && invalidQueryReason.value !== \"\" && !isCurrentInputFocused.value;\n});\n\nconst clearQuery = () => {\n  parsedQuery.value = null;\n  inputText.value = \"\";\n  invalidQueryReason.value = null;\n  wrapContent.value = false;\n};\n\nif (props.enableCustomOptionsInput) {\n  onKeyStroke(\n    \"Enter\",\n    () => {\n      if (inputText.value.trim()) {\n        handleAddSelfAddedOption();\n      }\n    },\n    { target: input },\n  );\n}\n\nconst handleAddSelfAddedOption = () => {\n  if (inputText.value.trim()) {\n    parsedQuery.value = addQueryOption(parsedQuery.value, {\n      id: inputText.value.trim(),\n      text: inputText.value,\n      queryTerm: {\n        queryText: inputText.value,\n      },\n    });\n    clearInputText();\n  }\n};\n\nconst availableOptions: ComputedRef<MenuOption<QueryTerm>[]> = computed(() => {\n  if (!queryOptions.value || queryOptions.value.length === 0) {\n    return [];\n  }\n  let filteredOptions = queryOptions.value;\n  // if the processor is field-only, filter out options without a queryField\n  if (props.processor === \"field-only\") {\n    filteredOptions = queryOptions.value.filter((option) => option.queryTerm?.queryField);\n  }\n  // filter out options that are already present in the current query\n  if (parsedQuery.value) {\n    filteredOptions = filteredOptions.filter((option) => !containsQueryOption(parsedQuery.value, option));\n  }\n  // append the input text to the option text for highlighting in the menu item\n  return filteredOptions.map((option) => {\n    const menuOption: MenuOption<QueryTerm> = {\n      id: option.id,\n      text: option.text,\n      icon: option.icon,\n      disabled: option.disabled,\n      searchText: inputText.value,\n      context: option.queryTerm,\n    };\n    return menuOption;\n  });\n});\n\n// Watch for changes in available options, input text, or loading state to ensure menu is displayed when typing.\nwatch(\n  [availableOptions, inputText, () => props.optionsLoading],\n  ([newOptions, newInputText, isLoading]) => {\n    // If user is typing and there are options to show OR loading, display the menu\n    if (newInputText && newInputText.length > 0 && (newOptions.length > 0 || isLoading)) {\n      displayOptions.value = true;\n    } else if (!newInputText || newInputText.length === 0) {\n      // Clear the menu if no input text\n      displayOptions.value = false;\n    }\n  },\n  { immediate: true },\n);\n\nconst handleClickOutside = () => {\n  if (props.enableCustomOptionsInput) {\n    handleAddSelfAddedOption();\n  }\n\n  displayOptions.value = false;\n  isCurrentInputFocused.value = false;\n  wrapContent.value = false;\n};\n\nconst handleOptionSelected = (option: MenuOption<QueryTerm>) => {\n  try {\n    const queryOption: QueryBuilderSuggestionMenuOption = {\n      id: option.id,\n      text: option.text,\n      queryTerm: option.context,\n      icon: option.icon,\n    };\n    parsedQuery.value = addQueryOption(parsedQuery.value, queryOption);\n    //clear input text after adding option\n    clearInputText();\n  } catch (error) {\n    console.error(\"Error adding query option:\", error);\n  } finally {\n    displayOptions.value = false;\n    isCurrentInputFocused.value = false;\n  }\n};\n\nfunction handleWrapperClick(event: MouseEvent) {\n  const target = event.target as HTMLElement;\n\n  // Don't interfere if clicking on a contenteditable element (QueryTerm)\n  if (target.isContentEditable || target.closest('[contenteditable=\"true\"]')) {\n    return;\n  }\n\n  // Don't interfere if clicking on buttons or other interactive elements\n  if (target.tagName === \"BUTTON\" || target.tagName === \"SVG\" || target.closest(\"button\")) {\n    return;\n  }\n\n  // Focus the main input for everything else\n  input.value?.focus();\n}\n\nfunction checkWrapperFocus(event: FocusEvent) {\n  if (event.type === \"focus\") {\n    isCurrentInputFocused.value = true;\n    displayOptions.value = true;\n  } else if (event.type === \"blur\") {\n    // Use setTimeout to allow other focus events to fire first\n    // setTimeout(() => {\n    //   // Check if any element inside the wrapper is currently focused\n    //   const wrapperEl = wrapper.value;\n    //   const activeElement = document.activeElement;\n    //   if (!wrapperEl || !wrapperEl.contains(activeElement)) {\n    //     isCurrentInputFocused.value = false;\n    //     displayOptions.value = false;\n    //   }\n    // }, 100);\n  }\n}\n\nconst clearInputText = () => {\n  inputText.value = \"\";\n};\n</script>\n\n<template>\n  <div\n    ref=\"query-builder-input\"\n    class=\"pv-relative pv-query-builder-input-wrapper\"\n    @focus=\"checkWrapperFocus\"\n    @click=\"handleWrapperClick\"\n    v-on-click-outside=\"handleClickOutside\"\n  >\n    <PvIcon v-if=\"!hideSearchIcon\" name=\"search\" />\n    <div\n      class=\"pv-flex pv-full-width pv-inset-inline pv-query-builder-input\"\n      style=\"--inset-size: 4px; --flex-gap: 4px\"\n      :style=\"enableWrapQueryTerms || wrapContent ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;'\"\n    >\n      <QueryFormatter\n        v-model=\"parsedQuery\"\n        v-model:wrap-content=\"wrapContent\"\n        :query-term-display-limit=\"queryTermDisplayLimit\"\n      ></QueryFormatter>\n      <input\n        v-model=\"inputText\"\n        ref=\"search-input\"\n        data-testid=\"pv-search-input\"\n        type=\"text\"\n        :disabled=\"disabled\"\n        :placeholder=\"computedPlaceholder\"\n        :data-invalid=\"displayInvalidQuery ? 'true' : undefined\"\n        @focus=\"checkWrapperFocus\"\n        @blur=\"checkWrapperFocus\"\n      />\n    </div>\n    <PvButton v-if=\"parsedQuery && !hideClearButton\" variant=\"ghost\" leftIcon=\"close\" size=\"md\" @click=\"clearQuery\" />\n    <p v-if=\"displayInvalidQuery\" class=\"pv-text-red pv-text-body-xs\">\n      {{ invalidQueryReason }}\n    </p>\n    <PvPopover\n      v-if=\"availableOptions.length > 0 || optionsLoading\"\n      :class=\"{ 'pv-hide': !displayOptions }\"\n      :css-custom-properties=\"{ width: '100%', maxWidth: '100%' }\"\n      :isList=\"true\"\n    >\n      <template v-if=\"!optionsLoading\">\n        <template v-for=\"(option, index) in availableOptions\" :key=\"`${index}-${option.searchText}`\">\n          <PvMenuItem v-bind=\"option\" @handleSelected=\"handleOptionSelected(option)\" :config=\"menuOptionConfig\" />\n        </template>\n      </template>\n      <template v-else>\n        <div class=\"pv-text-center\">\n          <PvSpinner variant=\"dark\" />\n        </div>\n      </template>\n    </PvPopover>\n  </div>\n</template>\n\n<style scoped>\n.pv-query-builder-input-wrapper {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  background: rgb(247, 248, 248);\n  padding: 0.25rem;\n  border-radius: 0.5rem;\n  border: 2px solid transparent;\n  font-size: 0.75rem;\n  min-height: 2.25rem;\n  cursor: text;\n}\n\n.pv-query-builder-input {\n  justify-content: start;\n  overflow-x: hidden;\n}\n\n.pv-query-builder-input-wrapper input {\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: 0.75rem;\n}\n\n.pv-query-builder-input-wrapper:focus-within {\n  border: 2px solid #36c5ba;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, useId } from \"vue\";\n\nconst range = defineModel<number>({ required: true });\n\nwithDefaults(\n  defineProps<{\n    /** Minimum value of the range slider */\n    min?: number;\n    /** Maximum value of the range slider */\n    max?: number;\n    /** Step increment between values */\n    step?: number;\n    /** Accessible name for the range slider */\n    ariaLabel?: string;\n  }>(),\n  {\n    min: 0,\n    max: 100,\n    step: 1,\n  },\n);\n\nconst id = useId();\n\nconst rangeStyle = computed(() => {\n  return {\n    \"--value\": `${range.value}%`,\n  };\n});\n</script>\n\n<template>\n  <input\n    v-model.number=\"range\"\n    class=\"pv-range\"\n    type=\"range\"\n    :id=\"id\"\n    :aria-label=\"ariaLabel\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :style=\"rangeStyle\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from \"vue\";\n\nconst range = defineModel<number>({ required: true });\n\nwithDefaults(\n  defineProps<{\n    /** Minimum value of the range slider */\n    min?: number;\n    /** Maximum value of the range slider */\n    max?: number;\n    /** Step increment between values */\n    step?: number;\n    /** Accessible name for the range slider */\n    ariaLabel?: string;\n  }>(),\n  {\n    min: 0,\n    max: 100,\n    step: 1,\n  },\n);\n\nconst id = useId();\n\nconst rangeStyle = computed(() => {\n  return {\n    \"--value\": `${range.value}%`,\n  };\n});\n</script>\n\n<template>\n  <input\n    v-model.number=\"range\"\n    class=\"pv-range\"\n    type=\"range\"\n    :id=\"id\"\n    :aria-label=\"ariaLabel\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :style=\"rangeStyle\"\n  />\n</template>\n","import Aura from \"@primeuix/themes/aura\";\n\nexport const PvComponentsConfig = {\n  theme: {\n    preset: Aura,\n    options: {\n      darkModeSelector: false || \"none\",\n      cssLayer: {\n        name: \"primevue\",\n        order: \"pit-viper-v2, primevue\",\n      },\n    },\n  },\n};\n","import { PrimeVue } from \"@primevue/core\";\nimport { App } from \"vue\";\nimport { PvComponentsConfig } from \"./primeVue.config.ts\";\n\nexport const usePvComponents = (app: App<Element>) => {\n  app.use(PrimeVue, PvComponentsConfig);\n};\n"],"x_google_ignoreList":[30,31,32,33,34,35],"mappings":"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"}
+{"version":3,"file":"pv-components-base.mjs","names":["$props","$emit","$emit","$emit","computePosition","flip","offset","getComputedStyle","unwrapElement","$slots","$props","$slots","$slots","$emit","$emit","$emit","$slots","$emit","$emit","$props","$slots","$emit","$slots","$emit","$emit","$slots","$attrs","$emit","$emit","$emit"],"sources":["../../../src/components/base/PvSpinner/PvSpinner.vue","../../../src/components/base/PvSpinner/PvSpinner.vue","../../../src/components/base/PvButton/helpers.ts","../../../src/web-components/utils.ts","../../../src/components/base/baseProps.ts","../../../src/components/base/PvIcon/PvIcon.vue","../../../src/components/base/PvIcon/PvIcon.vue","../../../src/components/base/PvCounterBadge/PvCounterBadge.vue","../../../src/components/base/PvCounterBadge/PvCounterBadge.vue","../../../src/components/base/PvButton/PvButton.vue","../../../src/components/base/PvButton/PvButton.vue","../../../src/components/base/PvAiButton/PvAiButton.vue","../../../src/components/base/PvAiButton/PvAiButton.vue","../../../src/composables/useSlotPresence.ts","../../../src/components/base/PvTooltip/PvTooltip.vue","../../../src/components/base/PvTooltip/PvTooltip.vue","../../../src/components/base/PvButton/PvButtonWithTooltip.vue","../../../src/components/base/PvButton/PvButtonWithTooltip.vue","../../../src/components/base/PvReleaseBadge/PvReleaseBadge.vue","../../../src/components/base/PvReleaseBadge/PvReleaseBadge.vue","../../../src/components/base/PvTag/PvTag.vue","../../../src/components/base/PvTag/PvTag.vue","../../../src/components/base/PvPill/PvPill.vue","../../../src/components/base/PvPill/PvPill.vue","../../../src/components/base/PvPopover/PvPopover.vue","../../../src/components/base/PvPopover/PvPopover.vue","../../../src/components/base/PvDropdown/PvDropdown.vue","../../../src/components/base/PvDropdown/PvDropdown.vue","../../../src/components/base/PvPopoverMenu/PvPopoverMenu.vue","../../../src/components/base/PvPopoverMenu/PvPopoverMenu.vue","../../../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs","../../../../node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs","../../../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../../../../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs","../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.32_typescript@5.9.3_/node_modules/vue-demi/lib/index.mjs","../../../../node_modules/.pnpm/@floating-ui+vue@1.1.11_vue@3.5.32_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs","../../../src/components/base/PvPopoverV2/PvPopoverV2.vue","../../../src/components/base/PvPopoverV2/PvPopoverV2.vue","../../../src/components/base/PvTooltipV2/PvTooltipV2.vue","../../../src/components/base/PvTooltipV2/PvTooltipV2.vue","../../../src/components/base/PvSegmentedControl/PvSegmentedControl.vue","../../../src/components/base/PvSegmentedControl/PvSegmentedControl.vue","../../../src/components/base/PvTabList/PvTabList.vue","../../../src/components/base/PvTabList/PvTabList.vue","../../../src/components/base/PvCompanyLogo/PvCompanyLogo.vue","../../../src/components/base/PvCompanyLogo/PvCompanyLogo.vue","../../../src/components/base/PvModal/PvModal.vue","../../../src/components/base/PvModal/PvModal.vue","../../../src/components/base/PvBanner/types.ts","../../../src/components/base/PvBanner/PvBanner.vue","../../../src/components/base/PvBanner/PvBanner.vue","../../../src/components/base/PvCompanyTag/PvCompanyTag.vue","../../../src/components/base/PvCompanyTag/PvCompanyTag.vue","../../../src/components/base/PvSuggestionTag/PvSuggestionTag.vue","../../../src/components/base/PvSuggestionTag/PvSuggestionTag.vue","../../../src/components/base/PvAccordion/PvAccordion.vue","../../../src/components/base/PvAccordion/PvAccordion.vue","../../../src/components/base/PvSearchInput/PvSearchInput.vue","../../../src/components/base/PvSearchInput/PvSearchInput.vue","../../../src/components/base/PvDatePicker/PvDatePicker.vue","../../../src/components/base/PvDatePicker/PvDatePicker.vue","../../../src/components/base/PvDateTime/useDateTime.ts","../../../src/components/base/PvDateTime/PvDateTime.vue","../../../src/components/base/PvDateTime/PvDateTime.vue","../../../src/components/base/PvDrawer/PvDrawer.vue","../../../src/components/base/PvDrawer/PvDrawer.vue","../../../src/components/base/PvTabs/PvTabs.vue","../../../src/components/base/PvTabs/PvTabs.vue","../../../src/components/base/PvBreadcrumbs/PvBreadcrumbs.vue","../../../src/components/base/PvBreadcrumbs/PvBreadcrumbs.vue","../../../src/components/base/PvMenu/PvMenuControlPanel.vue","../../../src/components/base/PvMenu/PvMenuControlPanel.vue","../../../src/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue","../../../src/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue","../../../src/components/base/PvMenu/PvMenuEmptyState.vue","../../../src/components/base/PvAvatar/PvAvatar.vue","../../../src/components/base/PvAvatar/PvAvatar.vue","../../../src/components/base/PvMenu/items/PvMenuBaseItem.vue","../../../src/components/base/PvMenu/items/PvMenuBaseItem.vue","../../../src/components/base/PvSwitch/PvSwitch.vue","../../../src/components/base/PvSwitch/PvSwitch.vue","../../../src/components/base/PvMenu/items/PvMenuItemAction.vue","../../../src/components/base/PvMenu/items/PvMenuItemAction.vue","../../../src/components/base/PvMenu/cascadeUtils.ts","../../../src/components/base/PvMenu/symbols.ts","../../../src/components/base/PvMenu/items/PvMenuItemVariant.vue","../../../src/components/base/PvMenu/items/PvMenuItemVariant.vue","../../../src/components/base/PvMenu/items/PvMenuItem.vue","../../../src/components/base/PvMenu/items/PvMenuItem.vue","../../../src/components/base/PvMenu/PvMenu.vue","../../../src/components/base/PvMenu/PvMenu.vue","../../../src/components/base/PvMultiSelectButton/PvMultiSelectButton.vue","../../../src/components/base/PvMultiSelectButton/PvMultiSelectButton.vue","../../../src/components/base/PvSelectButton/PvSelectButton.vue","../../../src/components/base/PvSelectButton/PvSelectButton.vue","../../../src/components/base/PvPagination/usePagination.ts","../../../src/components/base/PvPagination/PvPagination.vue","../../../src/components/base/PvPagination/PvPagination.vue","../../../src/components/base/PvSelectableCard/PvSelectableCard.vue","../../../src/components/base/PvSelectableCard/PvSelectableCard.vue","../../../src/components/layout/PvSidePanel/PvSidePanel.vue","../../../src/components/layout/PvSidePanel/PvSidePanel.vue","../../../src/components/base/PvGhostInput/PvGhostInput.vue","../../../src/components/base/PvGhostInput/PvGhostInput.vue","../../../src/components/base/PvCompanyLabel/PvCompanyLabel.vue","../../../src/components/base/PvCompanyLabel/PvCompanyLabel.vue","../../../src/components/base/PvAvatarGroup/PvAvatarGroup.vue","../../../src/components/base/PvAvatarGroup/PvAvatarGroup.vue","../../../src/components/base/PvToggleButton/PvToggleButton.vue","../../../src/components/base/PvToggleButton/PvToggleButton.vue","../../../src/components/base/PvToggleGroup/PvToggleGroup.vue","../../../src/components/base/PvToggleGroup/PvToggleGroup.vue","../../../src/components/base/PvCheckbox/PvCheckbox.vue","../../../src/components/base/PvCheckbox/PvCheckbox.vue","../../../src/components/base/PvSprite/PvSprite.vue","../../../src/components/base/PvSprite/PvSprite.vue","../../../src/components/base/PvSkeleton/PvSkeleton.vue","../../../src/components/base/PvSkeleton/PvSkeleton.vue","../../../src/components/base/PvInput/PvInput.vue","../../../src/components/base/PvInput/PvInput.vue","../../../src/components/base/PvRating/PvRating.vue","../../../src/components/base/PvRating/PvRating.vue","../../../src/components/base/PvCard/PvCard.vue","../../../src/components/base/PvCard/PvCard.vue","../../../src/components/base/PvWidget/PvWidget.vue","../../../src/components/base/PvWidget/PvWidget.vue","../../../src/components/base/PvInsightCard/PvInsightCard.vue","../../../src/components/base/PvInsightCard/PvInsightCard.vue","../../../src/components/base/PvExpandableContent/PvExpandableContent.vue","../../../src/components/base/PvExpandableContent/PvExpandableContent.vue","../../../src/components/base/PvToast/PvToast.vue","../../../src/components/base/PvToast/PvToast.vue","../../../src/components/base/PvActionBar/PvActionBar.vue","../../../src/components/base/PvActionBar/PvActionBar.vue","../../../src/components/base/PvTextArea/PvTextArea.vue","../../../src/components/base/PvTextArea/PvTextArea.vue","../../../src/components/base/PvTree/PvSimpleItemTree.vue","../../../src/components/base/PvTree/PvSimpleItemTree.vue","../../../src/components/base/PvTree/PvTreeReorderIcon.vue","../../../src/components/base/PvTree/PvTreeReorderIcon.vue","../../../src/components/base/PvTree/PvButtonTreeItem.vue","../../../src/components/base/PvTree/PvButtonTreeItem.vue","../../../src/components/base/PvTree/PvCheckboxTreeItem.vue","../../../src/components/base/PvTree/PvCheckboxTreeItem.vue","../../../src/components/base/PvTree/composables/useHoverIcon.ts","../../../src/components/base/PvTree/symbols.ts","../../../src/components/base/PvTree/composables/useDraggingState.ts","../../../src/components/base/PvTree/composables/useDragAndDrop.ts","../../../src/components/base/PvTree/composables/useDragAndDropIndicator.ts","../../../src/components/base/PvTree/PvSimpleNestedTreeItem.vue","../../../src/components/base/PvTree/PvSimpleNestedTreeItem.vue","../../../src/components/base/PvTree/PvSimpleNestedTree.vue","../../../src/components/base/PvTree/PvSimpleNestedTree.vue","../../../src/components/base/PvTree/PvTreeItem.vue","../../../src/components/base/PvTree/PvTreeItem.vue","../../../src/components/base/PvTree/composables/useTreeUpdate.ts","../../../src/components/base/PvTree/PvTree.vue","../../../src/components/base/PvTree/PvTree.vue","../../../src/components/base/PvTree/PvTreeGroup.vue","../../../src/components/base/PvTree/PvTreeGroup.vue","../../../src/components/base/PvProgressBar/PvProgressBar.vue","../../../src/components/base/PvProgressBar/PvProgressBar.vue","../../../src/components/base/PvDistributionBar/PvDistributionBar.vue","../../../src/components/base/PvDistributionBar/PvDistributionBar.vue","../../../src/components/base/PvQueryBuilderInput/useQueryBuilder.ts","../../../src/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue","../../../src/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue","../../../src/components/base/PvQueryBuilderInput/QueryFormatter.vue","../../../src/components/base/PvQueryBuilderInput/QueryFormatter.vue","../../../src/components/base/PvQueryBuilderInput/PvQueryBuilderInput.vue","../../../src/components/base/PvQueryBuilderInput/PvQueryBuilderInput.vue","../../../src/components/base/PvRange/PvRange.vue","../../../src/components/base/PvRange/PvRange.vue","../../../src/components/base/PvComponentsConfig/primeVue.config.ts","../../../src/components/base/PvComponentsConfig/usePvComponents.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PvSpinnerSize, PvSpinnerVariant } from \"./types\";\n\ninterface PvSpinnerProps {\n  /** The size of the spinner. Controls the rendered diameter via a CSS custom property. */\n  size?: PvSpinnerSize;\n  /** The color variant of the spinner. Use \"white\" on dark backgrounds and \"dark\" on light backgrounds. */\n  variant?: PvSpinnerVariant;\n}\n\nconst mapSizeToPx: Record<PvSpinnerSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"1rem\",\n  md: \"1.25rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n};\n\nconst mapVariantToPvClass: Record<PvSpinnerVariant, string> = {\n  primary: \"pv-spinner\",\n  dark: \"pv-spinner-dark\",\n  white: \"pv-spinner-light\",\n};\n\nwithDefaults(defineProps<PvSpinnerProps>(), {\n  size: \"lg\",\n  variant: \"primary\",\n});\n</script>\n\n<template>\n  <div data-testid=\"pv-spinner\" :class=\"mapVariantToPvClass[variant]\" :style=\"{ '--size': mapSizeToPx[size] }\" />\n</template>\n","<script setup lang=\"ts\">\nimport { PvSpinnerSize, PvSpinnerVariant } from \"./types\";\n\ninterface PvSpinnerProps {\n  /** The size of the spinner. Controls the rendered diameter via a CSS custom property. */\n  size?: PvSpinnerSize;\n  /** The color variant of the spinner. Use \"white\" on dark backgrounds and \"dark\" on light backgrounds. */\n  variant?: PvSpinnerVariant;\n}\n\nconst mapSizeToPx: Record<PvSpinnerSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"1rem\",\n  md: \"1.25rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n};\n\nconst mapVariantToPvClass: Record<PvSpinnerVariant, string> = {\n  primary: \"pv-spinner\",\n  dark: \"pv-spinner-dark\",\n  white: \"pv-spinner-light\",\n};\n\nwithDefaults(defineProps<PvSpinnerProps>(), {\n  size: \"lg\",\n  variant: \"primary\",\n});\n</script>\n\n<template>\n  <div data-testid=\"pv-spinner\" :class=\"mapVariantToPvClass[variant]\" :style=\"{ '--size': mapSizeToPx[size] }\" />\n</template>\n","import { PvButtonSize } from \"@/components/base/PvButton/types.ts\";\n\nexport const supportedInverseButtonVariants = [\"ghost\"];\n\nconst sizeToClassMap: Record<PvButtonSize, string | undefined> = {\n  md: \"pv-button-small\",\n  lg: undefined,\n  xl: \"pv-button-large\",\n};\n\nexport const pvButtonSizeToClass = (size: PvButtonSize | null | undefined): string | null => {\n  if (size == null || !sizeToClassMap.hasOwnProperty(size)) {\n    return null;\n  }\n  return sizeToClassMap[size] || null;\n};\n","/**\n * Utility functions for web components\n */\n\nimport { ref, getCurrentInstance } from \"vue\";\n\n/**\n * Composable to detect if a component is running as a web component\n * Returns a reactive ref that's set to true/false on mount\n *\n * @returns Reactive ref boolean indicating if running as web component\n *\n * @example\n * import { useIsWebComponent } from '@/web-components/utils';\n *\n * export default {\n *   setup() {\n *     const isWc = useIsWebComponent();\n *     // isWc.value is true if running as web component, false if Vue component\n *   }\n * }\n */\nexport function useIsWebComponent() {\n  const isWc = ref(false);\n  const instance = getCurrentInstance();\n  const root = instance?.root || {};\n  if (\"isCE\" in root && root.isCE === true) {\n    isWc.value = true;\n  }\n  return isWc;\n}\n","export const PvSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"2x\"] as const;\nexport type PvSize = (typeof PvSizes)[number];\n\nexport const PvTheme = [\"white\", \"dark\"] as const;\nexport type PvThemes = (typeof PvTheme)[number];\n\nexport const PvVariants = [\"primary\", \"secondary\", \"tertiary\", \"ghost\", \"destructive\", \"transparent\"] as const;\nexport type PvVariants = (typeof PvVariants)[number];\n\nexport const PvColorVariants = [\"default\", \"success\", \"warning\", \"critical\", \"highlight\"] as const;\nexport type PvColorVariants = (typeof PvColorVariants)[number];\n\nexport const PvInputVariants = [\"h1\", \"h2\", \"h3\", \"h4\", \"text-md\", \"text-sm\", \"text-lg\", \"caption\"] as const;\nexport type PvInputVariants = (typeof PvInputVariants)[number];\n\nexport const PvTextInputColors = [\"white\", \"grey\"] as const;\nexport type PvTextInputColors = (typeof PvTextInputColors)[number];\n\nexport const sizeMap: Record<PvSize, string> = {\n  xs: \"12px\",\n  sm: \"16px\",\n  md: \"20px\",\n  lg: \"24px\",\n  xl: \"32px\",\n  \"2x\": \"40px\",\n};\n\nexport const PvIconSizes = [undefined, 10, 12, 20, 24, 32, 64] as const;\nexport type PvIconSize = (typeof PvIconSizes)[number];\n\nexport type PvAlignmentPositions =\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\"\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"center-left\"\n  | \"center-right\";\n","<script lang=\"ts\">\nimport { PvIconSize, PvIconSizes } from \"../baseProps\";\n</script>\n<script setup lang=\"ts\">\nimport { computed, ref, Ref } from \"vue\";\nimport { useIsWebComponent } from \"@/web-components/utils\";\n\ntype PvIconProps = {\n  /** Name of the icon from the SVG sprite sheet (e.g. \"user\", \"check-circle\"). */\n  name: string;\n  /** Pixel size of the icon. When omitted the icon inherits its container's size. */\n  size?: PvIconSize;\n};\n\nconst props = defineProps<PvIconProps>();\nconst isWeb = useIsWebComponent();\n\nconst globalSpritePath: Ref<string | null> = ref(null);\n\nconst classes = computed(() => ({\n  \"pv-icon\": true,\n  [`pv-icon-${props.size}`]: props.size != null && PvIconSizes.includes(props.size),\n}));\n\nconst svgHref = computed(() => {\n  // If the global sprite path is set, use it\n  if (isWeb.value && globalSpritePath.value) {\n    return `${globalSpritePath.value}#${props.name}`;\n  }\n  return `#${props.name}`;\n});\n\n// @ts-expect-error ignore type error for globalThis\nif (globalThis.__PV_GLOBAL_SPRITE_PATH__) {\n  // We only want to use sprite paths for web components\n  // @ts-expect-error ignore type error for globalThis\n  globalSpritePath.value = globalThis.__PV_GLOBAL_SPRITE_PATH__;\n}\n</script>\n\n<template>\n  <svg data-testid=\"pv-icon\" aria-hidden=\"true\" :class=\"classes\">\n    <use :xlink:href=\"svgHref\"></use>\n  </svg>\n</template>\n","<script lang=\"ts\">\nimport { PvIconSize, PvIconSizes } from \"../baseProps\";\n</script>\n<script setup lang=\"ts\">\nimport { computed, ref, Ref } from \"vue\";\nimport { useIsWebComponent } from \"@/web-components/utils\";\n\ntype PvIconProps = {\n  /** Name of the icon from the SVG sprite sheet (e.g. \"user\", \"check-circle\"). */\n  name: string;\n  /** Pixel size of the icon. When omitted the icon inherits its container's size. */\n  size?: PvIconSize;\n};\n\nconst props = defineProps<PvIconProps>();\nconst isWeb = useIsWebComponent();\n\nconst globalSpritePath: Ref<string | null> = ref(null);\n\nconst classes = computed(() => ({\n  \"pv-icon\": true,\n  [`pv-icon-${props.size}`]: props.size != null && PvIconSizes.includes(props.size),\n}));\n\nconst svgHref = computed(() => {\n  // If the global sprite path is set, use it\n  if (isWeb.value && globalSpritePath.value) {\n    return `${globalSpritePath.value}#${props.name}`;\n  }\n  return `#${props.name}`;\n});\n\n// @ts-expect-error ignore type error for globalThis\nif (globalThis.__PV_GLOBAL_SPRITE_PATH__) {\n  // We only want to use sprite paths for web components\n  // @ts-expect-error ignore type error for globalThis\n  globalSpritePath.value = globalThis.__PV_GLOBAL_SPRITE_PATH__;\n}\n</script>\n\n<template>\n  <svg data-testid=\"pv-icon\" aria-hidden=\"true\" :class=\"classes\">\n    <use :xlink:href=\"svgHref\"></use>\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvCounterBadgeSize, PvCounterBadgeVariant } from \"./types\";\n\nexport interface PvCounterBadgeProps {\n  /** Numeric value to display */\n  value?: number;\n  /** Text prefix displayed before the value */\n  prefix?: string;\n  /** Visual style variant */\n  variant?: PvCounterBadgeVariant;\n  /** Display size of the badge */\n  size?: PvCounterBadgeSize;\n  /** Maximum value before showing overflow indicator (e.g. \"99+\") */\n  maxValue?: number;\n}\n\nconst props = withDefaults(defineProps<PvCounterBadgeProps>(), {\n  variant: \"primary\",\n  maxValue: 99,\n  size: \"sm\",\n  prefix: \"\",\n});\n\nconst size = computed(() => {\n  if (props.size == \"md\") {\n    return \"md\";\n  } else if (props.size == \"sm\") {\n    return \"sm\";\n  }\n  return \"sm\";\n});\n\nconst displayValue = computed(() => {\n  if (props.maxValue && props.value && props.value > props.maxValue) {\n    return `${props.maxValue}+`;\n  }\n  if (props.value != null) {\n    return `${props.prefix}${props.value}`;\n  }\n  return \"-\";\n});\n\nconst classes = computed(() => ({\n  \"pv-inline-block pv-inset-square pv-radius pv-text-center\": true,\n  \"pv-badge-md pv-text-body-md\": size.value == \"md\",\n  \"pv-badge-sm pv-text-body-sm\": size.value == \"sm\",\n  \"pv-surface-brand-inverse pv-text-inverse\": props.variant == \"primary\",\n  \"pv-badge-secondary\": props.variant == \"secondary\",\n  \"pv-surface-lighten-5\": props.variant == \"tertiary\",\n  \"pv-text-secondary\": props.variant == \"ghost\" || props.variant == \"tertiary\",\n  \"pv-surface\": props.variant == \"ghost\",\n}));\n</script>\n<template>\n  <div :class=\"classes\" data-testid=\"pv-counter-badge\">\n    {{ displayValue }}\n  </div>\n</template>\n\n<style scoped>\n.pv-badge-md {\n  --inset-size: 2px 2px;\n  min-height: 20px;\n  max-height: 20px;\n  min-width: 20px;\n  font-weight: 500;\n}\n.pv-badge-sm {\n  --inset-size: 0 2px;\n  min-height: 16px;\n  max-height: 16px;\n  min-width: 16px;\n  font-weight: 500;\n}\n.pv-surface-lighten-5 {\n  background-color: #e0e5e4;\n}\n.pv-text-secondary {\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvCounterBadgeSize, PvCounterBadgeVariant } from \"./types\";\n\nexport interface PvCounterBadgeProps {\n  /** Numeric value to display */\n  value?: number;\n  /** Text prefix displayed before the value */\n  prefix?: string;\n  /** Visual style variant */\n  variant?: PvCounterBadgeVariant;\n  /** Display size of the badge */\n  size?: PvCounterBadgeSize;\n  /** Maximum value before showing overflow indicator (e.g. \"99+\") */\n  maxValue?: number;\n}\n\nconst props = withDefaults(defineProps<PvCounterBadgeProps>(), {\n  variant: \"primary\",\n  maxValue: 99,\n  size: \"sm\",\n  prefix: \"\",\n});\n\nconst size = computed(() => {\n  if (props.size == \"md\") {\n    return \"md\";\n  } else if (props.size == \"sm\") {\n    return \"sm\";\n  }\n  return \"sm\";\n});\n\nconst displayValue = computed(() => {\n  if (props.maxValue && props.value && props.value > props.maxValue) {\n    return `${props.maxValue}+`;\n  }\n  if (props.value != null) {\n    return `${props.prefix}${props.value}`;\n  }\n  return \"-\";\n});\n\nconst classes = computed(() => ({\n  \"pv-inline-block pv-inset-square pv-radius pv-text-center\": true,\n  \"pv-badge-md pv-text-body-md\": size.value == \"md\",\n  \"pv-badge-sm pv-text-body-sm\": size.value == \"sm\",\n  \"pv-surface-brand-inverse pv-text-inverse\": props.variant == \"primary\",\n  \"pv-badge-secondary\": props.variant == \"secondary\",\n  \"pv-surface-lighten-5\": props.variant == \"tertiary\",\n  \"pv-text-secondary\": props.variant == \"ghost\" || props.variant == \"tertiary\",\n  \"pv-surface\": props.variant == \"ghost\",\n}));\n</script>\n<template>\n  <div :class=\"classes\" data-testid=\"pv-counter-badge\">\n    {{ displayValue }}\n  </div>\n</template>\n\n<style scoped>\n.pv-badge-md {\n  --inset-size: 2px 2px;\n  min-height: 20px;\n  max-height: 20px;\n  min-width: 20px;\n  font-weight: 500;\n}\n.pv-badge-sm {\n  --inset-size: 0 2px;\n  min-height: 16px;\n  max-height: 16px;\n  min-width: 16px;\n  font-weight: 500;\n}\n.pv-surface-lighten-5 {\n  background-color: #e0e5e4;\n}\n.pv-text-secondary {\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvButtonProps } from \"./types\";\nimport PvSpinner from \"../PvSpinner/PvSpinner.vue\";\nimport { pvButtonSizeToClass, supportedInverseButtonVariants } from \"@/components/base/PvButton/helpers.ts\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\n\nconst props = withDefaults(defineProps<PvButtonProps>(), {\n  variant: \"primary\",\n  disabled: false,\n  size: \"lg\",\n  loading: false,\n  inverse: false,\n});\n\nconst computedAriaLabel = computed(() => (!props.label || props.loading ? props.label || props.ariaLabel : undefined));\n\nconst classes = computed(() => {\n  const output = [];\n  if (props.inverse && supportedInverseButtonVariants.includes(props.variant)) {\n    output.push(`pv-button-${props.variant}-inverse`);\n  } else {\n    output.push(`pv-button-${props.variant}`);\n  }\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n</script>\n\n<template>\n  <button type=\"button\" :class=\"classes\" :disabled=\"disabled\" :aria-label=\"computedAriaLabel\" data-testid=\"pv-button\">\n    <PvSpinner v-if=\"loading\" size=\"sm\" />\n    <template v-else>\n      <PvCounterBadge v-if=\"leftCounterBadge\" :value=\"leftCounterBadge\" variant=\"tertiary\" />\n      <PvIcon v-if=\"leftIcon\" :name=\"leftIcon\" data-testid=\"pv-button-left-icon\" />\n      <span v-if=\"label\" data-testid=\"pv-button-label\">{{ label }}</span>\n      <PvCounterBadge v-if=\"rightCounterBadge\" :value=\"rightCounterBadge\" variant=\"tertiary\" />\n      <PvIcon v-if=\"rightIcon\" :name=\"rightIcon\" data-testid=\"pv-button-right-icon\" />\n    </template>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvButtonProps } from \"./types\";\nimport PvSpinner from \"../PvSpinner/PvSpinner.vue\";\nimport { pvButtonSizeToClass, supportedInverseButtonVariants } from \"@/components/base/PvButton/helpers.ts\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\n\nconst props = withDefaults(defineProps<PvButtonProps>(), {\n  variant: \"primary\",\n  disabled: false,\n  size: \"lg\",\n  loading: false,\n  inverse: false,\n});\n\nconst computedAriaLabel = computed(() => (!props.label || props.loading ? props.label || props.ariaLabel : undefined));\n\nconst classes = computed(() => {\n  const output = [];\n  if (props.inverse && supportedInverseButtonVariants.includes(props.variant)) {\n    output.push(`pv-button-${props.variant}-inverse`);\n  } else {\n    output.push(`pv-button-${props.variant}`);\n  }\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n</script>\n\n<template>\n  <button type=\"button\" :class=\"classes\" :disabled=\"disabled\" :aria-label=\"computedAriaLabel\" data-testid=\"pv-button\">\n    <PvSpinner v-if=\"loading\" size=\"sm\" />\n    <template v-else>\n      <PvCounterBadge v-if=\"leftCounterBadge\" :value=\"leftCounterBadge\" variant=\"tertiary\" />\n      <PvIcon v-if=\"leftIcon\" :name=\"leftIcon\" data-testid=\"pv-button-left-icon\" />\n      <span v-if=\"label\" data-testid=\"pv-button-label\">{{ label }}</span>\n      <PvCounterBadge v-if=\"rightCounterBadge\" :value=\"rightCounterBadge\" variant=\"tertiary\" />\n      <PvIcon v-if=\"rightIcon\" :name=\"rightIcon\" data-testid=\"pv-button-right-icon\" />\n    </template>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvSpinner from \"../PvSpinner/PvSpinner.vue\";\nimport { PvButtonSize } from \"@/components/base/PvButton/types.ts\";\nimport { pvButtonSizeToClass } from \"@/components/base/PvButton/helpers.ts\";\nimport { computed } from \"vue\";\n\ninterface PvAiButtonProps {\n  /** Size of the AI button */\n  size?: PvButtonSize;\n  /** Text label displayed next to the AI icon. Omit for icon-only. */\n  label?: string;\n  /** Show a loading spinner in place of the icon and label */\n  loading?: boolean;\n  /** Prevent the button from being clicked */\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvAiButtonProps>(), {\n  size: \"md\",\n  label: \"AskTQ\",\n});\n\nconst classes = computed(() => {\n  const output = [\"pv-button-ai\"];\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n\n// Set aria-label when there is no visible text: icon-only mode or loading state (spinner replaces label).\nconst computedAriaLabel = computed(() => (!props.label || props.loading ? props.label || undefined : undefined));\n</script>\n\n<template>\n  <button :disabled=\"disabled\" :class=\"classes\" :aria-label=\"computedAriaLabel\">\n    <PvSpinner v-if=\"loading\" :size=\"size\" />\n    <template v-else>\n      <PvIcon class=\"pv-text-brand\" name=\"ai-filled\" />\n      <span v-if=\"label\">{{ label }}</span>\n    </template>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvSpinner from \"../PvSpinner/PvSpinner.vue\";\nimport { PvButtonSize } from \"@/components/base/PvButton/types.ts\";\nimport { pvButtonSizeToClass } from \"@/components/base/PvButton/helpers.ts\";\nimport { computed } from \"vue\";\n\ninterface PvAiButtonProps {\n  /** Size of the AI button */\n  size?: PvButtonSize;\n  /** Text label displayed next to the AI icon. Omit for icon-only. */\n  label?: string;\n  /** Show a loading spinner in place of the icon and label */\n  loading?: boolean;\n  /** Prevent the button from being clicked */\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvAiButtonProps>(), {\n  size: \"md\",\n  label: \"AskTQ\",\n});\n\nconst classes = computed(() => {\n  const output = [\"pv-button-ai\"];\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n\n// Set aria-label when there is no visible text: icon-only mode or loading state (spinner replaces label).\nconst computedAriaLabel = computed(() => (!props.label || props.loading ? props.label || undefined : undefined));\n</script>\n\n<template>\n  <button :disabled=\"disabled\" :class=\"classes\" :aria-label=\"computedAriaLabel\">\n    <PvSpinner v-if=\"loading\" :size=\"size\" />\n    <template v-else>\n      <PvIcon class=\"pv-text-brand\" name=\"ai-filled\" />\n      <span v-if=\"label\">{{ label }}</span>\n    </template>\n  </button>\n</template>\n","import { computed, onBeforeUnmount, onMounted, ref, unref, useSlots, watch } from \"vue\";\nimport type { Ref } from \"vue\";\nimport { useIsWebComponent } from \"@/web-components/utils\";\n\ntype MaybeRef<T> = T | Ref<T>;\n\nexport type UseSlotPresenceOptions = {\n  /**\n   * Host element for native slot detection (required for web components).\n   * When running as a web component, light DOM children of this element are inspected.\n   */\n  host?: MaybeRef<HTMLElement | null | undefined>;\n\n  /**\n   * A slots object (useful for tests or to override `useSlots()`).\n   * Only used when running as a Vue component (not a web component).\n   */\n  vueSlots?: Record<string, unknown> | null | undefined;\n\n  /**\n   * Watch light DOM changes so presence updates if children are added/removed.\n   * Only applies to web component mode. Defaults to true.\n   */\n  observe?: boolean;\n\n  /**\n   * Listen to slotchange events on shadow DOM slots.\n   * Only applies to web component mode. Defaults to true.\n   */\n  listenSlotChange?: boolean;\n\n  /**\n   * If true, whitespace-only text nodes count as content in the default slot.\n   * Only applies to web component mode. Defaults to false.\n   */\n  countWhitespaceTextInDefaultSlot?: boolean;\n};\n\nfunction isMeaningfulTextNode(node: Node, countWhitespace: boolean) {\n  if (node.nodeType !== Node.TEXT_NODE) return false;\n  const txt = node.textContent ?? \"\";\n  return countWhitespace ? txt.length > 0 : txt.trim().length > 0;\n}\n\nfunction hasNativeSlottedContent(host: HTMLElement, name: string, countWhitespaceTextInDefaultSlot: boolean): boolean {\n  const slotName = name === \"default\" ? \"\" : name;\n  const nodes = Array.from(host.childNodes);\n\n  if (slotName === \"\") {\n    // Default slot: nodes without a `slot` attribute\n    return nodes.some((n) => {\n      if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        return !el.hasAttribute(\"slot\");\n      }\n      return isMeaningfulTextNode(n, countWhitespaceTextInDefaultSlot);\n    });\n  }\n\n  // Named slot: element children with slot=\"name\"\n  return nodes.some((n) => {\n    if (n.nodeType !== Node.ELEMENT_NODE) return false;\n    const el = n as Element;\n    return el.getAttribute(\"slot\") === slotName;\n  });\n}\n\nfunction getShadowSlotEl(host: HTMLElement, name: string): HTMLSlotElement | null {\n  const sr = host.shadowRoot;\n  if (!sr) return null;\n  if (name === \"default\" || name === \"\") {\n    return sr.querySelector(\"slot:not([name])\");\n  }\n  return sr.querySelector(`slot[name=\"${CSS.escape(name)}\"]`);\n}\n\n/**\n * Returns a computed boolean indicating if a slot has content.\n *\n * Automatically detects if running as a Vue component or web component:\n * - Vue component: checks Vue's slot system via useSlots()\n * - Web component: inspects light DOM children of the host element\n */\nexport function useSlotPresence(slotName: string, options: UseSlotPresenceOptions = {}) {\n  const { host, vueSlots, observe = true, listenSlotChange = true, countWhitespaceTextInDefaultSlot = false } = options;\n\n  const isWebComponent = useIsWebComponent();\n  const slots = vueSlots ?? useSlots();\n\n  // Vue slot presence (used when not a web component)\n  const hasVueSlot = computed(() => {\n    if (isWebComponent.value || !slots) return false;\n    const key = slotName === \"default\" || slotName === \"\" ? \"default\" : slotName;\n    return !!(slots as Record<string, unknown>)[key];\n  });\n\n  // Native/web-component slot presence\n  const hasNativeSlot = ref(false);\n\n  let mo: MutationObserver | null = null;\n  let shadowSlot: HTMLSlotElement | null = null;\n\n  const cleanup = () => {\n    if (mo) {\n      mo.disconnect();\n      mo = null;\n    }\n    if (shadowSlot) {\n      shadowSlot.removeEventListener(\"slotchange\", updateNative);\n      shadowSlot = null;\n    }\n  };\n\n  const updateNative = () => {\n    if (!isWebComponent.value) {\n      hasNativeSlot.value = false;\n      return;\n    }\n\n    const el = unref(host);\n    if (!el) {\n      hasNativeSlot.value = false;\n      return;\n    }\n\n    // Prefer assignedNodes if we can access the <slot> element in open shadowRoot\n    const slotEl = listenSlotChange ? getShadowSlotEl(el, slotName) : null;\n    if (slotEl) {\n      const assigned = slotEl.assignedNodes({ flatten: true });\n      hasNativeSlot.value = assigned.some((n) => {\n        if (n.nodeType === Node.ELEMENT_NODE) return true;\n        return isMeaningfulTextNode(n, countWhitespaceTextInDefaultSlot);\n      });\n      return;\n    }\n\n    // Fallback: inspect light DOM children\n    hasNativeSlot.value = hasNativeSlottedContent(el, slotName, countWhitespaceTextInDefaultSlot);\n  };\n\n  const attach = () => {\n    if (!isWebComponent.value) return;\n\n    cleanup();\n\n    const el = unref(host);\n    if (!el) {\n      hasNativeSlot.value = false;\n      return;\n    }\n\n    updateNative();\n\n    if (listenSlotChange) {\n      shadowSlot = getShadowSlotEl(el, slotName);\n      if (shadowSlot) shadowSlot.addEventListener(\"slotchange\", updateNative);\n    }\n\n    if (observe) {\n      mo = new MutationObserver(() => updateNative());\n      mo.observe(el, {\n        childList: true,\n        subtree: false,\n        attributes: true,\n        attributeFilter: [\"slot\"],\n        characterData: true,\n      });\n    }\n  };\n\n  onMounted(attach);\n  onBeforeUnmount(cleanup);\n\n  // If host ref changes, reattach\n  watch(\n    () => unref(host),\n    () => {\n      if (isWebComponent.value) attach();\n    },\n  );\n\n  // Select presence based on component type\n  const present = computed(() => (isWebComponent.value ? hasNativeSlot.value : hasVueSlot.value));\n\n  return {\n    present,\n    hasVueSlot,\n    hasNativeSlot,\n    refresh: updateNative,\n  };\n}\n","<script setup lang=\"ts\">\nimport { PvTooltipPositions, PvTooltipVariants, PvTooltipSize } from \"./types\";\nimport { useSlotPresence } from \"@/composables/useSlotPresence\";\n\ninterface PvTooltipProps {\n  /** Color theme variant */\n  variant?: PvTooltipVariants;\n  /** Position of the tooltip relative to the trigger element */\n  tooltipPosition?: PvTooltipPositions;\n  /** Accessibility label reference ID linking trigger to tooltip content */\n  ariaLabelledBy?: string;\n  /** Size of the tooltip content area */\n  size?: PvTooltipSize;\n  /** When true, tooltip hides immediately when cursor leaves the trigger */\n  disableInteractive?: boolean;\n  /** Delay in milliseconds before showing the tooltip */\n  delay?: number;\n}\n\nwithDefaults(defineProps<PvTooltipProps>(), {\n  variant: \"white\",\n  ariaLabelledBy: \"ariaLabelledById\",\n  tooltipPosition: \"top-right\",\n  size: \"md\",\n  disableInteractive: false,\n  delay: 0,\n});\n\nconst { present: hasTooltip } = useSlotPresence(\"tooltip-content\");\n</script>\n\n<template>\n  <div\n    data-testid=\"pv-tooltip\"\n    :class=\"[\n      {\n        'pv-tooltip': hasTooltip,\n        'pv-tooltip-small': hasTooltip && size === 'sm',\n      },\n    ]\"\n    :data-position=\"tooltipPosition\"\n    :data-style=\"variant === 'white' ? 'white' : 'dark'\"\n    :data-static=\"disableInteractive ? true : undefined\"\n    :aria-labelledby=\"hasTooltip ? ariaLabelledBy : undefined\"\n  >\n    <slot name=\"label\" />\n    <div v-if=\"hasTooltip\" role=\"tooltip\" :id=\"ariaLabelledBy\" data-testid=\"pv-tooltip-content\">\n      <slot name=\"tooltip-content\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTooltipPositions, PvTooltipVariants, PvTooltipSize } from \"./types\";\nimport { useSlotPresence } from \"@/composables/useSlotPresence\";\n\ninterface PvTooltipProps {\n  /** Color theme variant */\n  variant?: PvTooltipVariants;\n  /** Position of the tooltip relative to the trigger element */\n  tooltipPosition?: PvTooltipPositions;\n  /** Accessibility label reference ID linking trigger to tooltip content */\n  ariaLabelledBy?: string;\n  /** Size of the tooltip content area */\n  size?: PvTooltipSize;\n  /** When true, tooltip hides immediately when cursor leaves the trigger */\n  disableInteractive?: boolean;\n  /** Delay in milliseconds before showing the tooltip */\n  delay?: number;\n}\n\nwithDefaults(defineProps<PvTooltipProps>(), {\n  variant: \"white\",\n  ariaLabelledBy: \"ariaLabelledById\",\n  tooltipPosition: \"top-right\",\n  size: \"md\",\n  disableInteractive: false,\n  delay: 0,\n});\n\nconst { present: hasTooltip } = useSlotPresence(\"tooltip-content\");\n</script>\n\n<template>\n  <div\n    data-testid=\"pv-tooltip\"\n    :class=\"[\n      {\n        'pv-tooltip': hasTooltip,\n        'pv-tooltip-small': hasTooltip && size === 'sm',\n      },\n    ]\"\n    :data-position=\"tooltipPosition\"\n    :data-style=\"variant === 'white' ? 'white' : 'dark'\"\n    :data-static=\"disableInteractive ? true : undefined\"\n    :aria-labelledby=\"hasTooltip ? ariaLabelledBy : undefined\"\n  >\n    <slot name=\"label\" />\n    <div v-if=\"hasTooltip\" role=\"tooltip\" :id=\"ariaLabelledBy\" data-testid=\"pv-tooltip-content\">\n      <slot name=\"tooltip-content\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvButtonWithTooltipProps } from \"./types\";\nimport PvButton from \"./PvButton.vue\";\nimport PvTooltip from \"../PvTooltip/PvTooltip.vue\";\nimport { computed } from \"vue\";\n\nconst props = withDefaults(defineProps<PvButtonWithTooltipProps>(), {\n  tooltipVariant: \"dark\",\n  delay: 500,\n});\n\nconst pvToolTipSize = computed(() => {\n  // for md buttons, use sm, else use md\n  return props.size === \"md\" ? \"sm\" : \"md\";\n});\n</script>\n\n<template>\n  <PvTooltip :variant=\"tooltipVariant\" :tooltip-position=\"tooltipPosition\" :delay=\"delay\" :size=\"pvToolTipSize\">\n    <template #tooltip-content>\n      <p class=\"pv-text-body-sm\">{{ tooltipText }}</p>\n    </template>\n    <template #label>\n      <PvButton v-bind=\"$props\" />\n    </template>\n  </PvTooltip>\n</template>\n","<script setup lang=\"ts\">\nimport { PvButtonWithTooltipProps } from \"./types\";\nimport PvButton from \"./PvButton.vue\";\nimport PvTooltip from \"../PvTooltip/PvTooltip.vue\";\nimport { computed } from \"vue\";\n\nconst props = withDefaults(defineProps<PvButtonWithTooltipProps>(), {\n  tooltipVariant: \"dark\",\n  delay: 500,\n});\n\nconst pvToolTipSize = computed(() => {\n  // for md buttons, use sm, else use md\n  return props.size === \"md\" ? \"sm\" : \"md\";\n});\n</script>\n\n<template>\n  <PvTooltip :variant=\"tooltipVariant\" :tooltip-position=\"tooltipPosition\" :delay=\"delay\" :size=\"pvToolTipSize\">\n    <template #tooltip-content>\n      <p class=\"pv-text-body-sm\">{{ tooltipText }}</p>\n    </template>\n    <template #label>\n      <PvButton v-bind=\"$props\" />\n    </template>\n  </PvTooltip>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvReleaseBadgeVariant } from \"./types\";\n\nexport interface PvReleaseBadgeProps {\n  /** Release stage variant that determines the badge label and color */\n  variant: PvReleaseBadgeVariant;\n  /** Apply inverse styling (neutral background) */\n  inverse?: boolean;\n}\nconst props = defineProps<PvReleaseBadgeProps>();\n\nconst displayLabel = computed(() => {\n  if (props.variant == \"release-alpha\") {\n    return \"ALPHA\";\n  } else if (props.variant == \"release-beta\") {\n    return \"BETA\";\n  } else {\n    return \"\";\n  }\n});\n\nconst classes = computed(() => {\n  if (props.inverse) {\n    return \"pv-tag-inverse\";\n  }\n  return {\n    \"pv-tag-yellow\": props.variant == \"release-alpha\",\n    \"pv-tag-purple\": props.variant == \"release-beta\",\n  };\n});\n</script>\n\n<template>\n  <div :class=\"classes\">\n    {{ displayLabel }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvReleaseBadgeVariant } from \"./types\";\n\nexport interface PvReleaseBadgeProps {\n  /** Release stage variant that determines the badge label and color */\n  variant: PvReleaseBadgeVariant;\n  /** Apply inverse styling (neutral background) */\n  inverse?: boolean;\n}\nconst props = defineProps<PvReleaseBadgeProps>();\n\nconst displayLabel = computed(() => {\n  if (props.variant == \"release-alpha\") {\n    return \"ALPHA\";\n  } else if (props.variant == \"release-beta\") {\n    return \"BETA\";\n  } else {\n    return \"\";\n  }\n});\n\nconst classes = computed(() => {\n  if (props.inverse) {\n    return \"pv-tag-inverse\";\n  }\n  return {\n    \"pv-tag-yellow\": props.variant == \"release-alpha\",\n    \"pv-tag-purple\": props.variant == \"release-beta\",\n  };\n});\n</script>\n\n<template>\n  <div :class=\"classes\">\n    {{ displayLabel }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, CSSProperties } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { TagSize, TagVariant } from \"./types\";\n\nexport interface PvTagProps {\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Tag visual variant\n   */\n  variant?: TagVariant;\n  /**\n   * Tag Icon\n   */\n  icon?: string;\n  /**\n   * Icon class\n   */\n  iconClasses?: string[];\n  /**\n   * Tag Label\n   */\n  label: string;\n  /**\n   * Show left clear icon\n   */\n  showClear?: boolean;\n  /**\n   * Show rounded state\n   */\n  rounded?: boolean;\n  /**\n   * Spine - dotted state\n   */\n  spine?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTagProps>(), {\n  size: \"md\",\n  variant: \"tertiary\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\", payload: string): void;\n  (e: \"handle-click\", payload: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst tagVariantClass = computed(() => {\n  switch (props.variant) {\n    case \"primary\": {\n      return \"pv-tag-primary\";\n    }\n    case \"tertiary\": {\n      return \"pv-tag-tertiary\";\n    }\n    case \"transparent\": {\n      return \"pv-tag-tertiary\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst pvTagStyles = computed(() => {\n  const baseStyles: CSSProperties = {\n    \"max-width\": \"100%\",\n    \"--flex-gap\": \"4px\",\n  };\n\n  if (props.variant === \"transparent\") {\n    baseStyles[\"--tag-background-color\"] = \"transparent\";\n  }\n\n  return baseStyles;\n});\n</script>\n\n<template>\n  <button\n    :class=\"[tagVariantClass, tagSizeClass, 'pv-flex']\"\n    @click=\"$emit('handle-click', label)\"\n    :style=\"pvTagStyles\"\n    data-testid=\"pv-tag\"\n    :data-style=\"rounded ? 'rounded' : undefined\"\n  >\n    <PvIcon data-testid=\"pv-tag-icon\" v-if=\"icon\" :class=\"iconClasses\" :name=\"icon\" :size=\"12\" />\n    <span\n      :class=\"[\n        'pv-truncate',\n        {\n          'pv-underline-dotted': spine,\n        },\n      ]\"\n    >\n      {{ label }}\n    </span>\n    <PvIcon\n      data-testid=\"pv-tag-close-icon\"\n      :size=\"12\"\n      name=\"close\"\n      v-if=\"showClear\"\n      @click.stop=\"$emit('handle-close', label)\"\n    />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, CSSProperties } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { TagSize, TagVariant } from \"./types\";\n\nexport interface PvTagProps {\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Tag visual variant\n   */\n  variant?: TagVariant;\n  /**\n   * Tag Icon\n   */\n  icon?: string;\n  /**\n   * Icon class\n   */\n  iconClasses?: string[];\n  /**\n   * Tag Label\n   */\n  label: string;\n  /**\n   * Show left clear icon\n   */\n  showClear?: boolean;\n  /**\n   * Show rounded state\n   */\n  rounded?: boolean;\n  /**\n   * Spine - dotted state\n   */\n  spine?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTagProps>(), {\n  size: \"md\",\n  variant: \"tertiary\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\", payload: string): void;\n  (e: \"handle-click\", payload: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst tagVariantClass = computed(() => {\n  switch (props.variant) {\n    case \"primary\": {\n      return \"pv-tag-primary\";\n    }\n    case \"tertiary\": {\n      return \"pv-tag-tertiary\";\n    }\n    case \"transparent\": {\n      return \"pv-tag-tertiary\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst pvTagStyles = computed(() => {\n  const baseStyles: CSSProperties = {\n    \"max-width\": \"100%\",\n    \"--flex-gap\": \"4px\",\n  };\n\n  if (props.variant === \"transparent\") {\n    baseStyles[\"--tag-background-color\"] = \"transparent\";\n  }\n\n  return baseStyles;\n});\n</script>\n\n<template>\n  <button\n    :class=\"[tagVariantClass, tagSizeClass, 'pv-flex']\"\n    @click=\"$emit('handle-click', label)\"\n    :style=\"pvTagStyles\"\n    data-testid=\"pv-tag\"\n    :data-style=\"rounded ? 'rounded' : undefined\"\n  >\n    <PvIcon data-testid=\"pv-tag-icon\" v-if=\"icon\" :class=\"iconClasses\" :name=\"icon\" :size=\"12\" />\n    <span\n      :class=\"[\n        'pv-truncate',\n        {\n          'pv-underline-dotted': spine,\n        },\n      ]\"\n    >\n      {{ label }}\n    </span>\n    <PvIcon\n      data-testid=\"pv-tag-close-icon\"\n      :size=\"12\"\n      name=\"close\"\n      v-if=\"showClear\"\n      @click.stop=\"$emit('handle-close', label)\"\n    />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { PillSize, PillVariant, PillDotVariant } from \"./types\";\n\nexport interface PvPillProps {\n  /**\n   * Pill size\n   */\n  size?: PillSize;\n  /**\n   * Pill color variant\n   */\n  variant?: PillVariant;\n  /**\n   * Icon name displayed before the label\n   */\n  icon?: string;\n  /**\n   * Colored dot indicator displayed before the label. When set, forces neutral (tertiary) styling regardless of the variant prop.\n   */\n  dotVariant?: PillDotVariant;\n  /**\n   * Pill label text\n   */\n  label: string;\n}\n\nconst props = withDefaults(defineProps<PvPillProps>(), {\n  size: \"md\",\n  variant: \"default\",\n});\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst tagVariantClass = computed(() => {\n  if (props.dotVariant) {\n    return \"pv-tag-tertiary\";\n  }\n  switch (props.variant) {\n    case \"default\": {\n      return \"pv-tag-tertiary\";\n    }\n    case \"success\": {\n      return \"pv-tag-green\";\n    }\n    case \"warning\": {\n      return \"pv-tag-orange\";\n    }\n    case \"critical\": {\n      return \"pv-tag-red\";\n    }\n    case \"highlight\": {\n      return \"pv-tag-turquoise\";\n    }\n    default: {\n      return \"pv-tag-tertiary\";\n    }\n  }\n});\n</script>\n\n<template>\n  <div\n    :class=\"[tagVariantClass, tagSizeClass, 'pv-flex']\"\n    @click=\"$emit('handle-click', label)\"\n    data-style=\"rounded\"\n    style=\"width: fit-content; --flex-gap: 4px\"\n  >\n    <span v-if=\"dotVariant\" style=\"margin-inline-end: 0px\" :class=\"`pv-status-${dotVariant}`\"></span>\n    <PvIcon v-if=\"icon\" :name=\"icon\" :size=\"12\" />\n    <span>\n      {{ label }}\n    </span>\n  </div>\n</template>\n\n<style scoped>\n[class*=\"pv-status\"] {\n  &::before,\n  &::after {\n    margin-inline-end: 0px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { PillSize, PillVariant, PillDotVariant } from \"./types\";\n\nexport interface PvPillProps {\n  /**\n   * Pill size\n   */\n  size?: PillSize;\n  /**\n   * Pill color variant\n   */\n  variant?: PillVariant;\n  /**\n   * Icon name displayed before the label\n   */\n  icon?: string;\n  /**\n   * Colored dot indicator displayed before the label. When set, forces neutral (tertiary) styling regardless of the variant prop.\n   */\n  dotVariant?: PillDotVariant;\n  /**\n   * Pill label text\n   */\n  label: string;\n}\n\nconst props = withDefaults(defineProps<PvPillProps>(), {\n  size: \"md\",\n  variant: \"default\",\n});\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n\nconst tagVariantClass = computed(() => {\n  if (props.dotVariant) {\n    return \"pv-tag-tertiary\";\n  }\n  switch (props.variant) {\n    case \"default\": {\n      return \"pv-tag-tertiary\";\n    }\n    case \"success\": {\n      return \"pv-tag-green\";\n    }\n    case \"warning\": {\n      return \"pv-tag-orange\";\n    }\n    case \"critical\": {\n      return \"pv-tag-red\";\n    }\n    case \"highlight\": {\n      return \"pv-tag-turquoise\";\n    }\n    default: {\n      return \"pv-tag-tertiary\";\n    }\n  }\n});\n</script>\n\n<template>\n  <div\n    :class=\"[tagVariantClass, tagSizeClass, 'pv-flex']\"\n    @click=\"$emit('handle-click', label)\"\n    data-style=\"rounded\"\n    style=\"width: fit-content; --flex-gap: 4px\"\n  >\n    <span v-if=\"dotVariant\" style=\"margin-inline-end: 0px\" :class=\"`pv-status-${dotVariant}`\"></span>\n    <PvIcon v-if=\"icon\" :name=\"icon\" :size=\"12\" />\n    <span>\n      {{ label }}\n    </span>\n  </div>\n</template>\n\n<style scoped>\n[class*=\"pv-status\"] {\n  &::before,\n  &::after {\n    margin-inline-end: 0px;\n  }\n}\n</style>\n","<script lang=\"ts\">\nimport { CSSProperties } from \"vue\";\n\nexport interface PvPopoverProps {\n  /** Alignment of the popover relative to its trigger. */\n  alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n  /** Custom CSS properties applied to the popover root element. */\n  cssCustomProperties?: CSSProperties;\n  /** Custom CSS properties applied to the inner list element (when isList is true). */\n  cssCustomListProperties?: CSSProperties;\n  /** When true, renders the content inside a `<ul>` list element. */\n  isList?: boolean;\n  /** When true and isList is true, enables drag-and-drop reordering of list items. */\n  isSortable?: boolean;\n}\n</script>\n<script setup lang=\"ts\">\nimport { useSortable } from \"@vueuse/integrations/useSortable.mjs\";\nimport { useTemplateRef, ref } from \"vue\";\n\nconst popoverRoot = ref<HTMLElement | null>(null);\nconst el = useTemplateRef<HTMLElement>(\"popoverList\");\n\nconst props = withDefaults(defineProps<PvPopoverProps>(), {\n  alignment: undefined,\n  isList: false,\n  cssCustomProperties: () => ({}),\n});\n\nconst emit = defineEmits<{\n  (e: \"list-order-updated\", value: string[]): void;\n}>();\n\nif (props.isSortable && props.isList) {\n  useSortable(el, [], {\n    animation: 150,\n    onUpdate: () => {\n      const newIds = Array.from(el.value?.children || []).map((child) => (child as HTMLElement).id);\n      emit(\"list-order-updated\", newIds);\n    },\n  });\n}\n\ndefineExpose({ popoverRoot });\n</script>\n<template>\n  <div\n    ref=\"popoverRoot\"\n    class=\"pv-popover\"\n    data-testid=\"pv-popover\"\n    :data-align=\"alignment\"\n    :style=\"cssCustomProperties\"\n  >\n    <ul v-if=\"isList\" ref=\"popoverList\" role=\"list\" class=\"pv-popover-list\" :style=\"cssCustomListProperties\">\n      <slot></slot>\n    </ul>\n    <slot v-else></slot>\n  </div>\n</template>\n\n<style scoped>\n.pv-popover-list {\n  font-size: 14px;\n}\n</style>\n","<script lang=\"ts\">\nimport { CSSProperties } from \"vue\";\n\nexport interface PvPopoverProps {\n  /** Alignment of the popover relative to its trigger. */\n  alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n  /** Custom CSS properties applied to the popover root element. */\n  cssCustomProperties?: CSSProperties;\n  /** Custom CSS properties applied to the inner list element (when isList is true). */\n  cssCustomListProperties?: CSSProperties;\n  /** When true, renders the content inside a `<ul>` list element. */\n  isList?: boolean;\n  /** When true and isList is true, enables drag-and-drop reordering of list items. */\n  isSortable?: boolean;\n}\n</script>\n<script setup lang=\"ts\">\nimport { useSortable } from \"@vueuse/integrations/useSortable.mjs\";\nimport { useTemplateRef, ref } from \"vue\";\n\nconst popoverRoot = ref<HTMLElement | null>(null);\nconst el = useTemplateRef<HTMLElement>(\"popoverList\");\n\nconst props = withDefaults(defineProps<PvPopoverProps>(), {\n  alignment: undefined,\n  isList: false,\n  cssCustomProperties: () => ({}),\n});\n\nconst emit = defineEmits<{\n  (e: \"list-order-updated\", value: string[]): void;\n}>();\n\nif (props.isSortable && props.isList) {\n  useSortable(el, [], {\n    animation: 150,\n    onUpdate: () => {\n      const newIds = Array.from(el.value?.children || []).map((child) => (child as HTMLElement).id);\n      emit(\"list-order-updated\", newIds);\n    },\n  });\n}\n\ndefineExpose({ popoverRoot });\n</script>\n<template>\n  <div\n    ref=\"popoverRoot\"\n    class=\"pv-popover\"\n    data-testid=\"pv-popover\"\n    :data-align=\"alignment\"\n    :style=\"cssCustomProperties\"\n  >\n    <ul v-if=\"isList\" ref=\"popoverList\" role=\"list\" class=\"pv-popover-list\" :style=\"cssCustomListProperties\">\n      <slot></slot>\n    </ul>\n    <slot v-else></slot>\n  </div>\n</template>\n\n<style scoped>\n.pv-popover-list {\n  font-size: 14px;\n}\n</style>\n","<script lang=\"ts\">\nimport { CSSProperties } from \"vue\";\n\nexport interface PvDropdownProps {\n  defaultOpen?: boolean;\n  popoverCssProperties?: CSSProperties;\n  alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n  isList?: boolean;\n  isSortable?: boolean;\n  icon?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  useTeleport?: boolean;\n  teleportLocation?: string;\n}\n</script>\n<script setup lang=\"ts\">\nimport { computed, ref, watch, nextTick } from \"vue\";\nimport PvPopover from \"../PvPopover/PvPopover.vue\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nconst props = withDefaults(defineProps<PvDropdownProps>(), {\n  alignment: undefined,\n  isList: false,\n  defaultOpen: false,\n  disabled: false,\n  isLoading: false,\n  useTeleport: false,\n  teleportLocation: \"body\",\n});\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n  (e: \"list-order-updated\", value: string[]): void;\n}>();\nconst open = ref<boolean>(props.defaultOpen);\n\nconst triggerRef = ref<HTMLElement | null>(null);\nconst popoverRef = ref<{ popoverRoot: HTMLElement | null } | null>(null);\nconst triggerRect = ref<DOMRect | null>(null);\nconst popoverRect = ref<DOMRect | null>(null);\n\nconst updateRects = () => {\n  if (triggerRef.value) {\n    triggerRect.value = triggerRef.value.getBoundingClientRect();\n  }\n  if (popoverRef.value?.popoverRoot) {\n    popoverRect.value = popoverRef.value.popoverRoot.getBoundingClientRect();\n  }\n};\n\nconst popoverClasses = computed(() => {\n  const classes = {\n    \"pv-hide\": !open.value,\n  };\n  return classes;\n});\nconst handleClickTrigger = (e: MouseEvent) => {\n  open.value = !open.value;\n};\n\nconst closeDropdown = () => {\n  open.value = false;\n};\n\ndefineExpose({\n  closeDropdown,\n});\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    nextTick(() => {\n      updateRects();\n      emits(\"dropdown-open\");\n    });\n  } else {\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst leftOffset = computed(() => {\n  if (!triggerRect.value || !popoverRect.value) return 0;\n\n  if (props.alignment === \"right\" || props.alignment === \"top right\") {\n    return (\n      triggerRect.value.left + triggerRect.value.width - popoverRect.value.width\n    );\n  }\n  return triggerRect.value.left;\n});\n\nconst topOffset = computed(() => {\n  if (!triggerRect.value || !popoverRect.value) return 0;\n\n  if (props.alignment === \"top\" || props.alignment === \"top right\") {\n    return triggerRect.value.top - popoverRect.value.height;\n  }\n\n  return triggerRect.value.top + window.scrollY + triggerRect.value.height;\n});\n\nconst popoverPositionStyle = computed(() => {\n  if (!props.useTeleport) {\n    return props.popoverCssProperties;\n  }\n  const teleportStyles = {\n    position: \"absolute\",\n    left: `${leftOffset.value}px`,\n    top: `${topOffset.value}px`,\n    zIndex: 10,\n  } as CSSProperties;\n  return {\n    ...teleportStyles,\n    ...props.popoverCssProperties,\n  };\n});\n</script>\n<template>\n  <div\n    class=\"pv-relative\"\n    v-on-click-outside=\"closeDropdown\"\n    style=\"width: fit-content\"\n  >\n    <button\n      ref=\"triggerRef\"\n      :class=\"{ 'pv-select': !icon, 'pv-icon-button': icon }\"\n      style=\"width: auto\"\n      @click=\"handleClickTrigger\"\n      :disabled=\"disabled\"\n    >\n      <slot name=\"trigger\">Open</slot>\n    </button>\n    <Teleport :to=\"teleportLocation\" :disabled=\"!useTeleport\">\n      <PvPopover\n        ref=\"popoverRef\"\n        :class=\"popoverClasses\"\n        :css-custom-properties=\"popoverPositionStyle\"\n        :alignment=\"alignment\"\n        :isList=\"isList\"\n        :isSortable=\"isSortable\"\n        @list-order-updated=\"$emit('list-order-updated', $event)\"\n        ><slot\n          ><span v-if=\"isLoading\" class=\"pv-shimmer\">Loading...</span></slot\n        ></PvPopover\n      >\n    </Teleport>\n  </div>\n</template>\n\n<style scoped>\n.pv-icon-button {\n  background-color: transparent;\n  border: none;\n}\n.pv-icon-button:hover {\n  cursor: pointer;\n  color: #176f6f;\n}\n.pv-select {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n</style>\n","<script lang=\"ts\">\nimport { CSSProperties } from \"vue\";\n\nexport interface PvDropdownProps {\n  defaultOpen?: boolean;\n  popoverCssProperties?: CSSProperties;\n  alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n  isList?: boolean;\n  isSortable?: boolean;\n  icon?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  useTeleport?: boolean;\n  teleportLocation?: string;\n}\n</script>\n<script setup lang=\"ts\">\nimport { computed, ref, watch, nextTick } from \"vue\";\nimport PvPopover from \"../PvPopover/PvPopover.vue\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nconst props = withDefaults(defineProps<PvDropdownProps>(), {\n  alignment: undefined,\n  isList: false,\n  defaultOpen: false,\n  disabled: false,\n  isLoading: false,\n  useTeleport: false,\n  teleportLocation: \"body\",\n});\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n  (e: \"list-order-updated\", value: string[]): void;\n}>();\nconst open = ref<boolean>(props.defaultOpen);\n\nconst triggerRef = ref<HTMLElement | null>(null);\nconst popoverRef = ref<{ popoverRoot: HTMLElement | null } | null>(null);\nconst triggerRect = ref<DOMRect | null>(null);\nconst popoverRect = ref<DOMRect | null>(null);\n\nconst updateRects = () => {\n  if (triggerRef.value) {\n    triggerRect.value = triggerRef.value.getBoundingClientRect();\n  }\n  if (popoverRef.value?.popoverRoot) {\n    popoverRect.value = popoverRef.value.popoverRoot.getBoundingClientRect();\n  }\n};\n\nconst popoverClasses = computed(() => {\n  const classes = {\n    \"pv-hide\": !open.value,\n  };\n  return classes;\n});\nconst handleClickTrigger = (e: MouseEvent) => {\n  open.value = !open.value;\n};\n\nconst closeDropdown = () => {\n  open.value = false;\n};\n\ndefineExpose({\n  closeDropdown,\n});\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    nextTick(() => {\n      updateRects();\n      emits(\"dropdown-open\");\n    });\n  } else {\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst leftOffset = computed(() => {\n  if (!triggerRect.value || !popoverRect.value) return 0;\n\n  if (props.alignment === \"right\" || props.alignment === \"top right\") {\n    return (\n      triggerRect.value.left + triggerRect.value.width - popoverRect.value.width\n    );\n  }\n  return triggerRect.value.left;\n});\n\nconst topOffset = computed(() => {\n  if (!triggerRect.value || !popoverRect.value) return 0;\n\n  if (props.alignment === \"top\" || props.alignment === \"top right\") {\n    return triggerRect.value.top - popoverRect.value.height;\n  }\n\n  return triggerRect.value.top + window.scrollY + triggerRect.value.height;\n});\n\nconst popoverPositionStyle = computed(() => {\n  if (!props.useTeleport) {\n    return props.popoverCssProperties;\n  }\n  const teleportStyles = {\n    position: \"absolute\",\n    left: `${leftOffset.value}px`,\n    top: `${topOffset.value}px`,\n    zIndex: 10,\n  } as CSSProperties;\n  return {\n    ...teleportStyles,\n    ...props.popoverCssProperties,\n  };\n});\n</script>\n<template>\n  <div\n    class=\"pv-relative\"\n    v-on-click-outside=\"closeDropdown\"\n    style=\"width: fit-content\"\n  >\n    <button\n      ref=\"triggerRef\"\n      :class=\"{ 'pv-select': !icon, 'pv-icon-button': icon }\"\n      style=\"width: auto\"\n      @click=\"handleClickTrigger\"\n      :disabled=\"disabled\"\n    >\n      <slot name=\"trigger\">Open</slot>\n    </button>\n    <Teleport :to=\"teleportLocation\" :disabled=\"!useTeleport\">\n      <PvPopover\n        ref=\"popoverRef\"\n        :class=\"popoverClasses\"\n        :css-custom-properties=\"popoverPositionStyle\"\n        :alignment=\"alignment\"\n        :isList=\"isList\"\n        :isSortable=\"isSortable\"\n        @list-order-updated=\"$emit('list-order-updated', $event)\"\n        ><slot\n          ><span v-if=\"isLoading\" class=\"pv-shimmer\">Loading...</span></slot\n        ></PvPopover\n      >\n    </Teleport>\n  </div>\n</template>\n\n<style scoped>\n.pv-icon-button {\n  background-color: transparent;\n  border: none;\n}\n.pv-icon-button:hover {\n  cursor: pointer;\n  color: #176f6f;\n}\n.pv-select {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvPopover from \"../PvPopover/PvPopover.vue\";\nimport { CSSProperties } from \"vue\";\n\nwithDefaults(\n  defineProps<{\n    /** Alignment of the popover dropdown relative to its trigger. */\n    alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n    /** Custom CSS properties applied to the popover container. */\n    cssCustomProperties?: CSSProperties;\n  }>(),\n  {\n    alignment: undefined,\n    cssCustomProperties: () => ({}),\n  },\n);\n</script>\n\n<template>\n  <nav class=\"pv-popover-menu\">\n    <slot name=\"trigger\"></slot>\n    <PvPopover is-list :alignment=\"alignment\" :css-custom-properties=\"cssCustomProperties\">\n      <slot name=\"content\"></slot>\n    </PvPopover>\n  </nav>\n</template>\n","<script setup lang=\"ts\">\nimport PvPopover from \"../PvPopover/PvPopover.vue\";\nimport { CSSProperties } from \"vue\";\n\nwithDefaults(\n  defineProps<{\n    /** Alignment of the popover dropdown relative to its trigger. */\n    alignment?: \"top\" | \"right\" | \"top right\" | undefined;\n    /** Custom CSS properties applied to the popover container. */\n    cssCustomProperties?: CSSProperties;\n  }>(),\n  {\n    alignment: undefined,\n    cssCustomProperties: () => ({}),\n  },\n);\n</script>\n\n<template>\n  <nav class=\"pv-popover-menu\">\n    <slot name=\"trigger\"></slot>\n    <PvPopover is-list :alignment=\"alignment\" :css-custom-properties=\"cssCustomProperties\">\n      <slot name=\"content\"></slot>\n    </PvPopover>\n  </nav>\n</template>\n","/**\n * Custom positioning reference element.\n * @see https://floating-ui.com/docs/virtual-elements\n */\n\nconst sides = ['top', 'right', 'bottom', 'left'];\nconst alignments = ['start', 'end'];\nconst placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + \"-\" + alignments[0], side + \"-\" + alignments[1]), []);\nconst min = Math.min;\nconst max = Math.max;\nconst round = Math.round;\nconst floor = Math.floor;\nconst createCoords = v => ({\n  x: v,\n  y: v\n});\nconst oppositeSideMap = {\n  left: 'right',\n  right: 'left',\n  bottom: 'top',\n  top: 'bottom'\n};\nfunction clamp(start, value, end) {\n  return max(start, min(value, end));\n}\nfunction evaluate(value, param) {\n  return typeof value === 'function' ? value(param) : value;\n}\nfunction getSide(placement) {\n  return placement.split('-')[0];\n}\nfunction getAlignment(placement) {\n  return placement.split('-')[1];\n}\nfunction getOppositeAxis(axis) {\n  return axis === 'x' ? 'y' : 'x';\n}\nfunction getAxisLength(axis) {\n  return axis === 'y' ? 'height' : 'width';\n}\nfunction getSideAxis(placement) {\n  const firstChar = placement[0];\n  return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';\n}\nfunction getAlignmentAxis(placement) {\n  return getOppositeAxis(getSideAxis(placement));\n}\nfunction getAlignmentSides(placement, rects, rtl) {\n  if (rtl === void 0) {\n    rtl = false;\n  }\n  const alignment = getAlignment(placement);\n  const alignmentAxis = getAlignmentAxis(placement);\n  const length = getAxisLength(alignmentAxis);\n  let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';\n  if (rects.reference[length] > rects.floating[length]) {\n    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);\n  }\n  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];\n}\nfunction getExpandedPlacements(placement) {\n  const oppositePlacement = getOppositePlacement(placement);\n  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];\n}\nfunction getOppositeAlignmentPlacement(placement) {\n  return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');\n}\nconst lrPlacement = ['left', 'right'];\nconst rlPlacement = ['right', 'left'];\nconst tbPlacement = ['top', 'bottom'];\nconst btPlacement = ['bottom', 'top'];\nfunction getSideList(side, isStart, rtl) {\n  switch (side) {\n    case 'top':\n    case 'bottom':\n      if (rtl) return isStart ? rlPlacement : lrPlacement;\n      return isStart ? lrPlacement : rlPlacement;\n    case 'left':\n    case 'right':\n      return isStart ? tbPlacement : btPlacement;\n    default:\n      return [];\n  }\n}\nfunction getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {\n  const alignment = getAlignment(placement);\n  let list = getSideList(getSide(placement), direction === 'start', rtl);\n  if (alignment) {\n    list = list.map(side => side + \"-\" + alignment);\n    if (flipAlignment) {\n      list = list.concat(list.map(getOppositeAlignmentPlacement));\n    }\n  }\n  return list;\n}\nfunction getOppositePlacement(placement) {\n  const side = getSide(placement);\n  return oppositeSideMap[side] + placement.slice(side.length);\n}\nfunction expandPaddingObject(padding) {\n  return {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    ...padding\n  };\n}\nfunction getPaddingObject(padding) {\n  return typeof padding !== 'number' ? expandPaddingObject(padding) : {\n    top: padding,\n    right: padding,\n    bottom: padding,\n    left: padding\n  };\n}\nfunction rectToClientRect(rect) {\n  const {\n    x,\n    y,\n    width,\n    height\n  } = rect;\n  return {\n    width,\n    height,\n    top: y,\n    left: x,\n    right: x + width,\n    bottom: y + height,\n    x,\n    y\n  };\n}\n\nexport { alignments, clamp, createCoords, evaluate, expandPaddingObject, floor, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, round, sides };\n","import { getSideAxis, getAlignmentAxis, getAxisLength, getSide, getAlignment, evaluate, getPaddingObject, rectToClientRect, min, clamp, placements, getAlignmentSides, getOppositeAlignmentPlacement, getOppositePlacement, getExpandedPlacements, getOppositeAxisPlacements, sides, max, getOppositeAxis } from '@floating-ui/utils';\nexport { rectToClientRect } from '@floating-ui/utils';\n\nfunction computeCoordsFromPlacement(_ref, placement, rtl) {\n  let {\n    reference,\n    floating\n  } = _ref;\n  const sideAxis = getSideAxis(placement);\n  const alignmentAxis = getAlignmentAxis(placement);\n  const alignLength = getAxisLength(alignmentAxis);\n  const side = getSide(placement);\n  const isVertical = sideAxis === 'y';\n  const commonX = reference.x + reference.width / 2 - floating.width / 2;\n  const commonY = reference.y + reference.height / 2 - floating.height / 2;\n  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;\n  let coords;\n  switch (side) {\n    case 'top':\n      coords = {\n        x: commonX,\n        y: reference.y - floating.height\n      };\n      break;\n    case 'bottom':\n      coords = {\n        x: commonX,\n        y: reference.y + reference.height\n      };\n      break;\n    case 'right':\n      coords = {\n        x: reference.x + reference.width,\n        y: commonY\n      };\n      break;\n    case 'left':\n      coords = {\n        x: reference.x - floating.width,\n        y: commonY\n      };\n      break;\n    default:\n      coords = {\n        x: reference.x,\n        y: reference.y\n      };\n  }\n  switch (getAlignment(placement)) {\n    case 'start':\n      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);\n      break;\n    case 'end':\n      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);\n      break;\n  }\n  return coords;\n}\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nasync function detectOverflow(state, options) {\n  var _await$platform$isEle;\n  if (options === void 0) {\n    options = {};\n  }\n  const {\n    x,\n    y,\n    platform,\n    rects,\n    elements,\n    strategy\n  } = state;\n  const {\n    boundary = 'clippingAncestors',\n    rootBoundary = 'viewport',\n    elementContext = 'floating',\n    altBoundary = false,\n    padding = 0\n  } = evaluate(options, state);\n  const paddingObject = getPaddingObject(padding);\n  const altContext = elementContext === 'floating' ? 'reference' : 'floating';\n  const element = elements[altBoundary ? altContext : elementContext];\n  const clippingClientRect = rectToClientRect(await platform.getClippingRect({\n    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),\n    boundary,\n    rootBoundary,\n    strategy\n  }));\n  const rect = elementContext === 'floating' ? {\n    x,\n    y,\n    width: rects.floating.width,\n    height: rects.floating.height\n  } : rects.reference;\n  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));\n  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {\n    x: 1,\n    y: 1\n  } : {\n    x: 1,\n    y: 1\n  };\n  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({\n    elements,\n    rect,\n    offsetParent,\n    strategy\n  }) : rect);\n  return {\n    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,\n    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,\n    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,\n    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x\n  };\n}\n\n// Maximum number of resets that can occur before bailing to avoid infinite reset loops.\nconst MAX_RESET_COUNT = 50;\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n *\n * This export does not have any `platform` interface logic. You will need to\n * write one for the platform you are using Floating UI with.\n */\nconst computePosition = async (reference, floating, config) => {\n  const {\n    placement = 'bottom',\n    strategy = 'absolute',\n    middleware = [],\n    platform\n  } = config;\n  const platformWithDetectOverflow = platform.detectOverflow ? platform : {\n    ...platform,\n    detectOverflow\n  };\n  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));\n  let rects = await platform.getElementRects({\n    reference,\n    floating,\n    strategy\n  });\n  let {\n    x,\n    y\n  } = computeCoordsFromPlacement(rects, placement, rtl);\n  let statefulPlacement = placement;\n  let resetCount = 0;\n  const middlewareData = {};\n  for (let i = 0; i < middleware.length; i++) {\n    const currentMiddleware = middleware[i];\n    if (!currentMiddleware) {\n      continue;\n    }\n    const {\n      name,\n      fn\n    } = currentMiddleware;\n    const {\n      x: nextX,\n      y: nextY,\n      data,\n      reset\n    } = await fn({\n      x,\n      y,\n      initialPlacement: placement,\n      placement: statefulPlacement,\n      strategy,\n      middlewareData,\n      rects,\n      platform: platformWithDetectOverflow,\n      elements: {\n        reference,\n        floating\n      }\n    });\n    x = nextX != null ? nextX : x;\n    y = nextY != null ? nextY : y;\n    middlewareData[name] = {\n      ...middlewareData[name],\n      ...data\n    };\n    if (reset && resetCount < MAX_RESET_COUNT) {\n      resetCount++;\n      if (typeof reset === 'object') {\n        if (reset.placement) {\n          statefulPlacement = reset.placement;\n        }\n        if (reset.rects) {\n          rects = reset.rects === true ? await platform.getElementRects({\n            reference,\n            floating,\n            strategy\n          }) : reset.rects;\n        }\n        ({\n          x,\n          y\n        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));\n      }\n      i = -1;\n    }\n  }\n  return {\n    x,\n    y,\n    placement: statefulPlacement,\n    strategy,\n    middlewareData\n  };\n};\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = options => ({\n  name: 'arrow',\n  options,\n  async fn(state) {\n    const {\n      x,\n      y,\n      placement,\n      rects,\n      platform,\n      elements,\n      middlewareData\n    } = state;\n    // Since `element` is required, we don't Partial<> the type.\n    const {\n      element,\n      padding = 0\n    } = evaluate(options, state) || {};\n    if (element == null) {\n      return {};\n    }\n    const paddingObject = getPaddingObject(padding);\n    const coords = {\n      x,\n      y\n    };\n    const axis = getAlignmentAxis(placement);\n    const length = getAxisLength(axis);\n    const arrowDimensions = await platform.getDimensions(element);\n    const isYAxis = axis === 'y';\n    const minProp = isYAxis ? 'top' : 'left';\n    const maxProp = isYAxis ? 'bottom' : 'right';\n    const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';\n    const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];\n    const startDiff = coords[axis] - rects.reference[axis];\n    const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));\n    let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;\n\n    // DOM platform can return `window` as the `offsetParent`.\n    if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {\n      clientSize = elements.floating[clientProp] || rects.floating[length];\n    }\n    const centerToReference = endDiff / 2 - startDiff / 2;\n\n    // If the padding is large enough that it causes the arrow to no longer be\n    // centered, modify the padding so that it is centered.\n    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;\n    const minPadding = min(paddingObject[minProp], largestPossiblePadding);\n    const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);\n\n    // Make sure the arrow doesn't overflow the floating element if the center\n    // point is outside the floating element's bounds.\n    const min$1 = minPadding;\n    const max = clientSize - arrowDimensions[length] - maxPadding;\n    const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;\n    const offset = clamp(min$1, center, max);\n\n    // If the reference is small enough that the arrow's padding causes it to\n    // to point to nothing for an aligned placement, adjust the offset of the\n    // floating element itself. To ensure `shift()` continues to take action,\n    // a single reset is performed when this is true.\n    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;\n    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;\n    return {\n      [axis]: coords[axis] + alignmentOffset,\n      data: {\n        [axis]: offset,\n        centerOffset: center - offset - alignmentOffset,\n        ...(shouldAddOffset && {\n          alignmentOffset\n        })\n      },\n      reset: shouldAddOffset\n    };\n  }\n});\n\nfunction getPlacementList(alignment, autoAlignment, allowedPlacements) {\n  const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);\n  return allowedPlacementsSortedByAlignment.filter(placement => {\n    if (alignment) {\n      return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);\n    }\n    return true;\n  });\n}\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'autoPlacement',\n    options,\n    async fn(state) {\n      var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;\n      const {\n        rects,\n        middlewareData,\n        placement,\n        platform,\n        elements\n      } = state;\n      const {\n        crossAxis = false,\n        alignment,\n        allowedPlacements = placements,\n        autoAlignment = true,\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n      const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;\n      const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n      const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;\n      const currentPlacement = placements$1[currentIndex];\n      if (currentPlacement == null) {\n        return {};\n      }\n      const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));\n\n      // Make `computeCoords` start from the right place.\n      if (placement !== currentPlacement) {\n        return {\n          reset: {\n            placement: placements$1[0]\n          }\n        };\n      }\n      const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];\n      const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {\n        placement: currentPlacement,\n        overflows: currentOverflows\n      }];\n      const nextPlacement = placements$1[currentIndex + 1];\n\n      // There are more placements to check.\n      if (nextPlacement) {\n        return {\n          data: {\n            index: currentIndex + 1,\n            overflows: allOverflows\n          },\n          reset: {\n            placement: nextPlacement\n          }\n        };\n      }\n      const placementsSortedByMostSpace = allOverflows.map(d => {\n        const alignment = getAlignment(d.placement);\n        return [d.placement, alignment && crossAxis ?\n        // Check along the mainAxis and main crossAxis side.\n        d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :\n        // Check only the mainAxis.\n        d.overflows[0], d.overflows];\n      }).sort((a, b) => a[1] - b[1]);\n      const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,\n      // Aligned placements should not check their opposite crossAxis\n      // side.\n      getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));\n      const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];\n      if (resetPlacement !== placement) {\n        return {\n          data: {\n            index: currentIndex + 1,\n            overflows: allOverflows\n          },\n          reset: {\n            placement: resetPlacement\n          }\n        };\n      }\n      return {};\n    }\n  };\n};\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'flip',\n    options,\n    async fn(state) {\n      var _middlewareData$arrow, _middlewareData$flip;\n      const {\n        placement,\n        middlewareData,\n        rects,\n        initialPlacement,\n        platform,\n        elements\n      } = state;\n      const {\n        mainAxis: checkMainAxis = true,\n        crossAxis: checkCrossAxis = true,\n        fallbackPlacements: specifiedFallbackPlacements,\n        fallbackStrategy = 'bestFit',\n        fallbackAxisSideDirection = 'none',\n        flipAlignment = true,\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n\n      // If a reset by the arrow was caused due to an alignment offset being\n      // added, we should skip any logic now since `flip()` has already done its\n      // work.\n      // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643\n      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n        return {};\n      }\n      const side = getSide(placement);\n      const initialSideAxis = getSideAxis(initialPlacement);\n      const isBasePlacement = getSide(initialPlacement) === initialPlacement;\n      const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n      const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));\n      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';\n      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {\n        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));\n      }\n      const placements = [initialPlacement, ...fallbackPlacements];\n      const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n      const overflows = [];\n      let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];\n      if (checkMainAxis) {\n        overflows.push(overflow[side]);\n      }\n      if (checkCrossAxis) {\n        const sides = getAlignmentSides(placement, rects, rtl);\n        overflows.push(overflow[sides[0]], overflow[sides[1]]);\n      }\n      overflowsData = [...overflowsData, {\n        placement,\n        overflows\n      }];\n\n      // One or more sides is overflowing.\n      if (!overflows.every(side => side <= 0)) {\n        var _middlewareData$flip2, _overflowsData$filter;\n        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;\n        const nextPlacement = placements[nextIndex];\n        if (nextPlacement) {\n          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;\n          if (!ignoreCrossAxisOverflow ||\n          // We leave the current main axis only if every placement on that axis\n          // overflows the main axis.\n          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {\n            // Try next placement and re-run the lifecycle.\n            return {\n              data: {\n                index: nextIndex,\n                overflows: overflowsData\n              },\n              reset: {\n                placement: nextPlacement\n              }\n            };\n          }\n        }\n\n        // First, find the candidates that fit on the mainAxis side of overflow,\n        // then find the placement that fits the best on the main crossAxis side.\n        let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;\n\n        // Otherwise fallback.\n        if (!resetPlacement) {\n          switch (fallbackStrategy) {\n            case 'bestFit':\n              {\n                var _overflowsData$filter2;\n                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {\n                  if (hasFallbackAxisSideDirection) {\n                    const currentSideAxis = getSideAxis(d.placement);\n                    return currentSideAxis === initialSideAxis ||\n                    // Create a bias to the `y` side axis due to horizontal\n                    // reading directions favoring greater width.\n                    currentSideAxis === 'y';\n                  }\n                  return true;\n                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];\n                if (placement) {\n                  resetPlacement = placement;\n                }\n                break;\n              }\n            case 'initialPlacement':\n              resetPlacement = initialPlacement;\n              break;\n          }\n        }\n        if (placement !== resetPlacement) {\n          return {\n            reset: {\n              placement: resetPlacement\n            }\n          };\n        }\n      }\n      return {};\n    }\n  };\n};\n\nfunction getSideOffsets(overflow, rect) {\n  return {\n    top: overflow.top - rect.height,\n    right: overflow.right - rect.width,\n    bottom: overflow.bottom - rect.height,\n    left: overflow.left - rect.width\n  };\n}\nfunction isAnySideFullyClipped(overflow) {\n  return sides.some(side => overflow[side] >= 0);\n}\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'hide',\n    options,\n    async fn(state) {\n      const {\n        rects,\n        platform\n      } = state;\n      const {\n        strategy = 'referenceHidden',\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n      switch (strategy) {\n        case 'referenceHidden':\n          {\n            const overflow = await platform.detectOverflow(state, {\n              ...detectOverflowOptions,\n              elementContext: 'reference'\n            });\n            const offsets = getSideOffsets(overflow, rects.reference);\n            return {\n              data: {\n                referenceHiddenOffsets: offsets,\n                referenceHidden: isAnySideFullyClipped(offsets)\n              }\n            };\n          }\n        case 'escaped':\n          {\n            const overflow = await platform.detectOverflow(state, {\n              ...detectOverflowOptions,\n              altBoundary: true\n            });\n            const offsets = getSideOffsets(overflow, rects.floating);\n            return {\n              data: {\n                escapedOffsets: offsets,\n                escaped: isAnySideFullyClipped(offsets)\n              }\n            };\n          }\n        default:\n          {\n            return {};\n          }\n      }\n    }\n  };\n};\n\nfunction getBoundingRect(rects) {\n  const minX = min(...rects.map(rect => rect.left));\n  const minY = min(...rects.map(rect => rect.top));\n  const maxX = max(...rects.map(rect => rect.right));\n  const maxY = max(...rects.map(rect => rect.bottom));\n  return {\n    x: minX,\n    y: minY,\n    width: maxX - minX,\n    height: maxY - minY\n  };\n}\nfunction getRectsByLine(rects) {\n  const sortedRects = rects.slice().sort((a, b) => a.y - b.y);\n  const groups = [];\n  let prevRect = null;\n  for (let i = 0; i < sortedRects.length; i++) {\n    const rect = sortedRects[i];\n    if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {\n      groups.push([rect]);\n    } else {\n      groups[groups.length - 1].push(rect);\n    }\n    prevRect = rect;\n  }\n  return groups.map(rect => rectToClientRect(getBoundingRect(rect)));\n}\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'inline',\n    options,\n    async fn(state) {\n      const {\n        placement,\n        elements,\n        rects,\n        platform,\n        strategy\n      } = state;\n      // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a\n      // ClientRect's bounds, despite the event listener being triggered. A\n      // padding of 2 seems to handle this issue.\n      const {\n        padding = 2,\n        x,\n        y\n      } = evaluate(options, state);\n      const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);\n      const clientRects = getRectsByLine(nativeClientRects);\n      const fallback = rectToClientRect(getBoundingRect(nativeClientRects));\n      const paddingObject = getPaddingObject(padding);\n      function getBoundingClientRect() {\n        // There are two rects and they are disjoined.\n        if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {\n          // Find the first rect in which the point is fully inside.\n          return clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;\n        }\n\n        // There are 2 or more connected rects.\n        if (clientRects.length >= 2) {\n          if (getSideAxis(placement) === 'y') {\n            const firstRect = clientRects[0];\n            const lastRect = clientRects[clientRects.length - 1];\n            const isTop = getSide(placement) === 'top';\n            const top = firstRect.top;\n            const bottom = lastRect.bottom;\n            const left = isTop ? firstRect.left : lastRect.left;\n            const right = isTop ? firstRect.right : lastRect.right;\n            const width = right - left;\n            const height = bottom - top;\n            return {\n              top,\n              bottom,\n              left,\n              right,\n              width,\n              height,\n              x: left,\n              y: top\n            };\n          }\n          const isLeftSide = getSide(placement) === 'left';\n          const maxRight = max(...clientRects.map(rect => rect.right));\n          const minLeft = min(...clientRects.map(rect => rect.left));\n          const measureRects = clientRects.filter(rect => isLeftSide ? rect.left === minLeft : rect.right === maxRight);\n          const top = measureRects[0].top;\n          const bottom = measureRects[measureRects.length - 1].bottom;\n          const left = minLeft;\n          const right = maxRight;\n          const width = right - left;\n          const height = bottom - top;\n          return {\n            top,\n            bottom,\n            left,\n            right,\n            width,\n            height,\n            x: left,\n            y: top\n          };\n        }\n        return fallback;\n      }\n      const resetRects = await platform.getElementRects({\n        reference: {\n          getBoundingClientRect\n        },\n        floating: elements.floating,\n        strategy\n      });\n      if (rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height) {\n        return {\n          reset: {\n            rects: resetRects\n          }\n        };\n      }\n      return {};\n    }\n  };\n};\n\nconst originSides = /*#__PURE__*/new Set(['left', 'top']);\n\n// For type backwards-compatibility, the `OffsetOptions` type was also\n// Derivable.\n\nasync function convertValueToCoords(state, options) {\n  const {\n    placement,\n    platform,\n    elements\n  } = state;\n  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));\n  const side = getSide(placement);\n  const alignment = getAlignment(placement);\n  const isVertical = getSideAxis(placement) === 'y';\n  const mainAxisMulti = originSides.has(side) ? -1 : 1;\n  const crossAxisMulti = rtl && isVertical ? -1 : 1;\n  const rawValue = evaluate(options, state);\n\n  // eslint-disable-next-line prefer-const\n  let {\n    mainAxis,\n    crossAxis,\n    alignmentAxis\n  } = typeof rawValue === 'number' ? {\n    mainAxis: rawValue,\n    crossAxis: 0,\n    alignmentAxis: null\n  } : {\n    mainAxis: rawValue.mainAxis || 0,\n    crossAxis: rawValue.crossAxis || 0,\n    alignmentAxis: rawValue.alignmentAxis\n  };\n  if (alignment && typeof alignmentAxis === 'number') {\n    crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;\n  }\n  return isVertical ? {\n    x: crossAxis * crossAxisMulti,\n    y: mainAxis * mainAxisMulti\n  } : {\n    x: mainAxis * mainAxisMulti,\n    y: crossAxis * crossAxisMulti\n  };\n}\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = function (options) {\n  if (options === void 0) {\n    options = 0;\n  }\n  return {\n    name: 'offset',\n    options,\n    async fn(state) {\n      var _middlewareData$offse, _middlewareData$arrow;\n      const {\n        x,\n        y,\n        placement,\n        middlewareData\n      } = state;\n      const diffCoords = await convertValueToCoords(state, options);\n\n      // If the placement is the same and the arrow caused an alignment offset\n      // then we don't need to change the positioning coordinates.\n      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {\n        return {};\n      }\n      return {\n        x: x + diffCoords.x,\n        y: y + diffCoords.y,\n        data: {\n          ...diffCoords,\n          placement\n        }\n      };\n    }\n  };\n};\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'shift',\n    options,\n    async fn(state) {\n      const {\n        x,\n        y,\n        placement,\n        platform\n      } = state;\n      const {\n        mainAxis: checkMainAxis = true,\n        crossAxis: checkCrossAxis = false,\n        limiter = {\n          fn: _ref => {\n            let {\n              x,\n              y\n            } = _ref;\n            return {\n              x,\n              y\n            };\n          }\n        },\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n      const coords = {\n        x,\n        y\n      };\n      const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n      const crossAxis = getSideAxis(getSide(placement));\n      const mainAxis = getOppositeAxis(crossAxis);\n      let mainAxisCoord = coords[mainAxis];\n      let crossAxisCoord = coords[crossAxis];\n      if (checkMainAxis) {\n        const minSide = mainAxis === 'y' ? 'top' : 'left';\n        const maxSide = mainAxis === 'y' ? 'bottom' : 'right';\n        const min = mainAxisCoord + overflow[minSide];\n        const max = mainAxisCoord - overflow[maxSide];\n        mainAxisCoord = clamp(min, mainAxisCoord, max);\n      }\n      if (checkCrossAxis) {\n        const minSide = crossAxis === 'y' ? 'top' : 'left';\n        const maxSide = crossAxis === 'y' ? 'bottom' : 'right';\n        const min = crossAxisCoord + overflow[minSide];\n        const max = crossAxisCoord - overflow[maxSide];\n        crossAxisCoord = clamp(min, crossAxisCoord, max);\n      }\n      const limitedCoords = limiter.fn({\n        ...state,\n        [mainAxis]: mainAxisCoord,\n        [crossAxis]: crossAxisCoord\n      });\n      return {\n        ...limitedCoords,\n        data: {\n          x: limitedCoords.x - x,\n          y: limitedCoords.y - y,\n          enabled: {\n            [mainAxis]: checkMainAxis,\n            [crossAxis]: checkCrossAxis\n          }\n        }\n      };\n    }\n  };\n};\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    options,\n    fn(state) {\n      const {\n        x,\n        y,\n        placement,\n        rects,\n        middlewareData\n      } = state;\n      const {\n        offset = 0,\n        mainAxis: checkMainAxis = true,\n        crossAxis: checkCrossAxis = true\n      } = evaluate(options, state);\n      const coords = {\n        x,\n        y\n      };\n      const crossAxis = getSideAxis(placement);\n      const mainAxis = getOppositeAxis(crossAxis);\n      let mainAxisCoord = coords[mainAxis];\n      let crossAxisCoord = coords[crossAxis];\n      const rawOffset = evaluate(offset, state);\n      const computedOffset = typeof rawOffset === 'number' ? {\n        mainAxis: rawOffset,\n        crossAxis: 0\n      } : {\n        mainAxis: 0,\n        crossAxis: 0,\n        ...rawOffset\n      };\n      if (checkMainAxis) {\n        const len = mainAxis === 'y' ? 'height' : 'width';\n        const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;\n        const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;\n        if (mainAxisCoord < limitMin) {\n          mainAxisCoord = limitMin;\n        } else if (mainAxisCoord > limitMax) {\n          mainAxisCoord = limitMax;\n        }\n      }\n      if (checkCrossAxis) {\n        var _middlewareData$offse, _middlewareData$offse2;\n        const len = mainAxis === 'y' ? 'width' : 'height';\n        const isOriginSide = originSides.has(getSide(placement));\n        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);\n        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);\n        if (crossAxisCoord < limitMin) {\n          crossAxisCoord = limitMin;\n        } else if (crossAxisCoord > limitMax) {\n          crossAxisCoord = limitMax;\n        }\n      }\n      return {\n        [mainAxis]: mainAxisCoord,\n        [crossAxis]: crossAxisCoord\n      };\n    }\n  };\n};\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = function (options) {\n  if (options === void 0) {\n    options = {};\n  }\n  return {\n    name: 'size',\n    options,\n    async fn(state) {\n      var _state$middlewareData, _state$middlewareData2;\n      const {\n        placement,\n        rects,\n        platform,\n        elements\n      } = state;\n      const {\n        apply = () => {},\n        ...detectOverflowOptions\n      } = evaluate(options, state);\n      const overflow = await platform.detectOverflow(state, detectOverflowOptions);\n      const side = getSide(placement);\n      const alignment = getAlignment(placement);\n      const isYAxis = getSideAxis(placement) === 'y';\n      const {\n        width,\n        height\n      } = rects.floating;\n      let heightSide;\n      let widthSide;\n      if (side === 'top' || side === 'bottom') {\n        heightSide = side;\n        widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';\n      } else {\n        widthSide = side;\n        heightSide = alignment === 'end' ? 'top' : 'bottom';\n      }\n      const maximumClippingHeight = height - overflow.top - overflow.bottom;\n      const maximumClippingWidth = width - overflow.left - overflow.right;\n      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);\n      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);\n      const noShift = !state.middlewareData.shift;\n      let availableHeight = overflowAvailableHeight;\n      let availableWidth = overflowAvailableWidth;\n      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {\n        availableWidth = maximumClippingWidth;\n      }\n      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {\n        availableHeight = maximumClippingHeight;\n      }\n      if (noShift && !alignment) {\n        const xMin = max(overflow.left, 0);\n        const xMax = max(overflow.right, 0);\n        const yMin = max(overflow.top, 0);\n        const yMax = max(overflow.bottom, 0);\n        if (isYAxis) {\n          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));\n        } else {\n          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));\n        }\n      }\n      await apply({\n        ...state,\n        availableWidth,\n        availableHeight\n      });\n      const nextDimensions = await platform.getDimensions(elements.floating);\n      if (width !== nextDimensions.width || height !== nextDimensions.height) {\n        return {\n          reset: {\n            rects: true\n          }\n        };\n      }\n      return {};\n    }\n  };\n};\n\nexport { arrow, autoPlacement, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, shift, size };\n","function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';\n}\nfunction isTableElement(element) {\n  return /^(table|td|th)$/.test(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  try {\n    if (element.matches(':popover-open')) {\n      return true;\n    }\n  } catch (_e) {\n    // no-op\n  }\n  try {\n    return element.matches(':modal');\n  } catch (_e) {\n    return false;\n  }\n}\nconst willChangeRe = /transform|translate|scale|rotate|perspective|filter/;\nconst containRe = /paint|layout|strict|content/;\nconst isNotNone = value => !!value && value !== 'none';\nlet isWebKitValue;\nfunction isContainingBlock(elementOrCss) {\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (isWebKitValue == null) {\n    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');\n  }\n  return isWebKitValue;\n}\nfunction isLastTraversableNode(node) {\n  return /^(html|body|#document)$/.test(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return node.ownerDocument ? node.ownerDocument.body : node.body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  } else {\n    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n  }\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n","import { rectToClientRect, arrow as arrow$1, autoPlacement as autoPlacement$1, detectOverflow as detectOverflow$1, flip as flip$1, hide as hide$1, inline as inline$1, limitShift as limitShift$1, offset as offset$1, shift as shift$1, size as size$1, computePosition as computePosition$1 } from '@floating-ui/core';\nimport { round, createCoords, max, min, floor } from '@floating-ui/utils';\nimport { getComputedStyle as getComputedStyle$1, isHTMLElement, isElement, getWindow, isWebKit, getFrameElement, getNodeScroll, getDocumentElement, isTopLayer, getNodeName, isOverflowElement, getOverflowAncestors, getParentNode, isLastTraversableNode, isContainingBlock, isTableElement, getContainingBlock } from '@floating-ui/utils/dom';\nexport { getOverflowAncestors } from '@floating-ui/utils/dom';\n\nfunction getCssDimensions(element) {\n  const css = getComputedStyle$1(element);\n  // In testing environments, the `width` and `height` properties are empty\n  // strings for SVG elements, returning NaN. Fallback to `0` in this case.\n  let width = parseFloat(css.width) || 0;\n  let height = parseFloat(css.height) || 0;\n  const hasOffset = isHTMLElement(element);\n  const offsetWidth = hasOffset ? element.offsetWidth : width;\n  const offsetHeight = hasOffset ? element.offsetHeight : height;\n  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;\n  if (shouldFallback) {\n    width = offsetWidth;\n    height = offsetHeight;\n  }\n  return {\n    width,\n    height,\n    $: shouldFallback\n  };\n}\n\nfunction unwrapElement(element) {\n  return !isElement(element) ? element.contextElement : element;\n}\n\nfunction getScale(element) {\n  const domElement = unwrapElement(element);\n  if (!isHTMLElement(domElement)) {\n    return createCoords(1);\n  }\n  const rect = domElement.getBoundingClientRect();\n  const {\n    width,\n    height,\n    $\n  } = getCssDimensions(domElement);\n  let x = ($ ? round(rect.width) : rect.width) / width;\n  let y = ($ ? round(rect.height) : rect.height) / height;\n\n  // 0, NaN, or Infinity should always fallback to 1.\n\n  if (!x || !Number.isFinite(x)) {\n    x = 1;\n  }\n  if (!y || !Number.isFinite(y)) {\n    y = 1;\n  }\n  return {\n    x,\n    y\n  };\n}\n\nconst noOffsets = /*#__PURE__*/createCoords(0);\nfunction getVisualOffsets(element) {\n  const win = getWindow(element);\n  if (!isWebKit() || !win.visualViewport) {\n    return noOffsets;\n  }\n  return {\n    x: win.visualViewport.offsetLeft,\n    y: win.visualViewport.offsetTop\n  };\n}\nfunction shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {\n  if (isFixed === void 0) {\n    isFixed = false;\n  }\n  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {\n    return false;\n  }\n  return isFixed;\n}\n\nfunction getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {\n  if (includeScale === void 0) {\n    includeScale = false;\n  }\n  if (isFixedStrategy === void 0) {\n    isFixedStrategy = false;\n  }\n  const clientRect = element.getBoundingClientRect();\n  const domElement = unwrapElement(element);\n  let scale = createCoords(1);\n  if (includeScale) {\n    if (offsetParent) {\n      if (isElement(offsetParent)) {\n        scale = getScale(offsetParent);\n      }\n    } else {\n      scale = getScale(element);\n    }\n  }\n  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);\n  let x = (clientRect.left + visualOffsets.x) / scale.x;\n  let y = (clientRect.top + visualOffsets.y) / scale.y;\n  let width = clientRect.width / scale.x;\n  let height = clientRect.height / scale.y;\n  if (domElement) {\n    const win = getWindow(domElement);\n    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;\n    let currentWin = win;\n    let currentIFrame = getFrameElement(currentWin);\n    while (currentIFrame && offsetParent && offsetWin !== currentWin) {\n      const iframeScale = getScale(currentIFrame);\n      const iframeRect = currentIFrame.getBoundingClientRect();\n      const css = getComputedStyle$1(currentIFrame);\n      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;\n      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;\n      x *= iframeScale.x;\n      y *= iframeScale.y;\n      width *= iframeScale.x;\n      height *= iframeScale.y;\n      x += left;\n      y += top;\n      currentWin = getWindow(currentIFrame);\n      currentIFrame = getFrameElement(currentWin);\n    }\n  }\n  return rectToClientRect({\n    width,\n    height,\n    x,\n    y\n  });\n}\n\n// If <html> has a CSS width greater than the viewport, then this will be\n// incorrect for RTL.\nfunction getWindowScrollBarX(element, rect) {\n  const leftScroll = getNodeScroll(element).scrollLeft;\n  if (!rect) {\n    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;\n  }\n  return rect.left + leftScroll;\n}\n\nfunction getHTMLOffset(documentElement, scroll) {\n  const htmlRect = documentElement.getBoundingClientRect();\n  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);\n  const y = htmlRect.top + scroll.scrollTop;\n  return {\n    x,\n    y\n  };\n}\n\nfunction convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {\n  let {\n    elements,\n    rect,\n    offsetParent,\n    strategy\n  } = _ref;\n  const isFixed = strategy === 'fixed';\n  const documentElement = getDocumentElement(offsetParent);\n  const topLayer = elements ? isTopLayer(elements.floating) : false;\n  if (offsetParent === documentElement || topLayer && isFixed) {\n    return rect;\n  }\n  let scroll = {\n    scrollLeft: 0,\n    scrollTop: 0\n  };\n  let scale = createCoords(1);\n  const offsets = createCoords(0);\n  const isOffsetParentAnElement = isHTMLElement(offsetParent);\n  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n      scroll = getNodeScroll(offsetParent);\n    }\n    if (isOffsetParentAnElement) {\n      const offsetRect = getBoundingClientRect(offsetParent);\n      scale = getScale(offsetParent);\n      offsets.x = offsetRect.x + offsetParent.clientLeft;\n      offsets.y = offsetRect.y + offsetParent.clientTop;\n    }\n  }\n  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n  return {\n    width: rect.width * scale.x,\n    height: rect.height * scale.y,\n    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,\n    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y\n  };\n}\n\nfunction getClientRects(element) {\n  return Array.from(element.getClientRects());\n}\n\n// Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable.\nfunction getDocumentRect(element) {\n  const html = getDocumentElement(element);\n  const scroll = getNodeScroll(element);\n  const body = element.ownerDocument.body;\n  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);\n  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);\n  let x = -scroll.scrollLeft + getWindowScrollBarX(element);\n  const y = -scroll.scrollTop;\n  if (getComputedStyle$1(body).direction === 'rtl') {\n    x += max(html.clientWidth, body.clientWidth) - width;\n  }\n  return {\n    width,\n    height,\n    x,\n    y\n  };\n}\n\n// Safety check: ensure the scrollbar space is reasonable in case this\n// calculation is affected by unusual styles.\n// Most scrollbars leave 15-18px of space.\nconst SCROLLBAR_MAX = 25;\nfunction getViewportRect(element, strategy) {\n  const win = getWindow(element);\n  const html = getDocumentElement(element);\n  const visualViewport = win.visualViewport;\n  let width = html.clientWidth;\n  let height = html.clientHeight;\n  let x = 0;\n  let y = 0;\n  if (visualViewport) {\n    width = visualViewport.width;\n    height = visualViewport.height;\n    const visualViewportBased = isWebKit();\n    if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {\n      x = visualViewport.offsetLeft;\n      y = visualViewport.offsetTop;\n    }\n  }\n  const windowScrollbarX = getWindowScrollBarX(html);\n  // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the\n  // visual width of the <html> but this is not considered in the size\n  // of `html.clientWidth`.\n  if (windowScrollbarX <= 0) {\n    const doc = html.ownerDocument;\n    const body = doc.body;\n    const bodyStyles = getComputedStyle(body);\n    const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;\n    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);\n    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {\n      width -= clippingStableScrollbarWidth;\n    }\n  } else if (windowScrollbarX <= SCROLLBAR_MAX) {\n    // If the <body> scrollbar is on the left, the width needs to be extended\n    // by the scrollbar amount so there isn't extra space on the right.\n    width += windowScrollbarX;\n  }\n  return {\n    width,\n    height,\n    x,\n    y\n  };\n}\n\n// Returns the inner client rect, subtracting scrollbars if present.\nfunction getInnerBoundingClientRect(element, strategy) {\n  const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');\n  const top = clientRect.top + element.clientTop;\n  const left = clientRect.left + element.clientLeft;\n  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);\n  const width = element.clientWidth * scale.x;\n  const height = element.clientHeight * scale.y;\n  const x = left * scale.x;\n  const y = top * scale.y;\n  return {\n    width,\n    height,\n    x,\n    y\n  };\n}\nfunction getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {\n  let rect;\n  if (clippingAncestor === 'viewport') {\n    rect = getViewportRect(element, strategy);\n  } else if (clippingAncestor === 'document') {\n    rect = getDocumentRect(getDocumentElement(element));\n  } else if (isElement(clippingAncestor)) {\n    rect = getInnerBoundingClientRect(clippingAncestor, strategy);\n  } else {\n    const visualOffsets = getVisualOffsets(element);\n    rect = {\n      x: clippingAncestor.x - visualOffsets.x,\n      y: clippingAncestor.y - visualOffsets.y,\n      width: clippingAncestor.width,\n      height: clippingAncestor.height\n    };\n  }\n  return rectToClientRect(rect);\n}\nfunction hasFixedPositionAncestor(element, stopNode) {\n  const parentNode = getParentNode(element);\n  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {\n    return false;\n  }\n  return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);\n}\n\n// A \"clipping ancestor\" is an `overflow` element with the characteristic of\n// clipping (or hiding) child elements. This returns all clipping ancestors\n// of the given element up the tree.\nfunction getClippingElementAncestors(element, cache) {\n  const cachedResult = cache.get(element);\n  if (cachedResult) {\n    return cachedResult;\n  }\n  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');\n  let currentContainingBlockComputedStyle = null;\n  const elementIsFixed = getComputedStyle$1(element).position === 'fixed';\n  let currentNode = elementIsFixed ? getParentNode(element) : element;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    const computedStyle = getComputedStyle$1(currentNode);\n    const currentNodeIsContaining = isContainingBlock(currentNode);\n    if (!currentNodeIsContaining && computedStyle.position === 'fixed') {\n      currentContainingBlockComputedStyle = null;\n    }\n    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);\n    if (shouldDropCurrentNode) {\n      // Drop non-containing blocks.\n      result = result.filter(ancestor => ancestor !== currentNode);\n    } else {\n      // Record last containing block for next iteration.\n      currentContainingBlockComputedStyle = computedStyle;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  cache.set(element, result);\n  return result;\n}\n\n// Gets the maximum area that the element is visible in due to any number of\n// clipping ancestors.\nfunction getClippingRect(_ref) {\n  let {\n    element,\n    boundary,\n    rootBoundary,\n    strategy\n  } = _ref;\n  const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);\n  const clippingAncestors = [...elementClippingAncestors, rootBoundary];\n  const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);\n  let top = firstRect.top;\n  let right = firstRect.right;\n  let bottom = firstRect.bottom;\n  let left = firstRect.left;\n  for (let i = 1; i < clippingAncestors.length; i++) {\n    const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);\n    top = max(rect.top, top);\n    right = min(rect.right, right);\n    bottom = min(rect.bottom, bottom);\n    left = max(rect.left, left);\n  }\n  return {\n    width: right - left,\n    height: bottom - top,\n    x: left,\n    y: top\n  };\n}\n\nfunction getDimensions(element) {\n  const {\n    width,\n    height\n  } = getCssDimensions(element);\n  return {\n    width,\n    height\n  };\n}\n\nfunction getRectRelativeToOffsetParent(element, offsetParent, strategy) {\n  const isOffsetParentAnElement = isHTMLElement(offsetParent);\n  const documentElement = getDocumentElement(offsetParent);\n  const isFixed = strategy === 'fixed';\n  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);\n  let scroll = {\n    scrollLeft: 0,\n    scrollTop: 0\n  };\n  const offsets = createCoords(0);\n\n  // If the <body> scrollbar appears on the left (e.g. RTL systems). Use\n  // Firefox with layout.scrollbar.side = 3 in about:config to test this.\n  function setLeftRTLScrollbarOffset() {\n    offsets.x = getWindowScrollBarX(documentElement);\n  }\n  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {\n      scroll = getNodeScroll(offsetParent);\n    }\n    if (isOffsetParentAnElement) {\n      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);\n      offsets.x = offsetRect.x + offsetParent.clientLeft;\n      offsets.y = offsetRect.y + offsetParent.clientTop;\n    } else if (documentElement) {\n      setLeftRTLScrollbarOffset();\n    }\n  }\n  if (isFixed && !isOffsetParentAnElement && documentElement) {\n    setLeftRTLScrollbarOffset();\n  }\n  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);\n  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;\n  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;\n  return {\n    x,\n    y,\n    width: rect.width,\n    height: rect.height\n  };\n}\n\nfunction isStaticPositioned(element) {\n  return getComputedStyle$1(element).position === 'static';\n}\n\nfunction getTrueOffsetParent(element, polyfill) {\n  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {\n    return null;\n  }\n  if (polyfill) {\n    return polyfill(element);\n  }\n  let rawOffsetParent = element.offsetParent;\n\n  // Firefox returns the <html> element as the offsetParent if it's non-static,\n  // while Chrome and Safari return the <body> element. The <body> element must\n  // be used to perform the correct calculations even if the <html> element is\n  // non-static.\n  if (getDocumentElement(element) === rawOffsetParent) {\n    rawOffsetParent = rawOffsetParent.ownerDocument.body;\n  }\n  return rawOffsetParent;\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nfunction getOffsetParent(element, polyfill) {\n  const win = getWindow(element);\n  if (isTopLayer(element)) {\n    return win;\n  }\n  if (!isHTMLElement(element)) {\n    let svgOffsetParent = getParentNode(element);\n    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {\n      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {\n        return svgOffsetParent;\n      }\n      svgOffsetParent = getParentNode(svgOffsetParent);\n    }\n    return win;\n  }\n  let offsetParent = getTrueOffsetParent(element, polyfill);\n  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {\n    offsetParent = getTrueOffsetParent(offsetParent, polyfill);\n  }\n  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {\n    return win;\n  }\n  return offsetParent || getContainingBlock(element) || win;\n}\n\nconst getElementRects = async function (data) {\n  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;\n  const getDimensionsFn = this.getDimensions;\n  const floatingDimensions = await getDimensionsFn(data.floating);\n  return {\n    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),\n    floating: {\n      x: 0,\n      y: 0,\n      width: floatingDimensions.width,\n      height: floatingDimensions.height\n    }\n  };\n};\n\nfunction isRTL(element) {\n  return getComputedStyle$1(element).direction === 'rtl';\n}\n\nconst platform = {\n  convertOffsetParentRelativeRectToViewportRelativeRect,\n  getDocumentElement,\n  getClippingRect,\n  getOffsetParent,\n  getElementRects,\n  getClientRects,\n  getDimensions,\n  getScale,\n  isElement,\n  isRTL\n};\n\nfunction rectsAreEqual(a, b) {\n  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n}\n\n// https://samthor.au/2021/observing-dom/\nfunction observeMove(element, onMove) {\n  let io = null;\n  let timeoutId;\n  const root = getDocumentElement(element);\n  function cleanup() {\n    var _io;\n    clearTimeout(timeoutId);\n    (_io = io) == null || _io.disconnect();\n    io = null;\n  }\n  function refresh(skip, threshold) {\n    if (skip === void 0) {\n      skip = false;\n    }\n    if (threshold === void 0) {\n      threshold = 1;\n    }\n    cleanup();\n    const elementRectForRootMargin = element.getBoundingClientRect();\n    const {\n      left,\n      top,\n      width,\n      height\n    } = elementRectForRootMargin;\n    if (!skip) {\n      onMove();\n    }\n    if (!width || !height) {\n      return;\n    }\n    const insetTop = floor(top);\n    const insetRight = floor(root.clientWidth - (left + width));\n    const insetBottom = floor(root.clientHeight - (top + height));\n    const insetLeft = floor(left);\n    const rootMargin = -insetTop + \"px \" + -insetRight + \"px \" + -insetBottom + \"px \" + -insetLeft + \"px\";\n    const options = {\n      rootMargin,\n      threshold: max(0, min(1, threshold)) || 1\n    };\n    let isFirstUpdate = true;\n    function handleObserve(entries) {\n      const ratio = entries[0].intersectionRatio;\n      if (ratio !== threshold) {\n        if (!isFirstUpdate) {\n          return refresh();\n        }\n        if (!ratio) {\n          // If the reference is clipped, the ratio is 0. Throttle the refresh\n          // to prevent an infinite loop of updates.\n          timeoutId = setTimeout(() => {\n            refresh(false, 1e-7);\n          }, 1000);\n        } else {\n          refresh(false, ratio);\n        }\n      }\n      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {\n        // It's possible that even though the ratio is reported as 1, the\n        // element is not actually fully within the IntersectionObserver's root\n        // area anymore. This can happen under performance constraints. This may\n        // be a bug in the browser's IntersectionObserver implementation. To\n        // work around this, we compare the element's bounding rect now with\n        // what it was at the time we created the IntersectionObserver. If they\n        // are not equal then the element moved, so we refresh.\n        refresh();\n      }\n      isFirstUpdate = false;\n    }\n\n    // Older browsers don't support a `document` as the root and will throw an\n    // error.\n    try {\n      io = new IntersectionObserver(handleObserve, {\n        ...options,\n        // Handle <iframe>s\n        root: root.ownerDocument\n      });\n    } catch (_e) {\n      io = new IntersectionObserver(handleObserve, options);\n    }\n    io.observe(element);\n  }\n  refresh(true);\n  return cleanup;\n}\n\n/**\n * Automatically updates the position of the floating element when necessary.\n * Should only be called when the floating element is mounted on the DOM or\n * visible on the screen.\n * @returns cleanup function that should be invoked when the floating element is\n * removed from the DOM or hidden from the screen.\n * @see https://floating-ui.com/docs/autoUpdate\n */\nfunction autoUpdate(reference, floating, update, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  const {\n    ancestorScroll = true,\n    ancestorResize = true,\n    elementResize = typeof ResizeObserver === 'function',\n    layoutShift = typeof IntersectionObserver === 'function',\n    animationFrame = false\n  } = options;\n  const referenceEl = unwrapElement(reference);\n  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];\n  ancestors.forEach(ancestor => {\n    ancestorScroll && ancestor.addEventListener('scroll', update, {\n      passive: true\n    });\n    ancestorResize && ancestor.addEventListener('resize', update);\n  });\n  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;\n  let reobserveFrame = -1;\n  let resizeObserver = null;\n  if (elementResize) {\n    resizeObserver = new ResizeObserver(_ref => {\n      let [firstEntry] = _ref;\n      if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {\n        // Prevent update loops when using the `size` middleware.\n        // https://github.com/floating-ui/floating-ui/issues/1740\n        resizeObserver.unobserve(floating);\n        cancelAnimationFrame(reobserveFrame);\n        reobserveFrame = requestAnimationFrame(() => {\n          var _resizeObserver;\n          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);\n        });\n      }\n      update();\n    });\n    if (referenceEl && !animationFrame) {\n      resizeObserver.observe(referenceEl);\n    }\n    if (floating) {\n      resizeObserver.observe(floating);\n    }\n  }\n  let frameId;\n  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;\n  if (animationFrame) {\n    frameLoop();\n  }\n  function frameLoop() {\n    const nextRefRect = getBoundingClientRect(reference);\n    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {\n      update();\n    }\n    prevRefRect = nextRefRect;\n    frameId = requestAnimationFrame(frameLoop);\n  }\n  update();\n  return () => {\n    var _resizeObserver2;\n    ancestors.forEach(ancestor => {\n      ancestorScroll && ancestor.removeEventListener('scroll', update);\n      ancestorResize && ancestor.removeEventListener('resize', update);\n    });\n    cleanupIo == null || cleanupIo();\n    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();\n    resizeObserver = null;\n    if (animationFrame) {\n      cancelAnimationFrame(frameId);\n    }\n  };\n}\n\n/**\n * Resolves with an object of overflow side offsets that determine how much the\n * element is overflowing a given clipping boundary on each side.\n * - positive = overflowing the boundary by that number of pixels\n * - negative = how many pixels left before it will overflow\n * - 0 = lies flush with the boundary\n * @see https://floating-ui.com/docs/detectOverflow\n */\nconst detectOverflow = detectOverflow$1;\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = offset$1;\n\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = autoPlacement$1;\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = shift$1;\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = flip$1;\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = size$1;\n\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = hide$1;\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = arrow$1;\n\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = inline$1;\n\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = limitShift$1;\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element\n * next to a given reference element.\n */\nconst computePosition = (reference, floating, options) => {\n  // This caches the expensive `getClippingElementAncestors` function so that\n  // multiple lifecycle resets re-use the same result. It only lives for a\n  // single call. If other functions become expensive, we can add them as well.\n  const cache = new Map();\n  const mergedOptions = {\n    platform,\n    ...options\n  };\n  const platformWithCache = {\n    ...mergedOptions.platform,\n    _c: cache\n  };\n  return computePosition$1(reference, floating, {\n    ...mergedOptions,\n    platform: platformWithCache\n  });\n};\n\nexport { arrow, autoPlacement, autoUpdate, computePosition, detectOverflow, flip, hide, inline, limitShift, offset, platform, shift, size };\n","import * as Vue from 'vue'\n\nvar isVue2 = false\nvar isVue3 = true\nvar Vue2 = undefined\n\nfunction install() {}\n\nexport function set(target, key, val) {\n  if (Array.isArray(target)) {\n    target.length = Math.max(target.length, key)\n    target.splice(key, 1, val)\n    return val\n  }\n  target[key] = val\n  return val\n}\n\nexport function del(target, key) {\n  if (Array.isArray(target)) {\n    target.splice(key, 1)\n    return\n  }\n  delete target[key]\n}\n\nexport * from 'vue'\nexport {\n  Vue,\n  Vue2,\n  isVue2,\n  isVue3,\n  install,\n}\n","import { arrow as arrow$1, computePosition } from '@floating-ui/dom';\nexport { autoPlacement, autoUpdate, computePosition, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, platform, shift, size } from '@floating-ui/dom';\nimport { isNode, getNodeName } from '@floating-ui/utils/dom';\nimport { unref, computed, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly } from 'vue-demi';\n\nfunction isComponentPublicInstance(target) {\n  return target != null && typeof target === 'object' && '$el' in target;\n}\nfunction unwrapElement(target) {\n  if (isComponentPublicInstance(target)) {\n    const element = target.$el;\n    return isNode(element) && getNodeName(element) === '#comment' ? null : element;\n  }\n  return target;\n}\n\nfunction toValue(source) {\n  return typeof source === 'function' ? source() : unref(source);\n}\n\n/**\n * Positions an inner element of the floating element such that it is centered to the reference element.\n * @param options The arrow options.\n * @see https://floating-ui.com/docs/arrow\n */\nfunction arrow(options) {\n  return {\n    name: 'arrow',\n    options,\n    fn(args) {\n      const element = unwrapElement(toValue(options.element));\n      if (element == null) {\n        return {};\n      }\n      return arrow$1({\n        element,\n        padding: options.padding\n      }).fn(args);\n    }\n  };\n}\n\nfunction getDPR(element) {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  const win = element.ownerDocument.defaultView || window;\n  return win.devicePixelRatio || 1;\n}\n\nfunction roundByDPR(element, value) {\n  const dpr = getDPR(element);\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.\n * @param reference The reference template ref.\n * @param floating The floating template ref.\n * @param options The floating options.\n * @see https://floating-ui.com/docs/vue\n */\nfunction useFloating(reference, floating, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  const whileElementsMountedOption = options.whileElementsMounted;\n  const openOption = computed(() => {\n    var _toValue;\n    return (_toValue = toValue(options.open)) != null ? _toValue : true;\n  });\n  const middlewareOption = computed(() => toValue(options.middleware));\n  const placementOption = computed(() => {\n    var _toValue2;\n    return (_toValue2 = toValue(options.placement)) != null ? _toValue2 : 'bottom';\n  });\n  const strategyOption = computed(() => {\n    var _toValue3;\n    return (_toValue3 = toValue(options.strategy)) != null ? _toValue3 : 'absolute';\n  });\n  const transformOption = computed(() => {\n    var _toValue4;\n    return (_toValue4 = toValue(options.transform)) != null ? _toValue4 : true;\n  });\n  const referenceElement = computed(() => unwrapElement(reference.value));\n  const floatingElement = computed(() => unwrapElement(floating.value));\n  const x = ref(0);\n  const y = ref(0);\n  const strategy = ref(strategyOption.value);\n  const placement = ref(placementOption.value);\n  const middlewareData = shallowRef({});\n  const isPositioned = ref(false);\n  const floatingStyles = computed(() => {\n    const initialStyles = {\n      position: strategy.value,\n      left: '0',\n      top: '0'\n    };\n    if (!floatingElement.value) {\n      return initialStyles;\n    }\n    const xVal = roundByDPR(floatingElement.value, x.value);\n    const yVal = roundByDPR(floatingElement.value, y.value);\n    if (transformOption.value) {\n      return {\n        ...initialStyles,\n        transform: \"translate(\" + xVal + \"px, \" + yVal + \"px)\",\n        ...(getDPR(floatingElement.value) >= 1.5 && {\n          willChange: 'transform'\n        })\n      };\n    }\n    return {\n      position: strategy.value,\n      left: xVal + \"px\",\n      top: yVal + \"px\"\n    };\n  });\n  let whileElementsMountedCleanup;\n  function update() {\n    if (referenceElement.value == null || floatingElement.value == null) {\n      return;\n    }\n    const open = openOption.value;\n    computePosition(referenceElement.value, floatingElement.value, {\n      middleware: middlewareOption.value,\n      placement: placementOption.value,\n      strategy: strategyOption.value\n    }).then(position => {\n      x.value = position.x;\n      y.value = position.y;\n      strategy.value = position.strategy;\n      placement.value = position.placement;\n      middlewareData.value = position.middlewareData;\n      /**\n       * The floating element's position may be recomputed while it's closed\n       * but still mounted (such as when transitioning out). To ensure\n       * `isPositioned` will be `false` initially on the next open, avoid\n       * setting it to `true` when `open === false` (must be specified).\n       */\n      isPositioned.value = open !== false;\n    });\n  }\n  function cleanup() {\n    if (typeof whileElementsMountedCleanup === 'function') {\n      whileElementsMountedCleanup();\n      whileElementsMountedCleanup = undefined;\n    }\n  }\n  function attach() {\n    cleanup();\n    if (whileElementsMountedOption === undefined) {\n      update();\n      return;\n    }\n    if (referenceElement.value != null && floatingElement.value != null) {\n      whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);\n      return;\n    }\n  }\n  function reset() {\n    if (!openOption.value) {\n      isPositioned.value = false;\n    }\n  }\n  watch([middlewareOption, placementOption, strategyOption, openOption], update, {\n    flush: 'sync'\n  });\n  watch([referenceElement, floatingElement], attach, {\n    flush: 'sync'\n  });\n  watch(openOption, reset, {\n    flush: 'sync'\n  });\n  if (getCurrentScope()) {\n    onScopeDispose(cleanup);\n  }\n  return {\n    x: shallowReadonly(x),\n    y: shallowReadonly(y),\n    strategy: shallowReadonly(strategy),\n    placement: shallowReadonly(placement),\n    middlewareData: shallowReadonly(middlewareData),\n    isPositioned: shallowReadonly(isPositioned),\n    floatingStyles,\n    update\n  };\n}\n\nexport { arrow, useFloating };\n","<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, computed, watch } from \"vue\";\nimport { flip, useFloating, AlignedPlacement, Placement, offset } from \"@floating-ui/vue\";\nimport { useDebounceFn, useElementHover, useElementBounding } from \"@vueuse/core\";\nimport { PvPopoverV2Props } from \"@/components/base/PvPopoverV2/types.ts\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nimport { PvAlignmentPositions } from \"@/components/base/baseProps.ts\";\n\nconst props = withDefaults(defineProps<PvPopoverV2Props>(), {\n  disableAutoPlacement: false,\n  position: \"bottom-left\",\n  positioningStrategy: \"absolute\",\n  disableInteractive: false,\n  useTeleport: false,\n  disableClickOutsideToClose: false,\n  showOnHover: false,\n  delay: 25,\n  zIndex: 10,\n  teleportLocation: \"body\",\n});\n\nconst isOpen = defineModel<boolean>();\n\nconst triggerWrapper = ref<HTMLElement | null>(null);\nconst reference = ref<HTMLElement | null>(null);\nconst floating = ref<HTMLElement | null>(null);\n\nconst triggerHovered = useElementHover(triggerWrapper);\nconst floatingHovered = useElementHover(floating);\n\n/**\n * We use our own placement mapping name to ensure that have the same naming across the PitViper components.\n */\nconst placementMapping: Record<PvAlignmentPositions, AlignedPlacement | Placement> = {\n  \"top-center\": \"top\",\n  \"bottom-center\": \"bottom\",\n  \"center-left\": \"left\",\n  \"center-right\": \"right\",\n  \"top-left\": \"top-start\",\n  \"top-right\": \"top-end\",\n  \"bottom-left\": \"bottom-start\",\n  \"bottom-right\": \"bottom-end\",\n};\n\nonMounted(() => {\n  if (triggerWrapper.value) {\n    // Set reference to the first child element (the actual trigger)\n    reference.value = triggerWrapper.value.firstElementChild as HTMLElement | null;\n  }\n});\n\nconst middleware = [];\n\nif (!props.disableAutoPlacement) {\n  middleware?.push(\n    flip({\n      fallbackStrategy: \"initialPlacement\",\n    }),\n  );\n}\n\nif (props.offset) {\n  middleware?.push(offset(props.offset));\n}\n\n// @floating-ui/vue ships its own Ref type that's structurally incompatible with\n// the app's Vue Ref (missing the RefSymbol brand). The runtime shape is\n// identical, so cast through unknown here.\nconst { floatingStyles, update } = useFloating(\n  reference as unknown as Parameters<typeof useFloating>[0],\n  floating as unknown as Parameters<typeof useFloating>[1],\n  {\n    placement: placementMapping[props.position],\n    strategy: props.positioningStrategy,\n    middleware: middleware,\n  },\n);\n\n// Update popover position when it opens\nwatch(isOpen, (newVal) => {\n  if (newVal && reference.value && floating.value) {\n    update();\n  }\n});\n\n// Track trigger position and size changes\nconst elementBounds = useElementBounding(reference);\n\nconst handleBoundsChange = useDebounceFn(() => {\n  if (isOpen.value) {\n    update();\n  }\n}, 5);\n\nwatch([elementBounds.top, elementBounds.left, elementBounds.width, elementBounds.height], handleBoundsChange);\n\nconst popoverStyles = computed(() => {\n  return {\n    ...floatingStyles.value,\n    zIndex: props.zIndex ?? 10,\n  };\n});\n\nlet openDelayTimeout: ReturnType<typeof setTimeout> | undefined;\n\nconst clearOpenDelayTimeout = () => {\n  if (openDelayTimeout) {\n    clearTimeout(openDelayTimeout);\n    openDelayTimeout = undefined;\n  }\n};\n\nconst setPopoverState = (state: boolean) => {\n  clearOpenDelayTimeout();\n\n  if (state && props.delay > 0) {\n    openDelayTimeout = setTimeout(() => {\n      isOpen.value = true;\n      openDelayTimeout = undefined;\n    }, props.delay);\n    return;\n  }\n\n  // Closing should always be immediate, even when opening is delayed.\n  isOpen.value = state;\n};\n\nconst ignoreForClickOutside = computed(() => {\n  const list: (string | HTMLElement | null)[] = [floating.value].filter(Boolean);\n  list.push(\".p-datepicker-panel\");\n\n  if (props.ignoreClickOutsideClasses) {\n    list.push(...props.ignoreClickOutsideClasses.map((cls) => `.${cls}`));\n  }\n\n  return list;\n});\n\nconst isHovered = computed(() => {\n  if (!props.showOnHover) return false;\n  return props.disableInteractive ? triggerHovered.value : triggerHovered.value || floatingHovered.value;\n});\n\nconst handleTriggerClick = () => {\n  if (!props.showOnHover) {\n    setPopoverState(openDelayTimeout ? false : !isOpen.value);\n  }\n};\n\nconst handleClickOutside = () => {\n  if (!props.disableClickOutsideToClose) {\n    setPopoverState(false);\n  }\n};\n\n// Watch hover state and update popover accordingly\nwatch(isHovered, (newVal) => {\n  if (props.showOnHover) {\n    setPopoverState(newVal);\n  }\n});\n\nonUnmounted(() => {\n  clearOpenDelayTimeout();\n});\n</script>\n\n<template>\n  <div v-on-click-outside=\"[handleClickOutside, { ignore: ignoreForClickOutside }]\" style=\"width: fit-content\">\n    <div ref=\"triggerWrapper\" @click=\"handleTriggerClick\">\n      <slot name=\"trigger\"> </slot>\n    </div>\n    <Teleport v-if=\"$slots.content\" :to=\"teleportLocation\" :disabled=\"!props.useTeleport\">\n      <div class=\"pv-floating\" ref=\"floating\" v-show=\"isOpen\" :style=\"popoverStyles\">\n        <slot name=\"content\"></slot>\n      </div>\n    </Teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, onMounted, onUnmounted, computed, watch } from \"vue\";\nimport { flip, useFloating, AlignedPlacement, Placement, offset } from \"@floating-ui/vue\";\nimport { useDebounceFn, useElementHover, useElementBounding } from \"@vueuse/core\";\nimport { PvPopoverV2Props } from \"@/components/base/PvPopoverV2/types.ts\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nimport { PvAlignmentPositions } from \"@/components/base/baseProps.ts\";\n\nconst props = withDefaults(defineProps<PvPopoverV2Props>(), {\n  disableAutoPlacement: false,\n  position: \"bottom-left\",\n  positioningStrategy: \"absolute\",\n  disableInteractive: false,\n  useTeleport: false,\n  disableClickOutsideToClose: false,\n  showOnHover: false,\n  delay: 25,\n  zIndex: 10,\n  teleportLocation: \"body\",\n});\n\nconst isOpen = defineModel<boolean>();\n\nconst triggerWrapper = ref<HTMLElement | null>(null);\nconst reference = ref<HTMLElement | null>(null);\nconst floating = ref<HTMLElement | null>(null);\n\nconst triggerHovered = useElementHover(triggerWrapper);\nconst floatingHovered = useElementHover(floating);\n\n/**\n * We use our own placement mapping name to ensure that have the same naming across the PitViper components.\n */\nconst placementMapping: Record<PvAlignmentPositions, AlignedPlacement | Placement> = {\n  \"top-center\": \"top\",\n  \"bottom-center\": \"bottom\",\n  \"center-left\": \"left\",\n  \"center-right\": \"right\",\n  \"top-left\": \"top-start\",\n  \"top-right\": \"top-end\",\n  \"bottom-left\": \"bottom-start\",\n  \"bottom-right\": \"bottom-end\",\n};\n\nonMounted(() => {\n  if (triggerWrapper.value) {\n    // Set reference to the first child element (the actual trigger)\n    reference.value = triggerWrapper.value.firstElementChild as HTMLElement | null;\n  }\n});\n\nconst middleware = [];\n\nif (!props.disableAutoPlacement) {\n  middleware?.push(\n    flip({\n      fallbackStrategy: \"initialPlacement\",\n    }),\n  );\n}\n\nif (props.offset) {\n  middleware?.push(offset(props.offset));\n}\n\n// @floating-ui/vue ships its own Ref type that's structurally incompatible with\n// the app's Vue Ref (missing the RefSymbol brand). The runtime shape is\n// identical, so cast through unknown here.\nconst { floatingStyles, update } = useFloating(\n  reference as unknown as Parameters<typeof useFloating>[0],\n  floating as unknown as Parameters<typeof useFloating>[1],\n  {\n    placement: placementMapping[props.position],\n    strategy: props.positioningStrategy,\n    middleware: middleware,\n  },\n);\n\n// Update popover position when it opens\nwatch(isOpen, (newVal) => {\n  if (newVal && reference.value && floating.value) {\n    update();\n  }\n});\n\n// Track trigger position and size changes\nconst elementBounds = useElementBounding(reference);\n\nconst handleBoundsChange = useDebounceFn(() => {\n  if (isOpen.value) {\n    update();\n  }\n}, 5);\n\nwatch([elementBounds.top, elementBounds.left, elementBounds.width, elementBounds.height], handleBoundsChange);\n\nconst popoverStyles = computed(() => {\n  return {\n    ...floatingStyles.value,\n    zIndex: props.zIndex ?? 10,\n  };\n});\n\nlet openDelayTimeout: ReturnType<typeof setTimeout> | undefined;\n\nconst clearOpenDelayTimeout = () => {\n  if (openDelayTimeout) {\n    clearTimeout(openDelayTimeout);\n    openDelayTimeout = undefined;\n  }\n};\n\nconst setPopoverState = (state: boolean) => {\n  clearOpenDelayTimeout();\n\n  if (state && props.delay > 0) {\n    openDelayTimeout = setTimeout(() => {\n      isOpen.value = true;\n      openDelayTimeout = undefined;\n    }, props.delay);\n    return;\n  }\n\n  // Closing should always be immediate, even when opening is delayed.\n  isOpen.value = state;\n};\n\nconst ignoreForClickOutside = computed(() => {\n  const list: (string | HTMLElement | null)[] = [floating.value].filter(Boolean);\n  list.push(\".p-datepicker-panel\");\n\n  if (props.ignoreClickOutsideClasses) {\n    list.push(...props.ignoreClickOutsideClasses.map((cls) => `.${cls}`));\n  }\n\n  return list;\n});\n\nconst isHovered = computed(() => {\n  if (!props.showOnHover) return false;\n  return props.disableInteractive ? triggerHovered.value : triggerHovered.value || floatingHovered.value;\n});\n\nconst handleTriggerClick = () => {\n  if (!props.showOnHover) {\n    setPopoverState(openDelayTimeout ? false : !isOpen.value);\n  }\n};\n\nconst handleClickOutside = () => {\n  if (!props.disableClickOutsideToClose) {\n    setPopoverState(false);\n  }\n};\n\n// Watch hover state and update popover accordingly\nwatch(isHovered, (newVal) => {\n  if (props.showOnHover) {\n    setPopoverState(newVal);\n  }\n});\n\nonUnmounted(() => {\n  clearOpenDelayTimeout();\n});\n</script>\n\n<template>\n  <div v-on-click-outside=\"[handleClickOutside, { ignore: ignoreForClickOutside }]\" style=\"width: fit-content\">\n    <div ref=\"triggerWrapper\" @click=\"handleTriggerClick\">\n      <slot name=\"trigger\"> </slot>\n    </div>\n    <Teleport v-if=\"$slots.content\" :to=\"teleportLocation\" :disabled=\"!props.useTeleport\">\n      <div class=\"pv-floating\" ref=\"floating\" v-show=\"isOpen\" :style=\"popoverStyles\">\n        <slot name=\"content\"></slot>\n      </div>\n    </Teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTooltipV2Props } from \"./types\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\n\nwithDefaults(defineProps<PvTooltipV2Props>(), {\n  variant: \"dark\",\n  position: \"top-center\",\n  size: \"md\",\n  disableInteractive: false,\n  delay: 0,\n  showOnHover: true,\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-bind=\"$props\">\n    <template #trigger>\n      <slot name=\"trigger\">\n        <p>{{ label }}</p>\n      </slot>\n    </template>\n    <template #content v-if=\"$slots.content || description\">\n      <div\n        class=\"pv-tooltip-v2-content\"\n        role=\"tooltip\"\n        :data-variant=\"variant\"\n        :class=\"{ 'pv-tooltip-v2-content-small': size === 'sm' }\"\n      >\n        <slot name=\"content\">\n          {{ description }}\n        </slot>\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTooltipV2Props } from \"./types\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\n\nwithDefaults(defineProps<PvTooltipV2Props>(), {\n  variant: \"dark\",\n  position: \"top-center\",\n  size: \"md\",\n  disableInteractive: false,\n  delay: 0,\n  showOnHover: true,\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-bind=\"$props\">\n    <template #trigger>\n      <slot name=\"trigger\">\n        <p>{{ label }}</p>\n      </slot>\n    </template>\n    <template #content v-if=\"$slots.content || description\">\n      <div\n        class=\"pv-tooltip-v2-content\"\n        role=\"tooltip\"\n        :data-variant=\"variant\"\n        :class=\"{ 'pv-tooltip-v2-content-small': size === 'sm' }\"\n      >\n        <slot name=\"content\">\n          {{ description }}\n        </slot>\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\">\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { PvSegmentControlSize, PvSegmentedControlOption } from \"./types\";\n\ninterface PvSegmentControlProps {\n  /** The list of options rendered as segments. Each option can have a label, icon, or both. */\n  options: PvSegmentedControlOption[];\n  /**\n   * Controls the overall height of the segmented control.\n   */\n  size?: PvSegmentControlSize;\n}\n\nwithDefaults(defineProps<PvSegmentControlProps>(), {\n  size: \"lg\",\n  options: () => [],\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst selectOption = (option: PvSegmentedControlOption) => {\n  if (option.disabled) return;\n  modelValue.value = option.value;\n};\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pv-segmented-control',\n      {\n        'pv-segmented-control-large': size === 'xl',\n      },\n    ]\"\n  >\n    <PvTooltipV2\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      variant=\"dark\"\n      position=\"bottom-right\"\n      style=\"width: 100%\"\n    >\n      <template #trigger>\n        <PvButton\n          class=\"pv-full-width\"\n          variant=\"ghost\"\n          :label=\"option.label\"\n          :ariaLabel=\"option.ariaLabel\"\n          :left-icon=\"option.iconPosition === 'left' ? option.icon : undefined\"\n          :right-icon=\"option.iconPosition === 'right' ? option.icon : undefined\"\n          :disabled=\"option.disabled\"\n          :class=\"{ 'pv-disabled': option.disabled }\"\n          :data-active=\"modelValue === option.value ? true : null\"\n          @click=\"selectOption(option)\"\n        />\n      </template>\n      <template v-if=\"option.disabledReason\" #content>\n        {{ option.disabledReason }}\n      </template>\n    </PvTooltipV2>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { PvSegmentControlSize, PvSegmentedControlOption } from \"./types\";\n\ninterface PvSegmentControlProps {\n  /** The list of options rendered as segments. Each option can have a label, icon, or both. */\n  options: PvSegmentedControlOption[];\n  /**\n   * Controls the overall height of the segmented control.\n   */\n  size?: PvSegmentControlSize;\n}\n\nwithDefaults(defineProps<PvSegmentControlProps>(), {\n  size: \"lg\",\n  options: () => [],\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst selectOption = (option: PvSegmentedControlOption) => {\n  if (option.disabled) return;\n  modelValue.value = option.value;\n};\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pv-segmented-control',\n      {\n        'pv-segmented-control-large': size === 'xl',\n      },\n    ]\"\n  >\n    <PvTooltipV2\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      variant=\"dark\"\n      position=\"bottom-right\"\n      style=\"width: 100%\"\n    >\n      <template #trigger>\n        <PvButton\n          class=\"pv-full-width\"\n          variant=\"ghost\"\n          :label=\"option.label\"\n          :ariaLabel=\"option.ariaLabel\"\n          :left-icon=\"option.iconPosition === 'left' ? option.icon : undefined\"\n          :right-icon=\"option.iconPosition === 'right' ? option.icon : undefined\"\n          :disabled=\"option.disabled\"\n          :class=\"{ 'pv-disabled': option.disabled }\"\n          :data-active=\"modelValue === option.value ? true : null\"\n          @click=\"selectOption(option)\"\n        />\n      </template>\n      <template v-if=\"option.disabledReason\" #content>\n        {{ option.disabledReason }}\n      </template>\n    </PvTooltipV2>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { Option } from \"@/types\";\nexport interface PvTabListBaseProps {\n  modelValue: string;\n  options: Option[];\n}\n\ndefineProps<PvTabListBaseProps>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst selectOption = (value: string) => {\n  emit(\"update:modelValue\", value);\n};\n</script>\n\n<template>\n  <div>\n    <ul role=\"list\" class=\"pv-tab-list\">\n      <li\n        v-for=\"option in options\"\n        :key=\"option.value\"\n        style=\"cursor: pointer\"\n        @click=\"selectOption(option.value)\"\n        :data-active=\"modelValue === option.value ? true : null\"\n      >\n        <button class=\"pv-text-body-xs\" style=\"font-weight: 500\">\n          {{ option.label }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.pv-tab-list {\n  border: none;\n}\n.pv-tab-list :where(li)[data-active]:after {\n  content: \"\";\n  display: block;\n  height: 2px;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: #176f6f;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Option } from \"@/types\";\nexport interface PvTabListBaseProps {\n  modelValue: string;\n  options: Option[];\n}\n\ndefineProps<PvTabListBaseProps>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst selectOption = (value: string) => {\n  emit(\"update:modelValue\", value);\n};\n</script>\n\n<template>\n  <div>\n    <ul role=\"list\" class=\"pv-tab-list\">\n      <li\n        v-for=\"option in options\"\n        :key=\"option.value\"\n        style=\"cursor: pointer\"\n        @click=\"selectOption(option.value)\"\n        :data-active=\"modelValue === option.value ? true : null\"\n      >\n        <button class=\"pv-text-body-xs\" style=\"font-weight: 500\">\n          {{ option.label }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.pv-tab-list {\n  border: none;\n}\n.pv-tab-list :where(li)[data-active]:after {\n  content: \"\";\n  display: block;\n  height: 2px;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: #176f6f;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { camelCase } from \"es-toolkit/string\";\nimport { sizeMap } from \"@/components/base/baseProps\";\nimport { PvCompanyLogoSize } from \"./types\";\n\ntype PvCompanyLogoProps = {\n  /** Base URL path where company logo SVGs are hosted. */\n  basePath?: string;\n  /** Company name used to resolve the logo filename. */\n  name: string;\n  /** Display size of the logo. Maps to a fixed pixel width. */\n  size?: PvCompanyLogoSize;\n  /** When provided, overrides the computed image URL entirely (ignores `name` and `basePath`). */\n  srcPathOverride?: string;\n  /** When true, converts `name` to camelCase before building the image URL. */\n  toCamelCase?: boolean;\n};\n\nconst props = withDefaults(defineProps<PvCompanyLogoProps>(), {\n  basePath: \"https://static-assets.turquoise.health/shared-logos/prd/payers\",\n  size: \"md\",\n  toCamelCase: true,\n});\n\nconst isValidSrc = ref(true);\n\nconst iconSize = computed(() => {\n  return sizeMap[props.size] || \"32px\"; // Default to md size if not found\n});\n\nconst classes = computed(() => ({\n  [`pv-icon`]: isValidSrc.value,\n  [`pv-company-${props.size}`]: props.size && !isValidSrc.value,\n}));\n\nconst styles = computed(() => ({\n  width: iconSize.value,\n}));\n\nconst modifiedName = computed((): string => {\n  if (!props.toCamelCase) {\n    return props.name + `.svg`;\n  } else {\n    return camelCase(props.name) + `.svg`;\n  }\n});\n\nconst imageSource = computed(() => {\n  if (props.srcPathOverride) {\n    return props.srcPathOverride;\n  }\n  return `${props.basePath}/${modifiedName.value}`;\n});\n\n// reset the isValidSrc when the name changes, and let @error handler set it to false if the image fails to load\nwatch(imageSource, () => {\n  isValidSrc.value = true;\n});\n</script>\n\n<template>\n  <div class=\"pv-flex\" data-testid=\"pv-company-logo\">\n    <div v-if=\"isValidSrc\" :class=\"classes\" :style=\"styles\">\n      <img :src=\"imageSource\" alt=\"\" @error=\"isValidSrc = false\" />\n    </div>\n    <div v-else :class=\"classes\"></div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { camelCase } from \"es-toolkit/string\";\nimport { sizeMap } from \"@/components/base/baseProps\";\nimport { PvCompanyLogoSize } from \"./types\";\n\ntype PvCompanyLogoProps = {\n  /** Base URL path where company logo SVGs are hosted. */\n  basePath?: string;\n  /** Company name used to resolve the logo filename. */\n  name: string;\n  /** Display size of the logo. Maps to a fixed pixel width. */\n  size?: PvCompanyLogoSize;\n  /** When provided, overrides the computed image URL entirely (ignores `name` and `basePath`). */\n  srcPathOverride?: string;\n  /** When true, converts `name` to camelCase before building the image URL. */\n  toCamelCase?: boolean;\n};\n\nconst props = withDefaults(defineProps<PvCompanyLogoProps>(), {\n  basePath: \"https://static-assets.turquoise.health/shared-logos/prd/payers\",\n  size: \"md\",\n  toCamelCase: true,\n});\n\nconst isValidSrc = ref(true);\n\nconst iconSize = computed(() => {\n  return sizeMap[props.size] || \"32px\"; // Default to md size if not found\n});\n\nconst classes = computed(() => ({\n  [`pv-icon`]: isValidSrc.value,\n  [`pv-company-${props.size}`]: props.size && !isValidSrc.value,\n}));\n\nconst styles = computed(() => ({\n  width: iconSize.value,\n}));\n\nconst modifiedName = computed((): string => {\n  if (!props.toCamelCase) {\n    return props.name + `.svg`;\n  } else {\n    return camelCase(props.name) + `.svg`;\n  }\n});\n\nconst imageSource = computed(() => {\n  if (props.srcPathOverride) {\n    return props.srcPathOverride;\n  }\n  return `${props.basePath}/${modifiedName.value}`;\n});\n\n// reset the isValidSrc when the name changes, and let @error handler set it to false if the image fails to load\nwatch(imageSource, () => {\n  isValidSrc.value = true;\n});\n</script>\n\n<template>\n  <div class=\"pv-flex\" data-testid=\"pv-company-logo\">\n    <div v-if=\"isValidSrc\" :class=\"classes\" :style=\"styles\">\n      <img :src=\"imageSource\" alt=\"\" @error=\"isValidSrc = false\" />\n    </div>\n    <div v-else :class=\"classes\"></div>\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { watch, useTemplateRef } from \"vue\";\n</script>\n\n<script setup lang=\"ts\">\nexport interface ModalProps {\n  header: string;\n  subheader?: string;\n  disableCloseOnClickOutside?: boolean;\n  hideFooter?: boolean;\n}\n\nconst props = withDefaults(defineProps<ModalProps>(), {\n  disableCloseOnClickOutside: false,\n  hideFooter: false,\n});\n\nconst dialog = useTemplateRef<HTMLDialogElement | null>(\"dialog\");\nconst showModal = defineModel<boolean>({\n  required: true,\n});\n\nwatch(\n  () => showModal.value,\n  () => {\n    if (showModal.value) {\n      dialog.value?.showModal();\n    } else {\n      dialog.value?.close();\n    }\n  },\n);\n\nconst handleClose = () => {\n  showModal.value = false;\n};\n\nconst handleBackdropClick = (e: MouseEvent) => {\n  if (!props.disableCloseOnClickOutside && e.target === dialog.value) {\n    handleClose();\n  }\n};\n</script>\n\n<template>\n  <dialog\n    class=\"pv-modal-sm\"\n    ref=\"dialog\"\n    style=\"--max-width: 480px\"\n    v-on:close=\"handleClose\"\n    v-on:click=\"handleBackdropClick\"\n  >\n    <div class=\"pv-inset-squish-12\">\n      <div class=\"pv-flex pv-flex-vertical pv-stack-16\" style=\"--flex-align: flex-start\">\n        <span class=\"pv-heading-3\">{{ header }}</span>\n        <span v-if=\"subheader\" class=\"pv-text-body-md\">{{ subheader }}</span>\n      </div>\n      <slot name=\"body\" />\n    </div>\n    <div v-if=\"!hideFooter\" class=\"pv-inset-squish-12 pv-border-top\" style=\"--color-border: #d2d8dc\">\n      <slot name=\"footer\" />\n    </div>\n  </dialog>\n</template>\n","<script lang=\"ts\">\nimport { watch, useTemplateRef } from \"vue\";\n</script>\n\n<script setup lang=\"ts\">\nexport interface ModalProps {\n  header: string;\n  subheader?: string;\n  disableCloseOnClickOutside?: boolean;\n  hideFooter?: boolean;\n}\n\nconst props = withDefaults(defineProps<ModalProps>(), {\n  disableCloseOnClickOutside: false,\n  hideFooter: false,\n});\n\nconst dialog = useTemplateRef<HTMLDialogElement | null>(\"dialog\");\nconst showModal = defineModel<boolean>({\n  required: true,\n});\n\nwatch(\n  () => showModal.value,\n  () => {\n    if (showModal.value) {\n      dialog.value?.showModal();\n    } else {\n      dialog.value?.close();\n    }\n  },\n);\n\nconst handleClose = () => {\n  showModal.value = false;\n};\n\nconst handleBackdropClick = (e: MouseEvent) => {\n  if (!props.disableCloseOnClickOutside && e.target === dialog.value) {\n    handleClose();\n  }\n};\n</script>\n\n<template>\n  <dialog\n    class=\"pv-modal-sm\"\n    ref=\"dialog\"\n    style=\"--max-width: 480px\"\n    v-on:close=\"handleClose\"\n    v-on:click=\"handleBackdropClick\"\n  >\n    <div class=\"pv-inset-squish-12\">\n      <div class=\"pv-flex pv-flex-vertical pv-stack-16\" style=\"--flex-align: flex-start\">\n        <span class=\"pv-heading-3\">{{ header }}</span>\n        <span v-if=\"subheader\" class=\"pv-text-body-md\">{{ subheader }}</span>\n      </div>\n      <slot name=\"body\" />\n    </div>\n    <div v-if=\"!hideFooter\" class=\"pv-inset-squish-12 pv-border-top\" style=\"--color-border: #d2d8dc\">\n      <slot name=\"footer\" />\n    </div>\n  </dialog>\n</template>\n","export enum BannerOrientationsEnum {\n  Vertical = \"Vertical\",\n  Horizontal = \"Horizontal\",\n}\n\nexport enum BannerVariantsEnum {\n  Primary = \"Primary\",\n  Secondary = \"Secondary\",\n  Tertiary = \"Tertiary\",\n}\n\nexport type BannerOrientations = `${BannerOrientationsEnum}`;\nexport type BannerVariants = `${BannerVariantsEnum}`;\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { BannerOrientations, BannerVariants, BannerVariantsEnum, BannerOrientationsEnum } from \"./types\";\n\nexport interface PvBannerProps {\n  /** Primary text displayed in the banner */\n  label: string;\n  /** Secondary descriptive text displayed below the label */\n  description?: string;\n  /** Icon name to display alongside the banner content */\n  icon?: string;\n  /** Visual style variant of the banner */\n  variant?: BannerVariants;\n  /** Layout orientation of the banner */\n  orientation?: BannerOrientations;\n}\n\nwithDefaults(defineProps<PvBannerProps>(), {\n  orientation: BannerOrientationsEnum.Horizontal,\n  variant: BannerVariantsEnum.Primary,\n});\n</script>\n\n<template>\n  <div\n    data-testid=\"pv-banner\"\n    :class=\"[\n      {\n        'pv-banner-primary': variant === BannerVariantsEnum.Primary,\n        'pv-banner-secondary': variant === BannerVariantsEnum.Secondary,\n        'pv-banner-tertiary': variant === BannerVariantsEnum.Tertiary,\n        'pv-flex pv-space-between': orientation === BannerOrientationsEnum.Horizontal,\n      },\n    ]\"\n  >\n    <div\n      :class=\"[\n        'pv-flex',\n        {\n          'pv-stack-16': orientation === BannerOrientationsEnum.Vertical && $slots.action,\n        },\n      ]\"\n    >\n      <slot name=\"left\"></slot>\n      <PvIcon v-if=\"icon\" data-testid=\"pv-banner-icon\" class=\"pv-text-brand\" :name=\"icon\" />\n      <div>\n        <p\n          :class=\"[\n            ' pv-text-title-md pv-line-clamp',\n            {\n              'pv-stack-4': description,\n            },\n          ]\"\n          style=\"--lines: 2; font-weight: 500\"\n          :title=\"label\"\n        >\n          {{ label }}\n        </p>\n        <p v-if=\"description\" class=\"pv-text-body-sm pv-line-clamp\" style=\"--lines: 2\" :title=\"description\">\n          {{ description }}\n        </p>\n      </div>\n    </div>\n    <div class=\"pv-flex\">\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { BannerOrientations, BannerVariants, BannerVariantsEnum, BannerOrientationsEnum } from \"./types\";\n\nexport interface PvBannerProps {\n  /** Primary text displayed in the banner */\n  label: string;\n  /** Secondary descriptive text displayed below the label */\n  description?: string;\n  /** Icon name to display alongside the banner content */\n  icon?: string;\n  /** Visual style variant of the banner */\n  variant?: BannerVariants;\n  /** Layout orientation of the banner */\n  orientation?: BannerOrientations;\n}\n\nwithDefaults(defineProps<PvBannerProps>(), {\n  orientation: BannerOrientationsEnum.Horizontal,\n  variant: BannerVariantsEnum.Primary,\n});\n</script>\n\n<template>\n  <div\n    data-testid=\"pv-banner\"\n    :class=\"[\n      {\n        'pv-banner-primary': variant === BannerVariantsEnum.Primary,\n        'pv-banner-secondary': variant === BannerVariantsEnum.Secondary,\n        'pv-banner-tertiary': variant === BannerVariantsEnum.Tertiary,\n        'pv-flex pv-space-between': orientation === BannerOrientationsEnum.Horizontal,\n      },\n    ]\"\n  >\n    <div\n      :class=\"[\n        'pv-flex',\n        {\n          'pv-stack-16': orientation === BannerOrientationsEnum.Vertical && $slots.action,\n        },\n      ]\"\n    >\n      <slot name=\"left\"></slot>\n      <PvIcon v-if=\"icon\" data-testid=\"pv-banner-icon\" class=\"pv-text-brand\" :name=\"icon\" />\n      <div>\n        <p\n          :class=\"[\n            ' pv-text-title-md pv-line-clamp',\n            {\n              'pv-stack-4': description,\n            },\n          ]\"\n          style=\"--lines: 2; font-weight: 500\"\n          :title=\"label\"\n        >\n          {{ label }}\n        </p>\n        <p v-if=\"description\" class=\"pv-text-body-sm pv-line-clamp\" style=\"--lines: 2\" :title=\"description\">\n          {{ description }}\n        </p>\n      </div>\n    </div>\n    <div class=\"pv-flex\">\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvCompanyLogo from \"../PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { TagSize } from \"@/components/base/PvTag/types\";\n\nexport interface PvCompanyTag {\n  /**\n   * Company name. Displayed on the left\n   */\n  companyName: string;\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Show clear left icon\n   */\n  showClear?: boolean;\n  /**\n   * Spine - dotted state\n   */\n  spine?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCompanyTag>(), {\n  showClear: false,\n  size: \"md\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\", companyName: string): void;\n  (e: \"handle-click\", companyName: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <button\n    :class=\"['pv-tag-tertiary', tagSizeClass]\"\n    @click=\"$emit('handle-click', companyName)\"\n    data-testid=\"pv-company-tag\"\n  >\n    <PvCompanyLogo\n      :class=\"size === 'lg' ? 'pv-company-sm' : 'pv-company-xs'\"\n      data-testid=\"pv-company-tag-icon\"\n      :size=\"size === 'lg' ? 'sm' : 'xs'\"\n      :name=\"companyName\"\n    />\n    <span\n      :class=\"[\n        {\n          'pv-underline-dotted': spine,\n        },\n      ]\"\n    >\n      {{ companyName }}\n    </span>\n    <PvIcon\n      data-testid=\"pv-company-tag-close-icon\"\n      :size=\"12\"\n      name=\"close\"\n      v-if=\"showClear\"\n      @click.stop=\"$emit('handle-close', companyName)\"\n    />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvCompanyLogo from \"../PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { TagSize } from \"@/components/base/PvTag/types\";\n\nexport interface PvCompanyTag {\n  /**\n   * Company name. Displayed on the left\n   */\n  companyName: string;\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Show clear left icon\n   */\n  showClear?: boolean;\n  /**\n   * Spine - dotted state\n   */\n  spine?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCompanyTag>(), {\n  showClear: false,\n  size: \"md\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\", companyName: string): void;\n  (e: \"handle-click\", companyName: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <button\n    :class=\"['pv-tag-tertiary', tagSizeClass]\"\n    @click=\"$emit('handle-click', companyName)\"\n    data-testid=\"pv-company-tag\"\n  >\n    <PvCompanyLogo\n      :class=\"size === 'lg' ? 'pv-company-sm' : 'pv-company-xs'\"\n      data-testid=\"pv-company-tag-icon\"\n      :size=\"size === 'lg' ? 'sm' : 'xs'\"\n      :name=\"companyName\"\n    />\n    <span\n      :class=\"[\n        {\n          'pv-underline-dotted': spine,\n        },\n      ]\"\n    >\n      {{ companyName }}\n    </span>\n    <PvIcon\n      data-testid=\"pv-company-tag-close-icon\"\n      :size=\"12\"\n      name=\"close\"\n      v-if=\"showClear\"\n      @click.stop=\"$emit('handle-close', companyName)\"\n    />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { TagSize } from \"@/components/base/PvTag/types\";\n\nexport interface PvSuggestionTag {\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Tag Label\n   */\n  label: string;\n  /**\n   * Tag Icon\n   */\n  icon?: string;\n  /**\n   * Icon class\n   */\n  iconClasses?: string[];\n  /**\n   * Show rounded state\n   */\n  rounded?: boolean;\n  /**\n   * Disable the tag, preventing interaction\n   */\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSuggestionTag>(), {\n  size: \"md\",\n  disabled: false,\n});\n\ndefineEmits<{\n  (e: \"handle-click\", label: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <button\n    :class=\"['pv-border-dashed pv-tag-secondary', tagSizeClass]\"\n    @click=\"$emit('handle-click', label)\"\n    data-testid=\"pv-suggestion-tag\"\n    style=\"max-width: 100%\"\n    :data-style=\"rounded ? 'rounded' : undefined\"\n    :disabled=\"disabled\"\n    :title=\"label\"\n  >\n    <PvIcon data-testid=\"pv-suggestion-tag-icon\" v-if=\"icon\" :name=\"icon\" :size=\"12\" :class=\"iconClasses\" />\n    <span class=\"pv-truncate\">\n      {{ label }}\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { TagSize } from \"@/components/base/PvTag/types\";\n\nexport interface PvSuggestionTag {\n  /**\n   * Tag size\n   */\n  size?: TagSize;\n  /**\n   * Tag Label\n   */\n  label: string;\n  /**\n   * Tag Icon\n   */\n  icon?: string;\n  /**\n   * Icon class\n   */\n  iconClasses?: string[];\n  /**\n   * Show rounded state\n   */\n  rounded?: boolean;\n  /**\n   * Disable the tag, preventing interaction\n   */\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSuggestionTag>(), {\n  size: \"md\",\n  disabled: false,\n});\n\ndefineEmits<{\n  (e: \"handle-click\", label: string): void;\n}>();\n\nconst tagSizeClass = computed(() => {\n  switch (props.size) {\n    case \"lg\": {\n      return \"pv-tag-lg\";\n    }\n    case \"sm\": {\n      return \"pv-tag-sm\";\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <button\n    :class=\"['pv-border-dashed pv-tag-secondary', tagSizeClass]\"\n    @click=\"$emit('handle-click', label)\"\n    data-testid=\"pv-suggestion-tag\"\n    style=\"max-width: 100%\"\n    :data-style=\"rounded ? 'rounded' : undefined\"\n    :disabled=\"disabled\"\n    :title=\"label\"\n  >\n    <PvIcon data-testid=\"pv-suggestion-tag-icon\" v-if=\"icon\" :name=\"icon\" :size=\"12\" :class=\"iconClasses\" />\n    <span class=\"pv-truncate\">\n      {{ label }}\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { ChevronPosition } from \"./types\";\nimport { computed } from \"vue\";\nimport type { CSSProperties } from \"vue\";\n\ninterface PvAccordionProps {\n  /** Position of the chevron icon relative to the header text */\n  chevronPosition?: ChevronPosition;\n  /** Orientation of the chevron for the open/closed states (up-down vs right-down) */\n  chevronVariant?: \"vertical\" | \"horizontal\";\n  /** Whether the accordion is open by default on initial render */\n  defaultOpen?: boolean;\n  /** Optional counter badge value displayed next to the header text */\n  counter?: number;\n  /** Enables a custom trigger slot instead of the default header text */\n  enableTriggerSlot?: boolean;\n  /** Makes the trigger element expand to fill its container width */\n  enableTriggerFullWidth?: boolean;\n  /** Text displayed as the accordion header */\n  header?: string;\n  /** Custom CSS styles applied to the summary/trigger element */\n  summaryStyles?: CSSProperties;\n  /** CSS class bindings applied to the summary/trigger element */\n  summaryClasses?: Record<string, boolean>;\n  /** Custom CSS styles applied to the content container */\n  contentStyles?: CSSProperties;\n}\n\nconst props = withDefaults(defineProps<PvAccordionProps>(), {\n  chevronVariant: \"vertical\",\n  chevronPosition: \"right\",\n  enableTriggerSlot: false,\n  enableTriggerFullWidth: false,\n});\n\nconst accordionOpen = defineModel<boolean>();\n\ndefineEmits<{\n  (e: \"summary-mouseenter\"): void;\n  (e: \"summary-mouseleave\"): void;\n}>();\n\nif (props.defaultOpen !== undefined) {\n  accordionOpen.value = props.defaultOpen;\n}\n\nconst toggleAccordionState = (event: Event) => {\n  const detailsElement = event.target as HTMLDetailsElement;\n  accordionOpen.value = detailsElement.open;\n};\n\nconst triggerStyles = {\n  width: props.enableTriggerFullWidth ? \"100%\" : \"fit-content\",\n};\n\nconst chevronState = computed(() => {\n  if (props.chevronVariant === \"horizontal\") {\n    if (props.chevronPosition === \"left\") {\n      return accordionOpen.value ? \"chevron-down\" : \"chevron-right\";\n    } else {\n      return accordionOpen.value ? \"chevron-down\" : \"chevron-left\";\n    }\n  } else {\n    return accordionOpen.value ? \"chevron-up\" : \"chevron-down\";\n  }\n});\n</script>\n\n<template>\n  <details data-testid=\"pv-accordion\" class=\"pv-accordion\" :open=\"accordionOpen\" @toggle=\"toggleAccordionState\">\n    <summary\n      :class=\"['pv-flex pv-space-between pv-relative', summaryClasses]\"\n      :style=\"{ ...triggerStyles, ...summaryStyles }\"\n      @mouseenter=\"$emit('summary-mouseenter')\"\n      @mouseleave=\"$emit('summary-mouseleave')\"\n    >\n      <PvIcon v-if=\"chevronPosition === 'left'\" :name=\"chevronState\" />\n      <template v-if=\"enableTriggerSlot\">\n        <slot name=\"trigger\" />\n      </template>\n      <template v-else>\n        <span>\n          {{ header }}\n        </span>\n        <PvCounterBadge v-if=\"counter\" :value=\"counter\" variant=\"secondary\" size=\"sm\" />\n      </template>\n      <PvIcon v-if=\"chevronPosition === 'right'\" :name=\"chevronState\" />\n    </summary>\n    <div :style=\"contentStyles\">\n      <slot />\n    </div>\n  </details>\n</template>\n\n<style scoped>\nsummary {\n  background-image: none;\n  padding-right: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { ChevronPosition } from \"./types\";\nimport { computed } from \"vue\";\nimport type { CSSProperties } from \"vue\";\n\ninterface PvAccordionProps {\n  /** Position of the chevron icon relative to the header text */\n  chevronPosition?: ChevronPosition;\n  /** Orientation of the chevron for the open/closed states (up-down vs right-down) */\n  chevronVariant?: \"vertical\" | \"horizontal\";\n  /** Whether the accordion is open by default on initial render */\n  defaultOpen?: boolean;\n  /** Optional counter badge value displayed next to the header text */\n  counter?: number;\n  /** Enables a custom trigger slot instead of the default header text */\n  enableTriggerSlot?: boolean;\n  /** Makes the trigger element expand to fill its container width */\n  enableTriggerFullWidth?: boolean;\n  /** Text displayed as the accordion header */\n  header?: string;\n  /** Custom CSS styles applied to the summary/trigger element */\n  summaryStyles?: CSSProperties;\n  /** CSS class bindings applied to the summary/trigger element */\n  summaryClasses?: Record<string, boolean>;\n  /** Custom CSS styles applied to the content container */\n  contentStyles?: CSSProperties;\n}\n\nconst props = withDefaults(defineProps<PvAccordionProps>(), {\n  chevronVariant: \"vertical\",\n  chevronPosition: \"right\",\n  enableTriggerSlot: false,\n  enableTriggerFullWidth: false,\n});\n\nconst accordionOpen = defineModel<boolean>();\n\ndefineEmits<{\n  (e: \"summary-mouseenter\"): void;\n  (e: \"summary-mouseleave\"): void;\n}>();\n\nif (props.defaultOpen !== undefined) {\n  accordionOpen.value = props.defaultOpen;\n}\n\nconst toggleAccordionState = (event: Event) => {\n  const detailsElement = event.target as HTMLDetailsElement;\n  accordionOpen.value = detailsElement.open;\n};\n\nconst triggerStyles = {\n  width: props.enableTriggerFullWidth ? \"100%\" : \"fit-content\",\n};\n\nconst chevronState = computed(() => {\n  if (props.chevronVariant === \"horizontal\") {\n    if (props.chevronPosition === \"left\") {\n      return accordionOpen.value ? \"chevron-down\" : \"chevron-right\";\n    } else {\n      return accordionOpen.value ? \"chevron-down\" : \"chevron-left\";\n    }\n  } else {\n    return accordionOpen.value ? \"chevron-up\" : \"chevron-down\";\n  }\n});\n</script>\n\n<template>\n  <details data-testid=\"pv-accordion\" class=\"pv-accordion\" :open=\"accordionOpen\" @toggle=\"toggleAccordionState\">\n    <summary\n      :class=\"['pv-flex pv-space-between pv-relative', summaryClasses]\"\n      :style=\"{ ...triggerStyles, ...summaryStyles }\"\n      @mouseenter=\"$emit('summary-mouseenter')\"\n      @mouseleave=\"$emit('summary-mouseleave')\"\n    >\n      <PvIcon v-if=\"chevronPosition === 'left'\" :name=\"chevronState\" />\n      <template v-if=\"enableTriggerSlot\">\n        <slot name=\"trigger\" />\n      </template>\n      <template v-else>\n        <span>\n          {{ header }}\n        </span>\n        <PvCounterBadge v-if=\"counter\" :value=\"counter\" variant=\"secondary\" size=\"sm\" />\n      </template>\n      <PvIcon v-if=\"chevronPosition === 'right'\" :name=\"chevronState\" />\n    </summary>\n    <div :style=\"contentStyles\">\n      <slot />\n    </div>\n  </details>\n</template>\n\n<style scoped>\nsummary {\n  background-image: none;\n  padding-right: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, useTemplateRef, onMounted } from \"vue\";\nimport { onKeyStroke } from \"@vueuse/core\";\n\nexport interface PvSearchInputProps {\n  /**\n   * Placeholder text shown when the input is empty.\n   */\n  placeholder?: string;\n  /**\n   * When true, the input is non-interactive and visually dimmed.\n   */\n  disabled?: boolean;\n  /** When true, displays a keyboard shortcut badge (\"/\" key) and registers the hotkey to focus the input. */\n  displayShortcut?: boolean;\n}\n\nexport interface PvSearchInputExposed {\n  input: HTMLInputElement | null;\n}\n\nconst props = withDefaults(defineProps<PvSearchInputProps>(), {\n  placeholder: \"Search\",\n  disabled: false,\n});\n\nconst SHORTCUT = \"/\";\n\nconst input = useTemplateRef<HTMLInputElement | null>(\"search-input\");\nconst modelValue = defineModel<string>({ required: false, default: \"\" });\n\nconst pvSearchInputClasses = computed(() => {\n  return {\n    \"pv-input-search\": true,\n    \"pv-full-width\": true,\n    \"pv-input-padded-end\": true,\n  };\n});\n\nonMounted(() => {\n  if (!props.displayShortcut) return;\n\n  onKeyStroke(SHORTCUT, (e) => {\n    const target = e.target as HTMLElement | null;\n\n    const isTyping =\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      (target?.isContentEditable ?? false);\n\n    const isCurrentInputFocused = document.activeElement === input.value;\n\n    if (!isTyping || isCurrentInputFocused) {\n      if (!isCurrentInputFocused) {\n        e.preventDefault();\n        input.value?.focus();\n      }\n    }\n  });\n});\n\ndefineExpose({ input });\n</script>\n\n<template>\n  <div class=\"pv-relative\">\n    <input\n      ref=\"search-input\"\n      v-model=\"modelValue\"\n      data-testid=\"pv-search-input\"\n      type=\"text\"\n      :disabled=\"disabled\"\n      :class=\"pvSearchInputClasses\"\n      :placeholder=\"placeholder\"\n    />\n    <kbd v-if=\"displayShortcut\" data-testid=\"pv-search-input-shortcut\" class=\"pv-kbd\">\n      {{ SHORTCUT }}\n    </kbd>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useTemplateRef, onMounted } from \"vue\";\nimport { onKeyStroke } from \"@vueuse/core\";\n\nexport interface PvSearchInputProps {\n  /**\n   * Placeholder text shown when the input is empty.\n   */\n  placeholder?: string;\n  /**\n   * When true, the input is non-interactive and visually dimmed.\n   */\n  disabled?: boolean;\n  /** When true, displays a keyboard shortcut badge (\"/\" key) and registers the hotkey to focus the input. */\n  displayShortcut?: boolean;\n}\n\nexport interface PvSearchInputExposed {\n  input: HTMLInputElement | null;\n}\n\nconst props = withDefaults(defineProps<PvSearchInputProps>(), {\n  placeholder: \"Search\",\n  disabled: false,\n});\n\nconst SHORTCUT = \"/\";\n\nconst input = useTemplateRef<HTMLInputElement | null>(\"search-input\");\nconst modelValue = defineModel<string>({ required: false, default: \"\" });\n\nconst pvSearchInputClasses = computed(() => {\n  return {\n    \"pv-input-search\": true,\n    \"pv-full-width\": true,\n    \"pv-input-padded-end\": true,\n  };\n});\n\nonMounted(() => {\n  if (!props.displayShortcut) return;\n\n  onKeyStroke(SHORTCUT, (e) => {\n    const target = e.target as HTMLElement | null;\n\n    const isTyping =\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      (target?.isContentEditable ?? false);\n\n    const isCurrentInputFocused = document.activeElement === input.value;\n\n    if (!isTyping || isCurrentInputFocused) {\n      if (!isCurrentInputFocused) {\n        e.preventDefault();\n        input.value?.focus();\n      }\n    }\n  });\n});\n\ndefineExpose({ input });\n</script>\n\n<template>\n  <div class=\"pv-relative\">\n    <input\n      ref=\"search-input\"\n      v-model=\"modelValue\"\n      data-testid=\"pv-search-input\"\n      type=\"text\"\n      :disabled=\"disabled\"\n      :class=\"pvSearchInputClasses\"\n      :placeholder=\"placeholder\"\n    />\n    <kbd v-if=\"displayShortcut\" data-testid=\"pv-search-input-shortcut\" class=\"pv-kbd\">\n      {{ SHORTCUT }}\n    </kbd>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport DatePicker from \"primevue/datepicker\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\nexport interface PvDatePickerProps {\n  /**\n   * Defines the quantity of the selection.\n   */\n  selectionMode?: \"single\" | \"multiple\" | \"range\" | undefined;\n  /**\n   * Format of the date. Defaults to PrimeVue Locale configuration.\n   */\n  dateFormat?: string | undefined;\n  /**\n   * When enabled, displays the datepicker as inline instead of an overlay.\n   */\n  inline?: boolean | undefined;\n  /**\n   * Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true.\n   */\n  selectOtherMonths?: boolean | undefined;\n  /**\n   * Number of months to display.\n   */\n  numberOfMonths?: number | undefined;\n  /**\n   * Type of view to display.\n   */\n  view?: \"date\" | \"month\" | \"year\" | undefined;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: Date | undefined;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: Date | undefined;\n  /**\n   * Array with dates to disable.\n   */\n  disabledDates?: Date[] | undefined;\n  /**\n   * Array with disabled weekday numbers.\n   */\n  disabledDays?: number[] | undefined;\n  /**\n   * Maximum number of selectable dates in multiple mode.\n   */\n  maxDateCount?: number | undefined;\n  /**\n   * Whether to display today and clear buttons at the footer.\n   */\n  showButtonBar?: boolean | undefined;\n  /**\n   * When enabled, datepicker will show week numbers.\n   */\n  showWeek?: boolean | undefined;\n  /**\n   * Whether to allow entering the date manually via typing.\n   */\n  manualInput?: boolean | undefined;\n  /**\n   * When present, it specifies that the component should be disabled.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * When present, it specifies that the component should have invalid state style.\n   */\n  invalid?: boolean | undefined;\n  /**\n   * When present, it specifies that an input field is read-only.\n   */\n  readonly?: boolean | undefined;\n  /**\n   * Placeholder text for the input.\n   */\n  placeholder?: string | undefined;\n  /**\n   * When enabled, displays a button with icon next to input.\n   */\n  showIcon?: boolean;\n  /**\n   * When input should take 100% width\n   */\n  fullWidth?: boolean;\n  /**\n   * A valid query selector or an HTMLElement to specify where the overlay gets attached.\n   */\n  appendTo?: \"body\" | \"self\" | undefined;\n  /**\n   * Style class of the datepicker panel.\n   */\n  panelClass?: string | undefined;\n}\n\nconst date = defineModel<Date>({ required: true });\nconst props = withDefaults(defineProps<PvDatePickerProps>(), {\n  appendTo: \"body\",\n});\n</script>\n\n<template>\n  <DatePicker\n    v-model=\"date\"\n    v-bind=\"props\"\n    :showIcon=\"showIcon\"\n    :iconDisplay=\"showIcon ? 'input' : undefined\"\n    :fluid=\"fullWidth\"\n  >\n    <template #inputicon=\"slotProps\">\n      <PvIcon name=\"calendar\" @click=\"slotProps.clickCallback\" />\n    </template>\n  </DatePicker>\n</template>\n","<script setup lang=\"ts\">\nimport DatePicker from \"primevue/datepicker\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\nexport interface PvDatePickerProps {\n  /**\n   * Defines the quantity of the selection.\n   */\n  selectionMode?: \"single\" | \"multiple\" | \"range\" | undefined;\n  /**\n   * Format of the date. Defaults to PrimeVue Locale configuration.\n   */\n  dateFormat?: string | undefined;\n  /**\n   * When enabled, displays the datepicker as inline instead of an overlay.\n   */\n  inline?: boolean | undefined;\n  /**\n   * Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true.\n   */\n  selectOtherMonths?: boolean | undefined;\n  /**\n   * Number of months to display.\n   */\n  numberOfMonths?: number | undefined;\n  /**\n   * Type of view to display.\n   */\n  view?: \"date\" | \"month\" | \"year\" | undefined;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: Date | undefined;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: Date | undefined;\n  /**\n   * Array with dates to disable.\n   */\n  disabledDates?: Date[] | undefined;\n  /**\n   * Array with disabled weekday numbers.\n   */\n  disabledDays?: number[] | undefined;\n  /**\n   * Maximum number of selectable dates in multiple mode.\n   */\n  maxDateCount?: number | undefined;\n  /**\n   * Whether to display today and clear buttons at the footer.\n   */\n  showButtonBar?: boolean | undefined;\n  /**\n   * When enabled, datepicker will show week numbers.\n   */\n  showWeek?: boolean | undefined;\n  /**\n   * Whether to allow entering the date manually via typing.\n   */\n  manualInput?: boolean | undefined;\n  /**\n   * When present, it specifies that the component should be disabled.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * When present, it specifies that the component should have invalid state style.\n   */\n  invalid?: boolean | undefined;\n  /**\n   * When present, it specifies that an input field is read-only.\n   */\n  readonly?: boolean | undefined;\n  /**\n   * Placeholder text for the input.\n   */\n  placeholder?: string | undefined;\n  /**\n   * When enabled, displays a button with icon next to input.\n   */\n  showIcon?: boolean;\n  /**\n   * When input should take 100% width\n   */\n  fullWidth?: boolean;\n  /**\n   * A valid query selector or an HTMLElement to specify where the overlay gets attached.\n   */\n  appendTo?: \"body\" | \"self\" | undefined;\n  /**\n   * Style class of the datepicker panel.\n   */\n  panelClass?: string | undefined;\n}\n\nconst date = defineModel<Date>({ required: true });\nconst props = withDefaults(defineProps<PvDatePickerProps>(), {\n  appendTo: \"body\",\n});\n</script>\n\n<template>\n  <DatePicker\n    v-model=\"date\"\n    v-bind=\"props\"\n    :showIcon=\"showIcon\"\n    :iconDisplay=\"showIcon ? 'input' : undefined\"\n    :fluid=\"fullWidth\"\n  >\n    <template #inputicon=\"slotProps\">\n      <PvIcon name=\"calendar\" @click=\"slotProps.clickCallback\" />\n    </template>\n  </DatePicker>\n</template>\n","import dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\nimport timezone from \"dayjs/plugin/timezone\";\nimport customParseFormat from \"dayjs/plugin/advancedFormat\";\n\ndayjs.extend(customParseFormat);\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport const useDateTime = () => {\n  const getCondensedDate = ({ date }: { date: Date }) => {\n    return dayjs(date).format(\"MM/DD/YYYY\");\n  };\n\n  const getTime = ({ date, timezone }: { date: Date; timezone?: string }) => {\n    if (timezone === undefined) {\n      return dayjs(date).format(\"h:mm A\");\n    } else {\n      return dayjs(date).tz(timezone).format(\"h:mm A z\");\n    }\n  };\n\n  return {\n    getCondensedDate,\n    getTime,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvSize } from \"../baseProps\";\nimport { useDateTime } from \"./useDateTime\";\n\ntype DateTimeSize = Extract<PvSize, \"xs\" | \"sm\">;\n\ninterface PvDateTimeProps {\n  /** Display format: \"condensed\" for MM/DD/YYYY, \"time\" for h:mm AM/PM */\n  variants?: \"condensed\" | \"time\";\n  /** IANA timezone identifier for time display (e.g. \"America/New_York\") */\n  timezone?: string;\n  /** Date object to format and display */\n  date: Date;\n  /** Text size of the displayed date/time */\n  size?: DateTimeSize;\n}\n\nconst props = withDefaults(defineProps<PvDateTimeProps>(), {\n  variants: \"condensed\",\n  size: \"sm\",\n});\n\nconst { getCondensedDate, getTime } = useDateTime();\n\nconst dataFormat = computed(() => {\n  switch (props.variants) {\n    case \"time\": {\n      return getTime({ date: props.date, timezone: props.timezone });\n    }\n    case \"condensed\": {\n      return getCondensedDate({ date: props.date });\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <span\n    data-testid=\"pv-date-time\"\n    :class=\"[\n      'pv-text-secondary',\n      {\n        'pv-text-body-xxs': size === 'xs',\n        'pv-text-body-md': size === 'sm',\n      },\n    ]\"\n  >\n    {{ dataFormat }}\n  </span>\n</template>\n\n<style scoped>\n.pv-text-secondary {\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvSize } from \"../baseProps\";\nimport { useDateTime } from \"./useDateTime\";\n\ntype DateTimeSize = Extract<PvSize, \"xs\" | \"sm\">;\n\ninterface PvDateTimeProps {\n  /** Display format: \"condensed\" for MM/DD/YYYY, \"time\" for h:mm AM/PM */\n  variants?: \"condensed\" | \"time\";\n  /** IANA timezone identifier for time display (e.g. \"America/New_York\") */\n  timezone?: string;\n  /** Date object to format and display */\n  date: Date;\n  /** Text size of the displayed date/time */\n  size?: DateTimeSize;\n}\n\nconst props = withDefaults(defineProps<PvDateTimeProps>(), {\n  variants: \"condensed\",\n  size: \"sm\",\n});\n\nconst { getCondensedDate, getTime } = useDateTime();\n\nconst dataFormat = computed(() => {\n  switch (props.variants) {\n    case \"time\": {\n      return getTime({ date: props.date, timezone: props.timezone });\n    }\n    case \"condensed\": {\n      return getCondensedDate({ date: props.date });\n    }\n    default: {\n      return \"\";\n    }\n  }\n});\n</script>\n\n<template>\n  <span\n    data-testid=\"pv-date-time\"\n    :class=\"[\n      'pv-text-secondary',\n      {\n        'pv-text-body-xxs': size === 'xs',\n        'pv-text-body-md': size === 'sm',\n      },\n    ]\"\n  >\n    {{ dataFormat }}\n  </span>\n</template>\n\n<style scoped>\n.pv-text-secondary {\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { watch, useTemplateRef, onMounted } from \"vue\";\nimport { onKeyStroke, onClickOutside } from \"@vueuse/core\";\n\nimport PvSearchInput, { PvSearchInputProps } from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\n\nexport interface PvDrawer {\n  header?: string;\n  subheader?: string;\n  showSearchbar?: boolean;\n  closeOnClickOutside?: boolean;\n  searchInputProps?: PvSearchInputProps;\n}\n\nconst props = withDefaults(defineProps<PvDrawer>(), {\n  closeOnClickOutside: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"click-outside\"): void;\n}>();\n\nconst sidePanel = useTemplateRef(\"sidePanel\");\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n});\nconst showDrawer = defineModel<boolean>({\n  required: true,\n});\n\nonMounted(() => {\n  if (showDrawer.value) {\n    sidePanel?.value?.setAttribute(\"open\", \"true\");\n  }\n\n  if (props.closeOnClickOutside) {\n    attachClickOutsideHandler();\n  }\n});\n\nconst attachClickOutsideHandler = () => {\n  if (!sidePanel.value) return;\n\n  onClickOutside(\n    sidePanel.value,\n    () => {\n      if (showDrawer.value) {\n        emit(\"click-outside\");\n        handleClose();\n      }\n    },\n    { ignore: [\".pv-click-outside-ignore\"] },\n  );\n};\n\nconst handleClose = () => {\n  sidePanel?.value?.removeAttribute(\"open\");\n  showDrawer.value = false;\n};\n\nwatch(\n  () => showDrawer.value,\n  () => {\n    if (showDrawer.value) {\n      sidePanel?.value?.setAttribute(\"open\", \"true\");\n    } else {\n      sidePanel?.value?.removeAttribute(\"open\");\n    }\n  },\n);\n\nonKeyStroke(\"Escape\", () => {\n  if (sidePanel.value && showDrawer.value) {\n    handleClose();\n  }\n});\n</script>\n\n<template>\n  <div\n    class=\"pv-drawer pv-surface\"\n    ref=\"sidePanel\"\n    data-testid=\"pv-drawer\"\n    style=\"display: flex; flex-direction: column; height: 100%\"\n  >\n    <!-- Header Section (Fixed) -->\n    <div class=\"pv-inset-squish-12 pv-border-bottom\" style=\"flex-shrink: 0\">\n      <slot v-if=\"$slots.header\" name=\"header\" />\n      <template v-else>\n        <div class=\"pv-flex-vertical pv-stack-16\" style=\"--flex-align: flex-start\">\n          <div class=\"pv-flex pv-full-width\">\n            <span class=\"pv-full-width pv-heading-3\">{{ header }}</span>\n            <PvButton\n              left-icon=\"close\"\n              ariaLabel=\"Close\"\n              size=\"md\"\n              @click=\"handleClose\"\n              data-testid=\"pv-side-panel-close-button\"\n              variant=\"ghost\"\n            />\n          </div>\n          <span v-if=\"subheader\" class=\"pv-text-body-md\">{{ subheader }}</span>\n        </div>\n        <div v-if=\"showSearchbar && searchInput !== undefined\" class=\"pv-inset-inline-16\">\n          <PvSearchInput\n            data-testid=\"pv-side-panel-input-search\"\n            v-model=\"searchInput\"\n            v-bind=\"props.searchInputProps\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <!-- Main Content Section (Scrollable) -->\n    <div class=\"pv-inset-inline-16\" style=\"flex: 1; overflow-y: auto; min-height: 0\">\n      <slot />\n    </div>\n\n    <!-- Footer Section (Fixed) -->\n    <div v-if=\"$slots.footer\" class=\"pv-inset-squish-12 pv-border-top\" style=\"flex-shrink: 0\">\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { watch, useTemplateRef, onMounted } from \"vue\";\nimport { onKeyStroke, onClickOutside } from \"@vueuse/core\";\n\nimport PvSearchInput, { PvSearchInputProps } from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\n\nexport interface PvDrawer {\n  header?: string;\n  subheader?: string;\n  showSearchbar?: boolean;\n  closeOnClickOutside?: boolean;\n  searchInputProps?: PvSearchInputProps;\n}\n\nconst props = withDefaults(defineProps<PvDrawer>(), {\n  closeOnClickOutside: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"click-outside\"): void;\n}>();\n\nconst sidePanel = useTemplateRef(\"sidePanel\");\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n});\nconst showDrawer = defineModel<boolean>({\n  required: true,\n});\n\nonMounted(() => {\n  if (showDrawer.value) {\n    sidePanel?.value?.setAttribute(\"open\", \"true\");\n  }\n\n  if (props.closeOnClickOutside) {\n    attachClickOutsideHandler();\n  }\n});\n\nconst attachClickOutsideHandler = () => {\n  if (!sidePanel.value) return;\n\n  onClickOutside(\n    sidePanel.value,\n    () => {\n      if (showDrawer.value) {\n        emit(\"click-outside\");\n        handleClose();\n      }\n    },\n    { ignore: [\".pv-click-outside-ignore\"] },\n  );\n};\n\nconst handleClose = () => {\n  sidePanel?.value?.removeAttribute(\"open\");\n  showDrawer.value = false;\n};\n\nwatch(\n  () => showDrawer.value,\n  () => {\n    if (showDrawer.value) {\n      sidePanel?.value?.setAttribute(\"open\", \"true\");\n    } else {\n      sidePanel?.value?.removeAttribute(\"open\");\n    }\n  },\n);\n\nonKeyStroke(\"Escape\", () => {\n  if (sidePanel.value && showDrawer.value) {\n    handleClose();\n  }\n});\n</script>\n\n<template>\n  <div\n    class=\"pv-drawer pv-surface\"\n    ref=\"sidePanel\"\n    data-testid=\"pv-drawer\"\n    style=\"display: flex; flex-direction: column; height: 100%\"\n  >\n    <!-- Header Section (Fixed) -->\n    <div class=\"pv-inset-squish-12 pv-border-bottom\" style=\"flex-shrink: 0\">\n      <slot v-if=\"$slots.header\" name=\"header\" />\n      <template v-else>\n        <div class=\"pv-flex-vertical pv-stack-16\" style=\"--flex-align: flex-start\">\n          <div class=\"pv-flex pv-full-width\">\n            <span class=\"pv-full-width pv-heading-3\">{{ header }}</span>\n            <PvButton\n              left-icon=\"close\"\n              ariaLabel=\"Close\"\n              size=\"md\"\n              @click=\"handleClose\"\n              data-testid=\"pv-side-panel-close-button\"\n              variant=\"ghost\"\n            />\n          </div>\n          <span v-if=\"subheader\" class=\"pv-text-body-md\">{{ subheader }}</span>\n        </div>\n        <div v-if=\"showSearchbar && searchInput !== undefined\" class=\"pv-inset-inline-16\">\n          <PvSearchInput\n            data-testid=\"pv-side-panel-input-search\"\n            v-model=\"searchInput\"\n            v-bind=\"props.searchInputProps\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <!-- Main Content Section (Scrollable) -->\n    <div class=\"pv-inset-inline-16\" style=\"flex: 1; overflow-y: auto; min-height: 0\">\n      <slot />\n    </div>\n\n    <!-- Footer Section (Fixed) -->\n    <div v-if=\"$slots.footer\" class=\"pv-inset-squish-12 pv-border-top\" style=\"flex-shrink: 0\">\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { Tab, TabSize } from \"./types\";\n\ninterface PvTabsProps {\n  /** Array of tab objects defining each tab's label, icon, and counter */\n  tabs: Tab[];\n  /** Size of the tab list */\n  size?: TabSize;\n}\n\nwithDefaults(defineProps<PvTabsProps>(), {\n  size: \"lg\",\n});\n\nconst selectedTab = defineModel<string>({ required: true });\n\nconst handleSelectTab = (tab: string) => {\n  selectedTab.value = tab;\n};\n\nconst isTabSelected = (tab: Tab) => {\n  return tab.label === selectedTab.value ? true : null;\n};\n</script>\n\n<template>\n  <ul\n    data-testid=\"pv-tabs\"\n    role=\"list\"\n    :class=\"{\n      'pv-tab-list-small': size === 'lg',\n      'pv-tab-list': size === 'xl',\n    }\"\n  >\n    <li\n      v-for=\"tab in tabs\"\n      :key=\"tab.label\"\n      :data-active=\"isTabSelected(tab)\"\n      data-testid=\"pv-tab\"\n      type=\"button\"\n      @click=\"() => handleSelectTab(tab.label)\"\n    >\n      <button type=\"button\">\n        <PvIcon v-if=\"tab.icon\" :name=\"tab.icon\" />\n        {{ tab.label }}\n        <PvCounterBadge\n          v-if=\"tab.counter\"\n          :value=\"tab.counter\"\n          :variant=\"isTabSelected(tab) ? 'primary' : 'tertiary'\"\n          size=\"sm\"\n        />\n      </button>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport PvCounterBadge from \"../PvCounterBadge/PvCounterBadge.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { Tab, TabSize } from \"./types\";\n\ninterface PvTabsProps {\n  /** Array of tab objects defining each tab's label, icon, and counter */\n  tabs: Tab[];\n  /** Size of the tab list */\n  size?: TabSize;\n}\n\nwithDefaults(defineProps<PvTabsProps>(), {\n  size: \"lg\",\n});\n\nconst selectedTab = defineModel<string>({ required: true });\n\nconst handleSelectTab = (tab: string) => {\n  selectedTab.value = tab;\n};\n\nconst isTabSelected = (tab: Tab) => {\n  return tab.label === selectedTab.value ? true : null;\n};\n</script>\n\n<template>\n  <ul\n    data-testid=\"pv-tabs\"\n    role=\"list\"\n    :class=\"{\n      'pv-tab-list-small': size === 'lg',\n      'pv-tab-list': size === 'xl',\n    }\"\n  >\n    <li\n      v-for=\"tab in tabs\"\n      :key=\"tab.label\"\n      :data-active=\"isTabSelected(tab)\"\n      data-testid=\"pv-tab\"\n      type=\"button\"\n      @click=\"() => handleSelectTab(tab.label)\"\n    >\n      <button type=\"button\">\n        <PvIcon v-if=\"tab.icon\" :name=\"tab.icon\" />\n        {{ tab.label }}\n        <PvCounterBadge\n          v-if=\"tab.counter\"\n          :value=\"tab.counter\"\n          :variant=\"isTabSelected(tab) ? 'primary' : 'tertiary'\"\n          size=\"sm\"\n        />\n      </button>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { PvBreadcrumbsOptions } from \"./types\";\n\ninterface PvBreadcrumbsProps {\n  /** Array of breadcrumb items defining the navigation trail */\n  options: PvBreadcrumbsOptions[];\n}\n\ndefineProps<PvBreadcrumbsProps>();\n</script>\n\n<template>\n  <ul class=\"pv-breadcrumbs\" role=\"list\" data-testid=\"pv-breadcrumbs\">\n    <li v-for=\"option in options\" :key=\"option.label\">\n      <a v-if=\"option.href\" :href=\"option.href\">{{ option.label }}</a>\n      <template v-else>{{ option.label }}</template>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { PvBreadcrumbsOptions } from \"./types\";\n\ninterface PvBreadcrumbsProps {\n  /** Array of breadcrumb items defining the navigation trail */\n  options: PvBreadcrumbsOptions[];\n}\n\ndefineProps<PvBreadcrumbsProps>();\n</script>\n\n<template>\n  <ul class=\"pv-breadcrumbs\" role=\"list\" data-testid=\"pv-breadcrumbs\">\n    <li v-for=\"option in options\" :key=\"option.label\">\n      <a v-if=\"option.href\" :href=\"option.href\">{{ option.label }}</a>\n      <template v-else>{{ option.label }}</template>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { MenuActionsVariant } from \"@/components/base/PvMultiSelectButton/types.ts\";\n\ndefineProps<{\n  variant?: MenuActionsVariant;\n  disabled?: boolean;\n}>();\n\ndefineEmits<{\n  (e: \"handle-select-all\"): void;\n  (e: \"handle-clear-all\"): void;\n  (e: \"handle-cancel\"): void;\n  (e: \"handle-confirm\"): void;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pv-select-menu-control-panel\" class=\"pv-flex pv-space-between\">\n    <template v-if=\"variant === 'select-clear'\">\n      <PvButton\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-select-all\"\n        @click=\"$emit('handle-select-all')\"\n        label=\"Select All\"\n        :disabled=\"disabled\"\n      />\n      <PvButton\n        label=\"Clear All\"\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-clear-all\"\n        @click=\"$emit('handle-clear-all')\"\n        :disabled=\"disabled\"\n      />\n    </template>\n    <template v-else-if=\"variant === 'cancel-confirm'\">\n      <PvButton\n        label=\"Cancel\"\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-cancel\"\n        @click=\"$emit('handle-cancel')\"\n        :disabled=\"disabled\"\n      />\n      <PvButton\n        label=\"Confirm\"\n        data-testid=\"pv-select-menu-item-confirm\"\n        @click=\"$emit('handle-confirm')\"\n        :disabled=\"disabled\"\n      />\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { MenuActionsVariant } from \"@/components/base/PvMultiSelectButton/types.ts\";\n\ndefineProps<{\n  variant?: MenuActionsVariant;\n  disabled?: boolean;\n}>();\n\ndefineEmits<{\n  (e: \"handle-select-all\"): void;\n  (e: \"handle-clear-all\"): void;\n  (e: \"handle-cancel\"): void;\n  (e: \"handle-confirm\"): void;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pv-select-menu-control-panel\" class=\"pv-flex pv-space-between\">\n    <template v-if=\"variant === 'select-clear'\">\n      <PvButton\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-select-all\"\n        @click=\"$emit('handle-select-all')\"\n        label=\"Select All\"\n        :disabled=\"disabled\"\n      />\n      <PvButton\n        label=\"Clear All\"\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-clear-all\"\n        @click=\"$emit('handle-clear-all')\"\n        :disabled=\"disabled\"\n      />\n    </template>\n    <template v-else-if=\"variant === 'cancel-confirm'\">\n      <PvButton\n        label=\"Cancel\"\n        variant=\"ghost\"\n        data-testid=\"pv-select-menu-item-cancel\"\n        @click=\"$emit('handle-cancel')\"\n        :disabled=\"disabled\"\n      />\n      <PvButton\n        label=\"Confirm\"\n        data-testid=\"pv-select-menu-item-confirm\"\n        @click=\"$emit('handle-confirm')\"\n        :disabled=\"disabled\"\n      />\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../../PvIcon/PvIcon.vue\";\nimport PvCounterBadge from \"../../PvCounterBadge/PvCounterBadge.vue\";\nimport PvCompanyLogo from \"../../PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvTooltip from \"../../PvTooltip/PvTooltip.vue\";\nimport { PvSelectButtonSize, PvSelectButtonVariant } from \"../../PvMultiSelectButton/types\";\nimport { PvCounterBadgeVariant } from \"../../PvCounterBadge/types\";\nimport { computed } from \"vue\";\nimport { pvButtonSizeToClass, supportedInverseButtonVariants } from \"@/components/base/PvButton/helpers.ts\";\n\nexport interface PvSelectButtonTrigger {\n  variant?: PvSelectButtonVariant;\n  inverse?: boolean;\n  size?: PvSelectButtonSize;\n  disabled?: boolean;\n  counterPosition?: \"left\" | \"right\" | \"none\";\n  counterValue?: number;\n  counterBadgeVariant?: PvCounterBadgeVariant;\n  prefixLabel?: string;\n  label?: string;\n  icon?: string;\n  companyLogo?: string;\n  showClear?: boolean;\n  showDropdown?: boolean;\n  open: boolean;\n  isLoading?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSelectButtonTrigger>(), {\n  size: \"lg\",\n  variant: \"secondary\",\n  showDropdown: true,\n});\n\ndefineEmits<{\n  (e: \"handle-clear\"): void;\n}>();\n\nconst classes = computed(() => {\n  const output = [\"pv-flex\", \"pv-space-between\", \"pv-full-width\"];\n  if (props.inverse && supportedInverseButtonVariants.includes(props.variant)) {\n    output.push(`pv-button-${props.variant}-inverse`);\n  } else {\n    output.push(`pv-button-${props.variant}`);\n  }\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n</script>\n\n<template>\n  <button\n    data-testid=\"pv-multi-select-button-trigger\"\n    :class=\"classes\"\n    style=\"--flex-gap: 0.25rem\"\n    :disabled=\"disabled || isLoading\"\n  >\n    <div class=\"pv-flex\">\n      <p\n        data-testid=\"pv-select-prefix-label\"\n        v-if=\"prefixLabel\"\n        class=\"pv-border-right pv-text-quaternary\"\n        style=\"padding-right: 4px\"\n      >\n        {{ prefixLabel }}\n      </p>\n      <PvCounterBadge\n        v-if=\"counterPosition === 'left' && counterValue\"\n        data-testid=\"pv-multi-select-left-counter-badge\"\n        :value=\"counterValue\"\n        :variant=\"counterBadgeVariant\"\n        size=\"sm\"\n      />\n      <PvIcon v-if=\"icon\" data-testid=\"pv-multi-select-button-icon\" :name=\"icon\" />\n      <PvCompanyLogo v-if=\"companyLogo\" :name=\"companyLogo\" size=\"sm\" />\n      <span v-if=\"isLoading || label\">\n        {{ isLoading ? \"Loading...\" : label }}\n      </span>\n      <PvCounterBadge\n        v-if=\"counterPosition === 'right' && counterValue\"\n        data-testid=\"pv-multi-select-right-counter-badge\"\n        :value=\"counterValue\"\n        :variant=\"counterBadgeVariant\"\n        size=\"sm\"\n      />\n    </div>\n\n    <PvIcon v-if=\"showDropdown\" :name=\"open ? 'chevron-up' : 'chevron-down'\" />\n    <PvTooltip v-if=\"showClear\" size=\"sm\" variant=\"dark\" tooltip-position=\"top-left\">\n      <template #label>\n        <PvIcon name=\"close\" @click.stop=\"$emit('handle-clear')\" />\n      </template>\n      <template #tooltip-content> Clear Selections </template>\n    </PvTooltip>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../../PvIcon/PvIcon.vue\";\nimport PvCounterBadge from \"../../PvCounterBadge/PvCounterBadge.vue\";\nimport PvCompanyLogo from \"../../PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvTooltip from \"../../PvTooltip/PvTooltip.vue\";\nimport { PvSelectButtonSize, PvSelectButtonVariant } from \"../../PvMultiSelectButton/types\";\nimport { PvCounterBadgeVariant } from \"../../PvCounterBadge/types\";\nimport { computed } from \"vue\";\nimport { pvButtonSizeToClass, supportedInverseButtonVariants } from \"@/components/base/PvButton/helpers.ts\";\n\nexport interface PvSelectButtonTrigger {\n  variant?: PvSelectButtonVariant;\n  inverse?: boolean;\n  size?: PvSelectButtonSize;\n  disabled?: boolean;\n  counterPosition?: \"left\" | \"right\" | \"none\";\n  counterValue?: number;\n  counterBadgeVariant?: PvCounterBadgeVariant;\n  prefixLabel?: string;\n  label?: string;\n  icon?: string;\n  companyLogo?: string;\n  showClear?: boolean;\n  showDropdown?: boolean;\n  open: boolean;\n  isLoading?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSelectButtonTrigger>(), {\n  size: \"lg\",\n  variant: \"secondary\",\n  showDropdown: true,\n});\n\ndefineEmits<{\n  (e: \"handle-clear\"): void;\n}>();\n\nconst classes = computed(() => {\n  const output = [\"pv-flex\", \"pv-space-between\", \"pv-full-width\"];\n  if (props.inverse && supportedInverseButtonVariants.includes(props.variant)) {\n    output.push(`pv-button-${props.variant}-inverse`);\n  } else {\n    output.push(`pv-button-${props.variant}`);\n  }\n  const sizeClass = pvButtonSizeToClass(props.size);\n  if (sizeClass) {\n    output.push(sizeClass);\n  }\n  return output;\n});\n</script>\n\n<template>\n  <button\n    data-testid=\"pv-multi-select-button-trigger\"\n    :class=\"classes\"\n    style=\"--flex-gap: 0.25rem\"\n    :disabled=\"disabled || isLoading\"\n  >\n    <div class=\"pv-flex\">\n      <p\n        data-testid=\"pv-select-prefix-label\"\n        v-if=\"prefixLabel\"\n        class=\"pv-border-right pv-text-quaternary\"\n        style=\"padding-right: 4px\"\n      >\n        {{ prefixLabel }}\n      </p>\n      <PvCounterBadge\n        v-if=\"counterPosition === 'left' && counterValue\"\n        data-testid=\"pv-multi-select-left-counter-badge\"\n        :value=\"counterValue\"\n        :variant=\"counterBadgeVariant\"\n        size=\"sm\"\n      />\n      <PvIcon v-if=\"icon\" data-testid=\"pv-multi-select-button-icon\" :name=\"icon\" />\n      <PvCompanyLogo v-if=\"companyLogo\" :name=\"companyLogo\" size=\"sm\" />\n      <span v-if=\"isLoading || label\">\n        {{ isLoading ? \"Loading...\" : label }}\n      </span>\n      <PvCounterBadge\n        v-if=\"counterPosition === 'right' && counterValue\"\n        data-testid=\"pv-multi-select-right-counter-badge\"\n        :value=\"counterValue\"\n        :variant=\"counterBadgeVariant\"\n        size=\"sm\"\n      />\n    </div>\n\n    <PvIcon v-if=\"showDropdown\" :name=\"open ? 'chevron-up' : 'chevron-down'\" />\n    <PvTooltip v-if=\"showClear\" size=\"sm\" variant=\"dark\" tooltip-position=\"top-left\">\n      <template #label>\n        <PvIcon name=\"close\" @click.stop=\"$emit('handle-clear')\" />\n      </template>\n      <template #tooltip-content> Clear Selections </template>\n    </PvTooltip>\n  </button>\n</template>\n","<template>\n  <div class=\"pv-text-subdued pv-text-center pv-text-body-md pv-inset-square-12\">No Results Found</div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvIconSize } from \"../baseProps\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { PvAvatarSize, PvAvatarVariant } from \"./types\";\n\ninterface PvAvatarProps {\n  /** Icon name from the SVG sprite to display inside the avatar. Takes priority over `initials` and `image`. */\n  icon?: string;\n  /** URL of an image to display. Only rendered when `icon` and `initials` are not set. */\n  image?: string;\n  /** Accessible alt text for the avatar image. Defaults to \"\" (decorative) when initials or other context provides the name. */\n  alt?: string;\n  /** One or two character string displayed when no icon is provided. Takes priority over `image` when both are set. */\n  initials?: string;\n  /** Display size of the avatar. */\n  size?: PvAvatarSize;\n  /** Color variant applied to the avatar background (1–7). */\n  variant?: PvAvatarVariant;\n}\n\nconst avatarSizeToClass: Record<PvAvatarSize, string> = {\n  sm: \"pv-avatar-16\",\n  md: \"pv-avatar-20\",\n  lg: \"pv-avatar-xs\",\n  xl: \"pv-avatar-sm\",\n  \"2x\": \"pv-avatar-md\",\n};\n\nconst iconSizeToAvatarSize: Partial<Record<PvAvatarSize, PvIconSize>> = {\n  sm: 10,\n  md: 12,\n  lg: undefined,\n  xl: 20,\n  \"2x\": 20,\n};\n\nwithDefaults(defineProps<PvAvatarProps>(), {\n  size: \"lg\",\n});\n</script>\n\n<template>\n  <div :class=\"avatarSizeToClass[size]\" data-testid=\"pv-avatar\" :data-style=\"variant\">\n    <PvIcon v-if=\"icon\" :name=\"icon\" :size=\"iconSizeToAvatarSize[size]\" />\n    <template v-else-if=\"initials\">{{ initials }}</template>\n    <template v-else-if=\"image\">\n      <img :src=\"image\" :alt=\"alt ?? ''\" />\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvIconSize } from \"../baseProps\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport { PvAvatarSize, PvAvatarVariant } from \"./types\";\n\ninterface PvAvatarProps {\n  /** Icon name from the SVG sprite to display inside the avatar. Takes priority over `initials` and `image`. */\n  icon?: string;\n  /** URL of an image to display. Only rendered when `icon` and `initials` are not set. */\n  image?: string;\n  /** Accessible alt text for the avatar image. Defaults to \"\" (decorative) when initials or other context provides the name. */\n  alt?: string;\n  /** One or two character string displayed when no icon is provided. Takes priority over `image` when both are set. */\n  initials?: string;\n  /** Display size of the avatar. */\n  size?: PvAvatarSize;\n  /** Color variant applied to the avatar background (1–7). */\n  variant?: PvAvatarVariant;\n}\n\nconst avatarSizeToClass: Record<PvAvatarSize, string> = {\n  sm: \"pv-avatar-16\",\n  md: \"pv-avatar-20\",\n  lg: \"pv-avatar-xs\",\n  xl: \"pv-avatar-sm\",\n  \"2x\": \"pv-avatar-md\",\n};\n\nconst iconSizeToAvatarSize: Partial<Record<PvAvatarSize, PvIconSize>> = {\n  sm: 10,\n  md: 12,\n  lg: undefined,\n  xl: 20,\n  \"2x\": 20,\n};\n\nwithDefaults(defineProps<PvAvatarProps>(), {\n  size: \"lg\",\n});\n</script>\n\n<template>\n  <div :class=\"avatarSizeToClass[size]\" data-testid=\"pv-avatar\" :data-style=\"variant\">\n    <PvIcon v-if=\"icon\" :name=\"icon\" :size=\"iconSizeToAvatarSize[size]\" />\n    <template v-else-if=\"initials\">{{ initials }}</template>\n    <template v-else-if=\"image\">\n      <img :src=\"image\" :alt=\"alt ?? ''\" />\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvCompanyLogo from \"@/components/base/PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvAvatar from \"@/components/base/PvAvatar/PvAvatar.vue\";\nimport PvCounterBadge from \"@/components/base/PvCounterBadge/PvCounterBadge.vue\";\nimport { MenuOption, MenuOptionConfig } from \"@/types.ts\";\nimport { computed, onMounted, ref, watch } from \"vue\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface PvMenuBaseItemProps extends MenuOption {\n  menuOptionConfig?: MenuOptionConfig;\n  queryText?: string | null;\n}\n\nconst props = defineProps<PvMenuBaseItemProps>();\n\nconst mainText = ref<HTMLElement | null>(null);\nconst subText = ref<HTMLElement | null>(null);\n\nconst renderedSubText = computed(() => {\n  return props.subText || null;\n});\n\nconst escapeRegex = (str: string): string => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\nconst highlightText = (element: HTMLElement, originalText: string, searchQuery: string) => {\n  const escapedSearch = escapeRegex(searchQuery);\n  const regex = new RegExp(`(${escapedSearch})`, \"gi\");\n  element.innerHTML = originalText.replace(\n    regex,\n    '<span data-test-id=\"pv-matched-text\" style=\"font-weight: bold;\">$1</span>',\n  );\n};\n\nconst applyHighlight = () => {\n  if (props.queryText) {\n    const mainTextMatches = new RegExp(escapeRegex(props.queryText), \"gi\").test(props.text);\n    if (mainText.value) {\n      highlightText(mainText.value, props.text, props.queryText);\n    }\n    if (subText.value && renderedSubText.value) {\n      if (mainTextMatches) {\n        subText.value.textContent = renderedSubText.value;\n      } else {\n        highlightText(subText.value, renderedSubText.value, props.queryText);\n      }\n    }\n  } else {\n    if (mainText.value) {\n      mainText.value.textContent = props.text;\n    }\n    if (subText.value && renderedSubText.value) {\n      subText.value.textContent = renderedSubText.value;\n    }\n  }\n};\n\nonMounted(() => {\n  applyHighlight();\n});\n\nwatch(\n  () => props.queryText,\n  () => {\n    applyHighlight();\n  },\n);\n</script>\n\n<template>\n  <PvAvatar v-if=\"avatar\" :initials=\"avatar.initials\" :image=\"avatar.image\" size=\"lg\" />\n  <PvIcon :class=\"{ 'pv-text-subdued': !disabled }\" v-if=\"icon\" :name=\"icon\" />\n  <PvCompanyLogo v-if=\"companyName\" :name=\"companyName\" size=\"sm\" />\n  <div class=\"pv-full-width pv-truncate pv-flex-vertical\" style=\"align-items: flex-start; --flex-gap: 0\">\n    <span class=\"pv-text-body-md pv-full-width pv-truncate\" :title=\"text\">\n      <span ref=\"mainText\">{{ text }}</span>\n      <span v-if=\"subduedText\" :class=\"{ 'pv-text-subdued': !disabled }\" style=\"padding-left: 4px\">\n        {{ subduedText }}\n      </span>\n    </span>\n    <span\n      ref=\"subText\"\n      v-if=\"renderedSubText\"\n      :class=\"['pv-text-body-xs', 'pv-full-width', 'pv-truncate', { 'pv-text-subdued': !disabled }]\"\n      :title=\"renderedSubText\"\n    >\n      {{ renderedSubText }}\n    </span>\n  </div>\n  <PvCounterBadge\n    v-if=\"secondaryText && typeof secondaryText === 'number'\"\n    :value=\"secondaryText\"\n    :variant=\"menuOptionConfig?.counterBadgeVariant\"\n  />\n  <span v-else-if=\"secondaryText && typeof secondaryText === 'string'\" class=\"pv-text-subdued pv-text-body-md\">{{\n    secondaryText\n  }}</span>\n</template>\n","<script setup lang=\"ts\">\nimport PvCompanyLogo from \"@/components/base/PvCompanyLogo/PvCompanyLogo.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvAvatar from \"@/components/base/PvAvatar/PvAvatar.vue\";\nimport PvCounterBadge from \"@/components/base/PvCounterBadge/PvCounterBadge.vue\";\nimport { MenuOption, MenuOptionConfig } from \"@/types.ts\";\nimport { computed, onMounted, ref, watch } from \"vue\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface PvMenuBaseItemProps extends MenuOption {\n  menuOptionConfig?: MenuOptionConfig;\n  queryText?: string | null;\n}\n\nconst props = defineProps<PvMenuBaseItemProps>();\n\nconst mainText = ref<HTMLElement | null>(null);\nconst subText = ref<HTMLElement | null>(null);\n\nconst renderedSubText = computed(() => {\n  return props.subText || null;\n});\n\nconst escapeRegex = (str: string): string => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\nconst highlightText = (element: HTMLElement, originalText: string, searchQuery: string) => {\n  const escapedSearch = escapeRegex(searchQuery);\n  const regex = new RegExp(`(${escapedSearch})`, \"gi\");\n  element.innerHTML = originalText.replace(\n    regex,\n    '<span data-test-id=\"pv-matched-text\" style=\"font-weight: bold;\">$1</span>',\n  );\n};\n\nconst applyHighlight = () => {\n  if (props.queryText) {\n    const mainTextMatches = new RegExp(escapeRegex(props.queryText), \"gi\").test(props.text);\n    if (mainText.value) {\n      highlightText(mainText.value, props.text, props.queryText);\n    }\n    if (subText.value && renderedSubText.value) {\n      if (mainTextMatches) {\n        subText.value.textContent = renderedSubText.value;\n      } else {\n        highlightText(subText.value, renderedSubText.value, props.queryText);\n      }\n    }\n  } else {\n    if (mainText.value) {\n      mainText.value.textContent = props.text;\n    }\n    if (subText.value && renderedSubText.value) {\n      subText.value.textContent = renderedSubText.value;\n    }\n  }\n};\n\nonMounted(() => {\n  applyHighlight();\n});\n\nwatch(\n  () => props.queryText,\n  () => {\n    applyHighlight();\n  },\n);\n</script>\n\n<template>\n  <PvAvatar v-if=\"avatar\" :initials=\"avatar.initials\" :image=\"avatar.image\" size=\"lg\" />\n  <PvIcon :class=\"{ 'pv-text-subdued': !disabled }\" v-if=\"icon\" :name=\"icon\" />\n  <PvCompanyLogo v-if=\"companyName\" :name=\"companyName\" size=\"sm\" />\n  <div class=\"pv-full-width pv-truncate pv-flex-vertical\" style=\"align-items: flex-start; --flex-gap: 0\">\n    <span class=\"pv-text-body-md pv-full-width pv-truncate\" :title=\"text\">\n      <span ref=\"mainText\">{{ text }}</span>\n      <span v-if=\"subduedText\" :class=\"{ 'pv-text-subdued': !disabled }\" style=\"padding-left: 4px\">\n        {{ subduedText }}\n      </span>\n    </span>\n    <span\n      ref=\"subText\"\n      v-if=\"renderedSubText\"\n      :class=\"['pv-text-body-xs', 'pv-full-width', 'pv-truncate', { 'pv-text-subdued': !disabled }]\"\n      :title=\"renderedSubText\"\n    >\n      {{ renderedSubText }}\n    </span>\n  </div>\n  <PvCounterBadge\n    v-if=\"secondaryText && typeof secondaryText === 'number'\"\n    :value=\"secondaryText\"\n    :variant=\"menuOptionConfig?.counterBadgeVariant\"\n  />\n  <span v-else-if=\"secondaryText && typeof secondaryText === 'string'\" class=\"pv-text-subdued pv-text-body-md\">{{\n    secondaryText\n  }}</span>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { PvSwitchSize } from \"./types\";\n\ninterface PvSwitchProps {\n  /**\n   * The visual size of the switch track and thumb.\n   */\n  size?: PvSwitchSize;\n  /** Optional text label displayed next to the switch. */\n  label?: string;\n  /** Accessible name for the switch when no visible label is provided. */\n  ariaLabel?: string;\n  /** When true, the switch is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** HTML id for the underlying checkbox input. Auto-generated when omitted. */\n  id?: string;\n  /**\n   * When true, hides the checkmark icon inside the switch thumb.\n   */\n  hideCheckIcon?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSwitchProps>(), {\n  size: \"md\",\n  disabled: false,\n  hideCheckIcon: false,\n});\n\nconst inputId = props.id ?? useId();\n\nconst value = defineModel<boolean>({ required: true });\n</script>\n\n<template>\n  <label\n    :for=\"inputId\"\n    :class=\"[\n      'pv-label pv-switch pv-label-hover',\n      {\n        'pv-input-small': size === 'md',\n        'pv-input-xsmall': size === 'sm',\n        'pv-switch-hide-check': hideCheckIcon,\n      },\n    ]\"\n  >\n    <span v-if=\"label\">{{ label }}</span>\n    <input v-model=\"value\" :disabled=\"disabled\" :aria-label=\"ariaLabel\" type=\"checkbox\" role=\"switch\" :id=\"inputId\" />\n  </label>\n</template>\n\n<style scoped>\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):hover:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):focus-visible:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):active:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:disabled:after) {\n  background-image: unset;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { PvSwitchSize } from \"./types\";\n\ninterface PvSwitchProps {\n  /**\n   * The visual size of the switch track and thumb.\n   */\n  size?: PvSwitchSize;\n  /** Optional text label displayed next to the switch. */\n  label?: string;\n  /** Accessible name for the switch when no visible label is provided. */\n  ariaLabel?: string;\n  /** When true, the switch is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** HTML id for the underlying checkbox input. Auto-generated when omitted. */\n  id?: string;\n  /**\n   * When true, hides the checkmark icon inside the switch thumb.\n   */\n  hideCheckIcon?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSwitchProps>(), {\n  size: \"md\",\n  disabled: false,\n  hideCheckIcon: false,\n});\n\nconst inputId = props.id ?? useId();\n\nconst value = defineModel<boolean>({ required: true });\n</script>\n\n<template>\n  <label\n    :for=\"inputId\"\n    :class=\"[\n      'pv-label pv-switch pv-label-hover',\n      {\n        'pv-input-small': size === 'md',\n        'pv-input-xsmall': size === 'sm',\n        'pv-switch-hide-check': hideCheckIcon,\n      },\n    ]\"\n  >\n    <span v-if=\"label\">{{ label }}</span>\n    <input v-model=\"value\" :disabled=\"disabled\" :aria-label=\"ariaLabel\" type=\"checkbox\" role=\"switch\" :id=\"inputId\" />\n  </label>\n</template>\n\n<style scoped>\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):hover:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):focus-visible:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:not(:disabled):active:after),\n.pv-switch-hide-check :deep(input[type=\"checkbox\"]:checked:disabled:after) {\n  background-image: unset;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { MenuAction, MenuOption } from \"@/types\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\n\ninterface PvMenuItemActionProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  action: MenuAction<any>;\n  option: MenuOption;\n}\n\nconst props = defineProps<PvMenuItemActionProps>();\n\nconst actionIcon = computed(() => {\n  return typeof props.action.icon === \"function\" ? props.action.icon(props.option) : props.action.icon;\n});\n\nconst actionDisabled = computed(() => {\n  return typeof props.action.isDisabled === \"function\"\n    ? props.action.isDisabled(props.option)\n    : props.action.isDisabled;\n});\n\nconst actionTooltip = computed(() => {\n  return typeof props.action.tooltipText === \"function\"\n    ? props.action.tooltipText(props.option)\n    : props.action.tooltipText;\n});\n\nconst alwaysShow = computed(() => {\n  return typeof props.action.alwaysShow === \"function\"\n    ? props.action.alwaysShow(props.option)\n    : props.action.alwaysShow;\n});\n\nconst handleActionClick = () => {\n  if (!actionDisabled.value) {\n    props.action.action(props.option);\n  }\n};\n</script>\n<template>\n  <PvTooltipV2 :disableInteractive=\"true\" :useTeleport=\"true\" variant=\"white\">\n    <template #trigger>\n      <PvButton\n        variant=\"ghost\"\n        class=\"pv-text-brand\"\n        :leftIcon=\"actionIcon\"\n        :class=\"{ 'pv-menu-action-button': !alwaysShow }\"\n        @click.stop=\"handleActionClick\"\n        :disabled=\"actionDisabled\"\n      />\n    </template>\n    <template #content v-if=\"actionTooltip\">\n      <div>\n        {{ actionTooltip }}\n      </div>\n    </template>\n  </PvTooltipV2>\n</template>\n\n<style scoped>\n.pv-menu-action-button {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.pv-label:hover .pv-menu-action-button {\n  opacity: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { MenuAction, MenuOption } from \"@/types\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\n\ninterface PvMenuItemActionProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  action: MenuAction<any>;\n  option: MenuOption;\n}\n\nconst props = defineProps<PvMenuItemActionProps>();\n\nconst actionIcon = computed(() => {\n  return typeof props.action.icon === \"function\" ? props.action.icon(props.option) : props.action.icon;\n});\n\nconst actionDisabled = computed(() => {\n  return typeof props.action.isDisabled === \"function\"\n    ? props.action.isDisabled(props.option)\n    : props.action.isDisabled;\n});\n\nconst actionTooltip = computed(() => {\n  return typeof props.action.tooltipText === \"function\"\n    ? props.action.tooltipText(props.option)\n    : props.action.tooltipText;\n});\n\nconst alwaysShow = computed(() => {\n  return typeof props.action.alwaysShow === \"function\"\n    ? props.action.alwaysShow(props.option)\n    : props.action.alwaysShow;\n});\n\nconst handleActionClick = () => {\n  if (!actionDisabled.value) {\n    props.action.action(props.option);\n  }\n};\n</script>\n<template>\n  <PvTooltipV2 :disableInteractive=\"true\" :useTeleport=\"true\" variant=\"white\">\n    <template #trigger>\n      <PvButton\n        variant=\"ghost\"\n        class=\"pv-text-brand\"\n        :leftIcon=\"actionIcon\"\n        :class=\"{ 'pv-menu-action-button': !alwaysShow }\"\n        @click.stop=\"handleActionClick\"\n        :disabled=\"actionDisabled\"\n      />\n    </template>\n    <template #content v-if=\"actionTooltip\">\n      <div>\n        {{ actionTooltip }}\n      </div>\n    </template>\n  </PvTooltipV2>\n</template>\n\n<style scoped>\n.pv-menu-action-button {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.pv-label:hover .pv-menu-action-button {\n  opacity: 1;\n}\n</style>\n","import type { MenuOption, MultiSelectState } from \"@/types\";\n\n/** Recursively collect all leaf (childless) options from a tree. */\nexport function collectLeafOptions<T>(options: MenuOption<T>[]): MenuOption<T>[] {\n  return options.flatMap((option) => (option.children?.length ? collectLeafOptions(option.children) : [option]));\n}\n\n/**\n * Merge two sets of leaf options, deduplicating by ID.\n *\n * Returns a single array containing every leaf from `base`, plus any leaves\n * from `overlay` whose ID doesn't already appear in `base`. This is used to\n * combine original (unfiltered) leaves with dynamically loaded (see-more)\n * leaves so that the full set is available for selection / checked-state logic.\n */\nexport function mergeLeafOptions<T>(base: MenuOption<T>[], overlay: MenuOption<T>[]): MenuOption<T>[] {\n  const seenIds = new Set(base.map((l) => l.id));\n  const extras = overlay.filter((l) => !seenIds.has(l.id));\n  return extras.length > 0 ? [...base, ...extras] : base;\n}\n\n/**\n * Count selected items, collapsing fully-selected parents to 1.\n *\n * Walks the option tree bottom-up. A parent whose leaf descendants are ALL\n * selected counts as 1 (replacing the individual counts of its sub-tree).\n * Selected leaves not under a fully-selected parent each count as 1.\n *\n * This is order-independent — it walks the tree structure directly and does\n * not depend on Map iteration order.\n */\nexport function countWithCollapsedParents<T>(options: MenuOption<T>[], selectedIds: Set<string>): number {\n  const walk = (nodes: MenuOption<T>[]): { leafCount: number; selectedLeafCount: number; displayCount: number } => {\n    let leafCount = 0;\n    let selectedLeafCount = 0;\n    let displayCount = 0;\n\n    for (const node of nodes) {\n      if (node.children?.length) {\n        const sub = walk(node.children);\n        leafCount += sub.leafCount;\n        selectedLeafCount += sub.selectedLeafCount;\n        if (sub.leafCount > 0 && sub.leafCount === sub.selectedLeafCount) {\n          displayCount += 1;\n        } else {\n          displayCount += sub.displayCount;\n        }\n      } else {\n        leafCount += 1;\n        if (selectedIds.has(node.id)) {\n          selectedLeafCount += 1;\n          displayCount += 1;\n        }\n      }\n    }\n\n    return { leafCount, selectedLeafCount, displayCount };\n  };\n\n  return walk(options).displayCount;\n}\n\nexport function countFromSelectionState(state: MultiSelectState): number {\n  return state.filter((node) => node.state === \"selected\").length;\n}\n\n/**\n * Recursively filter a tree for a search value.\n *\n * - If a node's own text matches, it is kept with all its children intact.\n * - If a node's own text does NOT match but one or more of its descendants do,\n *   the node is kept as a container showing only the matching descendants.\n *   This means a search term that matches a child will surface that child even\n *   when the parent label itself doesn't contain the search term.\n * - Nodes with no match anywhere in their subtree are removed entirely.\n */\nexport function filterOptionsRecursive<T>(\n  options: MenuOption<T>[],\n  searchValue: string,\n  showParentOnChildQueryMatch = true,\n): MenuOption<T>[] {\n  return options.flatMap((option) => {\n    const selfMatches =\n      option.text.toLocaleLowerCase().includes(searchValue) ||\n      option.searchText?.toLocaleLowerCase().includes(searchValue);\n\n    if (selfMatches) return [option]; // keep with all children intact\n\n    if (option.children?.length) {\n      const filteredChildren = filterOptionsRecursive(option.children, searchValue, showParentOnChildQueryMatch);\n      if (filteredChildren.length) {\n        return showParentOnChildQueryMatch ? [{ ...option, children: filteredChildren }] : filteredChildren;\n      }\n    }\n\n    return [];\n  });\n}\n","import type { ComputedRef, InjectionKey, Ref } from \"vue\";\nimport type { MenuOption } from \"@/types\";\n\nexport const SelectedItemsKey: InjectionKey<Ref<MenuOption[]>> = Symbol(\"SelectedItemsKey\");\nexport const EnableCascadeSelectionKey: InjectionKey<ComputedRef<boolean>> = Symbol(\"EnableCascadeSelectionKey\");\nexport const OriginalOptionsMapKey: InjectionKey<ComputedRef<Map<string, MenuOption>>> = Symbol(\n  \"OriginalOptionsMapKey\",\n);\nexport const CascadeSelectedParentIdsKey: InjectionKey<Ref<Set<string>>> = Symbol(\"CascadeSelectedParentIdsKey\");\nexport const CascadeDeselectedChildIdsKey: InjectionKey<Ref<Map<string, Set<string>>>> = Symbol(\n  \"CascadeDeselectedChildIdsKey\",\n);\nexport const ParentSelectsAllChildrenKey: InjectionKey<ComputedRef<boolean>> = Symbol(\"ParentSelectsAllChildrenKey\");\nexport const EnableChildExpansionKey: InjectionKey<ComputedRef<boolean>> = Symbol(\"EnableChildExpansionKey\");\n","<script lang=\"ts\" setup>\nimport { computed, getCurrentInstance, inject, nextTick, ref, useTemplateRef } from \"vue\";\n\nimport PvMenuBaseItem from \"@/components/base/PvMenu/items/PvMenuBaseItem.vue\";\nimport PvSwitch from \"@/components/base/PvSwitch/PvSwitch.vue\";\nimport { MenuOption, MenuOptionConfig, MenuOptionSelectedEvent } from \"@/types.ts\";\nimport PvMenuItemAction from \"@/components/base/PvMenu/items/PvMenuItemAction.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { collectLeafOptions, mergeLeafOptions } from \"@/components/base/PvMenu/cascadeUtils\";\nimport {\n  SelectedItemsKey,\n  EnableCascadeSelectionKey,\n  OriginalOptionsMapKey,\n  CascadeSelectedParentIdsKey,\n} from \"@/components/base/PvMenu/symbols\";\n\nexport interface PvMenuItemVariantProps extends MenuOption {\n  selected?: boolean;\n  indeterminate?: boolean;\n  queryText?: string | null;\n  highlightSearchText?: boolean;\n  menuOptionConfig?: MenuOptionConfig;\n  showChevron?: boolean;\n  chevronIcon?: string;\n  expanded?: boolean;\n}\n\nconst props = defineProps<PvMenuItemVariantProps>();\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\");\n\nconst selectedItems = inject(SelectedItemsKey, undefined);\nconst enableCascadeSelection = inject(EnableCascadeSelectionKey, ref(false));\nconst originalOptionsMap = inject(OriginalOptionsMapKey, undefined);\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\n\n// Resolve the effective leaf options for this parent node. Always use original\n// (unfiltered) children so the checked/indeterminate state reflects all children.\n// When children have been dynamically loaded (see-more), props.children may have\n// more entries than the original snapshot — use whichever is larger.\nconst effectiveLeafOptions = computed(() => {\n  if (!enableCascadeSelection.value || !props.children?.length) return [];\n  const currentLeaves = collectLeafOptions(props.children);\n  if (originalOptionsMap?.value) {\n    const originalOption = originalOptionsMap.value.get(props.id);\n    const originalLeaves = originalOption?.children ? collectLeafOptions(originalOption.children) : [];\n    return mergeLeafOptions(originalLeaves, currentLeaves);\n  }\n  return currentLeaves;\n});\n\nconst isChecked = computed(() => {\n  if (!selectedItems?.value) return props.selected ?? false;\n  if (enableCascadeSelection.value && props.children?.length) {\n    const leafOptions = effectiveLeafOptions.value;\n    const originalLeafCount = leafOptions.length;\n    const selectedCount = leafOptions.filter((lo) => selectedItems.value.some((item) => item.id === lo.id)).length;\n    // Parent was explicitly clicked and all loaded children are selected → checked\n    if (cascadeSelectedParentIds?.value?.has(props.id) && selectedCount >= originalLeafCount) {\n      return true;\n    }\n    const totalCount = props.totalChildCount ?? originalLeafCount;\n    return totalCount > 0 && selectedCount >= totalCount;\n  }\n  return selectedItems.value.some((item) => item.id === props.id);\n});\n\nconst isIndeterminate = computed(() => {\n  if (!selectedItems?.value || !enableCascadeSelection.value || !props.children?.length) {\n    return props.indeterminate ?? false;\n  }\n  const leafOptions = effectiveLeafOptions.value;\n  const originalLeafCount = leafOptions.length;\n  const selectedCount = leafOptions.filter((lo) => selectedItems.value.some((item) => item.id === lo.id)).length;\n  // Parent was explicitly clicked and all loaded children are selected → not indeterminate\n  if (cascadeSelectedParentIds?.value?.has(props.id) && selectedCount >= originalLeafCount) {\n    return false;\n  }\n  const totalCount = props.totalChildCount ?? originalLeafCount;\n  return selectedCount > 0 && selectedCount < totalCount;\n});\n\nconst computedClassList = computed(() => {\n  const classes = props.classList ? [...props.classList] : [];\n  if (props.disabled) {\n    classes.push(\"pv-menu-item-disabled\");\n  } else {\n    classes.push(\"pv-menu-item\");\n  }\n  return classes;\n});\n\nconst disabledStyle = computed(() => {\n  if (props.disabled && props.menuOptionConfig?.disabledVariant !== \"ghost\") {\n    return { background: \"#ececec\" };\n  }\n  return {};\n});\n\nconst computedOption = computed(() => {\n  const option: MenuOption = {\n    ...props,\n    avatar: props.menuOptionConfig?.variant === \"avatar\" ? props.avatar : undefined,\n    icon: props.menuOptionConfig?.variant === \"icon\" ? props.icon : undefined,\n    companyName: props.menuOptionConfig?.variant === \"company\" ? props.companyName || props.text : undefined,\n  };\n  return option;\n});\n\nconst inputHidden = computed(() => {\n  const variant = props.menuOptionConfig?.variant;\n  return variant !== \"checkbox\" && variant !== \"radio\";\n});\n\n// we only show the input for checkbox and radio variants\nconst inputType = computed(() => {\n  return props.menuOptionConfig?.variant === \"radio\" ? \"radio\" : \"checkbox\";\n});\n\nconst inputName = `${inputType.value}-${getCurrentInstance()?.uid}`;\n\nconst inputClass = computed(() => {\n  return props.menuOptionConfig?.variant === \"checkbox\" ? \"pv-checkbox\" : \"pv-radio\";\n});\n\nconst dataTestId = computed(() => {\n  const type =\n    props.menuOptionConfig?.variant === \"checkbox\"\n      ? \"-checkbox\"\n      : props.menuOptionConfig?.variant === \"radio\"\n        ? \"-radio\"\n        : \"\";\n  return `pv-menu${type}-item`;\n});\n\nconst emits = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"toggle-expanded\"): void;\n}>();\n\nconst handleSelected = (event: Event) => {\n  if (props.disabled) {\n    return;\n  }\n  const option: MenuOption = {\n    ...props,\n  };\n  emits(\"handle-selected\", {\n    option,\n    event,\n  });\n  // After the reactive state settles, force-sync the DOM checked/indeterminate\n  // properties. Vue skips patching when the computed value doesn't change (e.g.\n  // indeterminate parent: isChecked was false before and is still false after\n  // deselecting all children), leaving the browser-toggled state stale.\n  nextTick(() => {\n    if (inputRef.value) {\n      inputRef.value.checked = isChecked.value;\n      inputRef.value.indeterminate = isIndeterminate.value;\n    }\n  });\n};\n</script>\n\n<template>\n  <label\n    class=\"pv-label pv-label-hover pv-flex pv-stack-4 pv-inset-square-8\"\n    :class=\"computedClassList\"\n    :style=\"[\n      disabledStyle,\n      { cursor: 'pointer', paddingTop: subText ? '4px' : undefined, paddingBottom: subText ? '4px' : undefined },\n    ]\"\n    :data-testid=\"dataTestId\"\n  >\n    <input\n      ref=\"inputRef\"\n      :hidden=\"inputHidden\"\n      :type=\"inputType\"\n      :name=\"inputName\"\n      :checked=\"isChecked\"\n      :indeterminate=\"isIndeterminate\"\n      :class=\"inputClass\"\n      :disabled=\"disabled\"\n      @change=\"handleSelected\"\n    />\n    <template v-if=\"menuOptionConfig?.renderer\">\n      <component :is=\"menuOptionConfig?.renderer\" v-bind=\"$props\" />\n    </template>\n    <template v-else>\n      <PvMenuBaseItem\n        v-bind=\"computedOption\"\n        :menuOptionConfig=\"menuOptionConfig\"\n        :queryText=\"queryText\"\n        :highlightSearchText=\"highlightSearchText\"\n      />\n    </template>\n    <PvIcon v-if=\"menuOptionConfig?.variant === 'checkmark' && isChecked\" name=\"check\" class=\"pv-text-success\" />\n    <PvSwitch\n      v-if=\"menuOptionConfig?.variant === 'toggle'\"\n      :modelValue=\"isChecked\"\n      :ariaLabel=\"props.text || 'Toggle'\"\n      size=\"sm\"\n      hideCheckIcon\n      style=\"pointer-events: none\"\n    />\n    <PvMenuItemAction v-if=\"menuOptionConfig?.action\" :action=\"menuOptionConfig?.action\" :option=\"props\" />\n    <button\n      v-if=\"showChevron\"\n      type=\"button\"\n      class=\"pv-button-ghost pv-menu-item-expand-chevron\"\n      :aria-label=\"props.text ? `Toggle children for ${props.text}` : 'Toggle children'\"\n      :aria-expanded=\"expanded\"\n      @click.prevent.stop=\"emits('toggle-expanded')\"\n    >\n      <PvIcon :name=\"chevronIcon ?? 'chevron-right'\" :size=\"12\" />\n    </button>\n  </label>\n</template>\n\n<style scoped>\n.pv-menu-item-disabled {\n  pointer-events: none;\n  border-radius: 4px;\n  color: #7d898d;\n}\n.pv-menu-item {\n  cursor: pointer;\n  transition-duration: 150ms;\n  transition-property: background-color;\n  border-radius: var(--popover-list-item-radius, 4px);\n  &:hover,\n  &:focus-visible {\n    background-color: var(--popover-list-item-hover-background-color, #f5f5f5);\n  }\n  &:active {\n    background-color: var(--popover-list-item-pressed-background-color, #ebebeb);\n  }\n}\n.pv-radio:indeterminate {\n  background-color: unset !important;\n  border-color: var(--color-border, #e3e7ea) !important;\n}\n.pv-menu-item-expand-chevron {\n  padding: 4px;\n  margin-left: auto;\n  flex-shrink: 0;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed, getCurrentInstance, inject, nextTick, ref, useTemplateRef } from \"vue\";\n\nimport PvMenuBaseItem from \"@/components/base/PvMenu/items/PvMenuBaseItem.vue\";\nimport PvSwitch from \"@/components/base/PvSwitch/PvSwitch.vue\";\nimport { MenuOption, MenuOptionConfig, MenuOptionSelectedEvent } from \"@/types.ts\";\nimport PvMenuItemAction from \"@/components/base/PvMenu/items/PvMenuItemAction.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { collectLeafOptions, mergeLeafOptions } from \"@/components/base/PvMenu/cascadeUtils\";\nimport {\n  SelectedItemsKey,\n  EnableCascadeSelectionKey,\n  OriginalOptionsMapKey,\n  CascadeSelectedParentIdsKey,\n} from \"@/components/base/PvMenu/symbols\";\n\nexport interface PvMenuItemVariantProps extends MenuOption {\n  selected?: boolean;\n  indeterminate?: boolean;\n  queryText?: string | null;\n  highlightSearchText?: boolean;\n  menuOptionConfig?: MenuOptionConfig;\n  showChevron?: boolean;\n  chevronIcon?: string;\n  expanded?: boolean;\n}\n\nconst props = defineProps<PvMenuItemVariantProps>();\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\");\n\nconst selectedItems = inject(SelectedItemsKey, undefined);\nconst enableCascadeSelection = inject(EnableCascadeSelectionKey, ref(false));\nconst originalOptionsMap = inject(OriginalOptionsMapKey, undefined);\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\n\n// Resolve the effective leaf options for this parent node. Always use original\n// (unfiltered) children so the checked/indeterminate state reflects all children.\n// When children have been dynamically loaded (see-more), props.children may have\n// more entries than the original snapshot — use whichever is larger.\nconst effectiveLeafOptions = computed(() => {\n  if (!enableCascadeSelection.value || !props.children?.length) return [];\n  const currentLeaves = collectLeafOptions(props.children);\n  if (originalOptionsMap?.value) {\n    const originalOption = originalOptionsMap.value.get(props.id);\n    const originalLeaves = originalOption?.children ? collectLeafOptions(originalOption.children) : [];\n    return mergeLeafOptions(originalLeaves, currentLeaves);\n  }\n  return currentLeaves;\n});\n\nconst isChecked = computed(() => {\n  if (!selectedItems?.value) return props.selected ?? false;\n  if (enableCascadeSelection.value && props.children?.length) {\n    const leafOptions = effectiveLeafOptions.value;\n    const originalLeafCount = leafOptions.length;\n    const selectedCount = leafOptions.filter((lo) => selectedItems.value.some((item) => item.id === lo.id)).length;\n    // Parent was explicitly clicked and all loaded children are selected → checked\n    if (cascadeSelectedParentIds?.value?.has(props.id) && selectedCount >= originalLeafCount) {\n      return true;\n    }\n    const totalCount = props.totalChildCount ?? originalLeafCount;\n    return totalCount > 0 && selectedCount >= totalCount;\n  }\n  return selectedItems.value.some((item) => item.id === props.id);\n});\n\nconst isIndeterminate = computed(() => {\n  if (!selectedItems?.value || !enableCascadeSelection.value || !props.children?.length) {\n    return props.indeterminate ?? false;\n  }\n  const leafOptions = effectiveLeafOptions.value;\n  const originalLeafCount = leafOptions.length;\n  const selectedCount = leafOptions.filter((lo) => selectedItems.value.some((item) => item.id === lo.id)).length;\n  // Parent was explicitly clicked and all loaded children are selected → not indeterminate\n  if (cascadeSelectedParentIds?.value?.has(props.id) && selectedCount >= originalLeafCount) {\n    return false;\n  }\n  const totalCount = props.totalChildCount ?? originalLeafCount;\n  return selectedCount > 0 && selectedCount < totalCount;\n});\n\nconst computedClassList = computed(() => {\n  const classes = props.classList ? [...props.classList] : [];\n  if (props.disabled) {\n    classes.push(\"pv-menu-item-disabled\");\n  } else {\n    classes.push(\"pv-menu-item\");\n  }\n  return classes;\n});\n\nconst disabledStyle = computed(() => {\n  if (props.disabled && props.menuOptionConfig?.disabledVariant !== \"ghost\") {\n    return { background: \"#ececec\" };\n  }\n  return {};\n});\n\nconst computedOption = computed(() => {\n  const option: MenuOption = {\n    ...props,\n    avatar: props.menuOptionConfig?.variant === \"avatar\" ? props.avatar : undefined,\n    icon: props.menuOptionConfig?.variant === \"icon\" ? props.icon : undefined,\n    companyName: props.menuOptionConfig?.variant === \"company\" ? props.companyName || props.text : undefined,\n  };\n  return option;\n});\n\nconst inputHidden = computed(() => {\n  const variant = props.menuOptionConfig?.variant;\n  return variant !== \"checkbox\" && variant !== \"radio\";\n});\n\n// we only show the input for checkbox and radio variants\nconst inputType = computed(() => {\n  return props.menuOptionConfig?.variant === \"radio\" ? \"radio\" : \"checkbox\";\n});\n\nconst inputName = `${inputType.value}-${getCurrentInstance()?.uid}`;\n\nconst inputClass = computed(() => {\n  return props.menuOptionConfig?.variant === \"checkbox\" ? \"pv-checkbox\" : \"pv-radio\";\n});\n\nconst dataTestId = computed(() => {\n  const type =\n    props.menuOptionConfig?.variant === \"checkbox\"\n      ? \"-checkbox\"\n      : props.menuOptionConfig?.variant === \"radio\"\n        ? \"-radio\"\n        : \"\";\n  return `pv-menu${type}-item`;\n});\n\nconst emits = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"toggle-expanded\"): void;\n}>();\n\nconst handleSelected = (event: Event) => {\n  if (props.disabled) {\n    return;\n  }\n  const option: MenuOption = {\n    ...props,\n  };\n  emits(\"handle-selected\", {\n    option,\n    event,\n  });\n  // After the reactive state settles, force-sync the DOM checked/indeterminate\n  // properties. Vue skips patching when the computed value doesn't change (e.g.\n  // indeterminate parent: isChecked was false before and is still false after\n  // deselecting all children), leaving the browser-toggled state stale.\n  nextTick(() => {\n    if (inputRef.value) {\n      inputRef.value.checked = isChecked.value;\n      inputRef.value.indeterminate = isIndeterminate.value;\n    }\n  });\n};\n</script>\n\n<template>\n  <label\n    class=\"pv-label pv-label-hover pv-flex pv-stack-4 pv-inset-square-8\"\n    :class=\"computedClassList\"\n    :style=\"[\n      disabledStyle,\n      { cursor: 'pointer', paddingTop: subText ? '4px' : undefined, paddingBottom: subText ? '4px' : undefined },\n    ]\"\n    :data-testid=\"dataTestId\"\n  >\n    <input\n      ref=\"inputRef\"\n      :hidden=\"inputHidden\"\n      :type=\"inputType\"\n      :name=\"inputName\"\n      :checked=\"isChecked\"\n      :indeterminate=\"isIndeterminate\"\n      :class=\"inputClass\"\n      :disabled=\"disabled\"\n      @change=\"handleSelected\"\n    />\n    <template v-if=\"menuOptionConfig?.renderer\">\n      <component :is=\"menuOptionConfig?.renderer\" v-bind=\"$props\" />\n    </template>\n    <template v-else>\n      <PvMenuBaseItem\n        v-bind=\"computedOption\"\n        :menuOptionConfig=\"menuOptionConfig\"\n        :queryText=\"queryText\"\n        :highlightSearchText=\"highlightSearchText\"\n      />\n    </template>\n    <PvIcon v-if=\"menuOptionConfig?.variant === 'checkmark' && isChecked\" name=\"check\" class=\"pv-text-success\" />\n    <PvSwitch\n      v-if=\"menuOptionConfig?.variant === 'toggle'\"\n      :modelValue=\"isChecked\"\n      :ariaLabel=\"props.text || 'Toggle'\"\n      size=\"sm\"\n      hideCheckIcon\n      style=\"pointer-events: none\"\n    />\n    <PvMenuItemAction v-if=\"menuOptionConfig?.action\" :action=\"menuOptionConfig?.action\" :option=\"props\" />\n    <button\n      v-if=\"showChevron\"\n      type=\"button\"\n      class=\"pv-button-ghost pv-menu-item-expand-chevron\"\n      :aria-label=\"props.text ? `Toggle children for ${props.text}` : 'Toggle children'\"\n      :aria-expanded=\"expanded\"\n      @click.prevent.stop=\"emits('toggle-expanded')\"\n    >\n      <PvIcon :name=\"chevronIcon ?? 'chevron-right'\" :size=\"12\" />\n    </button>\n  </label>\n</template>\n\n<style scoped>\n.pv-menu-item-disabled {\n  pointer-events: none;\n  border-radius: 4px;\n  color: #7d898d;\n}\n.pv-menu-item {\n  cursor: pointer;\n  transition-duration: 150ms;\n  transition-property: background-color;\n  border-radius: var(--popover-list-item-radius, 4px);\n  &:hover,\n  &:focus-visible {\n    background-color: var(--popover-list-item-hover-background-color, #f5f5f5);\n  }\n  &:active {\n    background-color: var(--popover-list-item-pressed-background-color, #ebebeb);\n  }\n}\n.pv-radio:indeterminate {\n  background-color: unset !important;\n  border-color: var(--color-border, #e3e7ea) !important;\n}\n.pv-menu-item-expand-chevron {\n  padding: 4px;\n  margin-left: auto;\n  flex-shrink: 0;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed, inject, ref, watch } from \"vue\";\n\nimport { MenuOption, MenuOptionConfig, MenuOptionSelectedEvent, SeeMoreEvent } from \"@/types.ts\";\nimport PvMenuItemVariant from \"@/components/base/PvMenu/items/PvMenuItemVariant.vue\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport {\n  SelectedItemsKey,\n  EnableChildExpansionKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n  ParentSelectsAllChildrenKey,\n} from \"@/components/base/PvMenu/symbols\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst MAX_LEVEL_DEPTH = 4;\n\ninterface PvMenuItemProps extends MenuOption {\n  level?: number;\n  config?: MenuOptionConfig;\n  queryText?: string | null;\n  highlightSearchText?: boolean;\n  itemClass?: string;\n}\n\nconst props = withDefaults(defineProps<PvMenuItemProps>(), {\n  level: 0,\n});\nconst injectedSelectedItems = inject(SelectedItemsKey, undefined);\nconst modelSelectedIds = defineModel<string[]>(\"selectedIds\", { default: () => [] });\n\nconst enableChildExpansion = inject(EnableChildExpansionKey, ref(false));\nconst parentSelectsAllChildren = inject(ParentSelectsAllChildrenKey, ref(false));\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\nconst cascadeDeselectedChildIds = inject(CascadeDeselectedChildIdsKey, undefined);\n\nconst isExpanded = ref(props.defaultExpanded ?? false);\nconst isSeeMoreLoading = ref(false);\nconst hasExhaustedChildren = ref(false);\nconst childOptions = ref<MenuOption[]>(props.children ?? []);\nconst lazyLoadedChildIds = ref<Set<string>>(new Set());\n\nwatch(\n  () => props.children,\n  (newChildren) => {\n    if (!newChildren) {\n      childOptions.value = [];\n      return;\n    }\n    // Preserve lazily loaded children (from handleSeeMore) that aren't in the\n    // new prop value, but drop any original children that were filtered out.\n    const lazyChildren = childOptions.value.filter((c) => lazyLoadedChildIds.value.has(c.id));\n    const newChildIds = new Set(newChildren.map((c) => c.id));\n    const extras = lazyChildren.filter((c) => !newChildIds.has(c.id));\n    childOptions.value = [...newChildren, ...extras];\n    hasExhaustedChildren.value = false;\n  },\n);\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value;\n};\n\nconst paddingLeft = computed(() => ({ paddingLeft: `${props.level * 12 + 12}px` }));\n\n// Omit PvMenuItem-only props so v-bind doesn't leak them as DOM attributes\n// on PvMenuItemVariant (which doesn't declare them).\nconst variantProps = computed(() => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { level, config, itemClass, ...rest } = props;\n  return rest;\n});\n\nconst hasChildren = computed(() => {\n  return (childOptions.value.length > 0 || (props.totalChildCount ?? 0) > 0) && props.level < MAX_LEVEL_DEPTH;\n});\n\nconst showSubMenu = computed(() => {\n  if (!hasChildren.value) return false;\n  if (enableChildExpansion.value) return isExpanded.value;\n  return true;\n});\n\nconst chevronIcon = computed(() => {\n  return isExpanded.value ? \"chevron-down\" : \"chevron-right\";\n});\n\nconst optionIsSelected = (option: PvMenuItemProps): boolean => {\n  if (injectedSelectedItems && Array.isArray(injectedSelectedItems.value)) {\n    return injectedSelectedItems.value.some((item) => item.id === option.id);\n  }\n  return modelSelectedIds.value.includes(option.id);\n};\n\nconst emits = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\nconst hasMoreChildren = computed(() => {\n  if (hasExhaustedChildren.value) return false;\n  if (props.totalChildCount == null) return false;\n  return props.totalChildCount > childOptions.value.length;\n});\n\nconst handleSeeMoreClick = async () => {\n  if (isSeeMoreLoading.value) return;\n\n  if (!props.handleSeeMore) {\n    emits(\"see-more\", { parentId: props.id, offset: childOptions.value.length });\n    return;\n  }\n\n  const parentIsSelected = cascadeSelectedParentIds?.value?.has(props.id) ?? false;\n\n  isSeeMoreLoading.value = true;\n  try {\n    const newChildren = await props.handleSeeMore({ parentId: props.id, offset: childOptions.value.length });\n    if (Array.isArray(newChildren) && newChildren.length > 0) {\n      const existingIds = new Set(childOptions.value.map((c) => c.id));\n      const uniqueNewChildren = newChildren.filter((c) => !existingIds.has(c.id));\n      if (uniqueNewChildren.length === 0) {\n        hasExhaustedChildren.value = true;\n        return;\n      }\n      const nextLazy = new Set(lazyLoadedChildIds.value);\n      for (const c of uniqueNewChildren) nextLazy.add(c.id);\n      lazyLoadedChildIds.value = nextLazy;\n      childOptions.value = [...childOptions.value, ...uniqueNewChildren];\n      // If the parent was selected, auto-select newly loaded children\n      // (excluding any that were explicitly deselected by the user)\n      if (parentIsSelected && injectedSelectedItems?.value) {\n        const deselected = cascadeDeselectedChildIds?.value?.get(props.id);\n        const candidates = deselected ? uniqueNewChildren.filter((c) => !deselected.has(c.id)) : uniqueNewChildren;\n        if (candidates.length > 0) {\n          const existingSelectedIds = new Set(injectedSelectedItems.value.map((item) => item.id));\n          const toSelect = candidates.filter((c) => !existingSelectedIds.has(c.id));\n          if (toSelect.length > 0) {\n            injectedSelectedItems.value = [...injectedSelectedItems.value, ...toSelect];\n          }\n        }\n      }\n    } else if (Array.isArray(newChildren)) {\n      hasExhaustedChildren.value = true;\n    }\n  } finally {\n    isSeeMoreLoading.value = false;\n  }\n};\n\nconst handleSelected = (event: MenuOptionSelectedEvent) => {\n  // If this item is expandable and has children, clicking it toggles expansion\n  // rather than selection — unless parentSelectsAllChildren is enabled, in which\n  // case the parent click should cascade-select all children (expansion stays\n  // available via the chevron button).\n  if (\n    enableChildExpansion.value &&\n    hasChildren.value &&\n    event.option.id === props.id &&\n    !parentSelectsAllChildren.value\n  ) {\n    toggleExpanded();\n    return;\n  }\n  if (!injectedSelectedItems) {\n    const index = modelSelectedIds.value.indexOf(event.option.id);\n    if (index > -1) {\n      modelSelectedIds.value = [...modelSelectedIds.value.slice(0, index), ...modelSelectedIds.value.slice(index + 1)];\n    } else {\n      modelSelectedIds.value = [...modelSelectedIds.value, event.option.id];\n    }\n  }\n  emits(\"handle-selected\", event);\n};\n\n// Bubble child handle-selected events without toggling modelSelectedIds again\n// (the child PvMenuItem already updated the shared modelSelectedIds via v-model).\nconst handleChildSelected = (event: MenuOptionSelectedEvent) => {\n  emits(\"handle-selected\", event);\n};\n</script>\n\n<template v-if=\"level < MAX_LEVEL_DEPTH\">\n  <PvMenuItemVariant\n    v-bind=\"variantProps\"\n    :children=\"childOptions\"\n    :menuOptionConfig=\"config\"\n    :queryText=\"queryText\"\n    :highlightSearchText=\"highlightSearchText\"\n    :showChevron=\"enableChildExpansion && hasChildren\"\n    :chevronIcon=\"chevronIcon\"\n    :expanded=\"isExpanded\"\n    @handle-selected=\"handleSelected\"\n    @toggle-expanded=\"toggleExpanded\"\n    :selected=\"optionIsSelected(props)\"\n  />\n  <ul v-if=\"showSubMenu\" role=\"list\" :style=\"paddingLeft\">\n    <li\n      v-for=\"childOption in childOptions\"\n      :key=\"childOption.id\"\n      :data-active=\"optionIsSelected(childOption) ? 'true' : null\"\n      :class=\"itemClass\"\n    >\n      <PvMenuItem\n        v-bind=\"childOption\"\n        v-model:selectedIds=\"modelSelectedIds\"\n        :config=\"childOption.config ?? config\"\n        :queryText=\"queryText\"\n        :highlightSearchText=\"highlightSearchText\"\n        :level=\"level + 1\"\n        @handle-selected=\"handleChildSelected\"\n        @see-more=\"emits('see-more', $event)\"\n      />\n    </li>\n    <li v-if=\"hasMoreChildren\">\n      <PvButton\n        class=\"pv-text-brand\"\n        variant=\"ghost\"\n        label=\"See more\"\n        :loading=\"isSeeMoreLoading\"\n        data-testid=\"pv-menu-item-see-more\"\n        @click=\"handleSeeMoreClick\"\n      />\n    </li>\n  </ul>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, inject, ref, watch } from \"vue\";\n\nimport { MenuOption, MenuOptionConfig, MenuOptionSelectedEvent, SeeMoreEvent } from \"@/types.ts\";\nimport PvMenuItemVariant from \"@/components/base/PvMenu/items/PvMenuItemVariant.vue\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport {\n  SelectedItemsKey,\n  EnableChildExpansionKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n  ParentSelectsAllChildrenKey,\n} from \"@/components/base/PvMenu/symbols\";\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst MAX_LEVEL_DEPTH = 4;\n\ninterface PvMenuItemProps extends MenuOption {\n  level?: number;\n  config?: MenuOptionConfig;\n  queryText?: string | null;\n  highlightSearchText?: boolean;\n  itemClass?: string;\n}\n\nconst props = withDefaults(defineProps<PvMenuItemProps>(), {\n  level: 0,\n});\nconst injectedSelectedItems = inject(SelectedItemsKey, undefined);\nconst modelSelectedIds = defineModel<string[]>(\"selectedIds\", { default: () => [] });\n\nconst enableChildExpansion = inject(EnableChildExpansionKey, ref(false));\nconst parentSelectsAllChildren = inject(ParentSelectsAllChildrenKey, ref(false));\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\nconst cascadeDeselectedChildIds = inject(CascadeDeselectedChildIdsKey, undefined);\n\nconst isExpanded = ref(props.defaultExpanded ?? false);\nconst isSeeMoreLoading = ref(false);\nconst hasExhaustedChildren = ref(false);\nconst childOptions = ref<MenuOption[]>(props.children ?? []);\nconst lazyLoadedChildIds = ref<Set<string>>(new Set());\n\nwatch(\n  () => props.children,\n  (newChildren) => {\n    if (!newChildren) {\n      childOptions.value = [];\n      return;\n    }\n    // Preserve lazily loaded children (from handleSeeMore) that aren't in the\n    // new prop value, but drop any original children that were filtered out.\n    const lazyChildren = childOptions.value.filter((c) => lazyLoadedChildIds.value.has(c.id));\n    const newChildIds = new Set(newChildren.map((c) => c.id));\n    const extras = lazyChildren.filter((c) => !newChildIds.has(c.id));\n    childOptions.value = [...newChildren, ...extras];\n    hasExhaustedChildren.value = false;\n  },\n);\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value;\n};\n\nconst paddingLeft = computed(() => ({ paddingLeft: `${props.level * 12 + 12}px` }));\n\n// Omit PvMenuItem-only props so v-bind doesn't leak them as DOM attributes\n// on PvMenuItemVariant (which doesn't declare them).\nconst variantProps = computed(() => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { level, config, itemClass, ...rest } = props;\n  return rest;\n});\n\nconst hasChildren = computed(() => {\n  return (childOptions.value.length > 0 || (props.totalChildCount ?? 0) > 0) && props.level < MAX_LEVEL_DEPTH;\n});\n\nconst showSubMenu = computed(() => {\n  if (!hasChildren.value) return false;\n  if (enableChildExpansion.value) return isExpanded.value;\n  return true;\n});\n\nconst chevronIcon = computed(() => {\n  return isExpanded.value ? \"chevron-down\" : \"chevron-right\";\n});\n\nconst optionIsSelected = (option: PvMenuItemProps): boolean => {\n  if (injectedSelectedItems && Array.isArray(injectedSelectedItems.value)) {\n    return injectedSelectedItems.value.some((item) => item.id === option.id);\n  }\n  return modelSelectedIds.value.includes(option.id);\n};\n\nconst emits = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\nconst hasMoreChildren = computed(() => {\n  if (hasExhaustedChildren.value) return false;\n  if (props.totalChildCount == null) return false;\n  return props.totalChildCount > childOptions.value.length;\n});\n\nconst handleSeeMoreClick = async () => {\n  if (isSeeMoreLoading.value) return;\n\n  if (!props.handleSeeMore) {\n    emits(\"see-more\", { parentId: props.id, offset: childOptions.value.length });\n    return;\n  }\n\n  const parentIsSelected = cascadeSelectedParentIds?.value?.has(props.id) ?? false;\n\n  isSeeMoreLoading.value = true;\n  try {\n    const newChildren = await props.handleSeeMore({ parentId: props.id, offset: childOptions.value.length });\n    if (Array.isArray(newChildren) && newChildren.length > 0) {\n      const existingIds = new Set(childOptions.value.map((c) => c.id));\n      const uniqueNewChildren = newChildren.filter((c) => !existingIds.has(c.id));\n      if (uniqueNewChildren.length === 0) {\n        hasExhaustedChildren.value = true;\n        return;\n      }\n      const nextLazy = new Set(lazyLoadedChildIds.value);\n      for (const c of uniqueNewChildren) nextLazy.add(c.id);\n      lazyLoadedChildIds.value = nextLazy;\n      childOptions.value = [...childOptions.value, ...uniqueNewChildren];\n      // If the parent was selected, auto-select newly loaded children\n      // (excluding any that were explicitly deselected by the user)\n      if (parentIsSelected && injectedSelectedItems?.value) {\n        const deselected = cascadeDeselectedChildIds?.value?.get(props.id);\n        const candidates = deselected ? uniqueNewChildren.filter((c) => !deselected.has(c.id)) : uniqueNewChildren;\n        if (candidates.length > 0) {\n          const existingSelectedIds = new Set(injectedSelectedItems.value.map((item) => item.id));\n          const toSelect = candidates.filter((c) => !existingSelectedIds.has(c.id));\n          if (toSelect.length > 0) {\n            injectedSelectedItems.value = [...injectedSelectedItems.value, ...toSelect];\n          }\n        }\n      }\n    } else if (Array.isArray(newChildren)) {\n      hasExhaustedChildren.value = true;\n    }\n  } finally {\n    isSeeMoreLoading.value = false;\n  }\n};\n\nconst handleSelected = (event: MenuOptionSelectedEvent) => {\n  // If this item is expandable and has children, clicking it toggles expansion\n  // rather than selection — unless parentSelectsAllChildren is enabled, in which\n  // case the parent click should cascade-select all children (expansion stays\n  // available via the chevron button).\n  if (\n    enableChildExpansion.value &&\n    hasChildren.value &&\n    event.option.id === props.id &&\n    !parentSelectsAllChildren.value\n  ) {\n    toggleExpanded();\n    return;\n  }\n  if (!injectedSelectedItems) {\n    const index = modelSelectedIds.value.indexOf(event.option.id);\n    if (index > -1) {\n      modelSelectedIds.value = [...modelSelectedIds.value.slice(0, index), ...modelSelectedIds.value.slice(index + 1)];\n    } else {\n      modelSelectedIds.value = [...modelSelectedIds.value, event.option.id];\n    }\n  }\n  emits(\"handle-selected\", event);\n};\n\n// Bubble child handle-selected events without toggling modelSelectedIds again\n// (the child PvMenuItem already updated the shared modelSelectedIds via v-model).\nconst handleChildSelected = (event: MenuOptionSelectedEvent) => {\n  emits(\"handle-selected\", event);\n};\n</script>\n\n<template v-if=\"level < MAX_LEVEL_DEPTH\">\n  <PvMenuItemVariant\n    v-bind=\"variantProps\"\n    :children=\"childOptions\"\n    :menuOptionConfig=\"config\"\n    :queryText=\"queryText\"\n    :highlightSearchText=\"highlightSearchText\"\n    :showChevron=\"enableChildExpansion && hasChildren\"\n    :chevronIcon=\"chevronIcon\"\n    :expanded=\"isExpanded\"\n    @handle-selected=\"handleSelected\"\n    @toggle-expanded=\"toggleExpanded\"\n    :selected=\"optionIsSelected(props)\"\n  />\n  <ul v-if=\"showSubMenu\" role=\"list\" :style=\"paddingLeft\">\n    <li\n      v-for=\"childOption in childOptions\"\n      :key=\"childOption.id\"\n      :data-active=\"optionIsSelected(childOption) ? 'true' : null\"\n      :class=\"itemClass\"\n    >\n      <PvMenuItem\n        v-bind=\"childOption\"\n        v-model:selectedIds=\"modelSelectedIds\"\n        :config=\"childOption.config ?? config\"\n        :queryText=\"queryText\"\n        :highlightSearchText=\"highlightSearchText\"\n        :level=\"level + 1\"\n        @handle-selected=\"handleChildSelected\"\n        @see-more=\"emits('see-more', $event)\"\n      />\n    </li>\n    <li v-if=\"hasMoreChildren\">\n      <PvButton\n        class=\"pv-text-brand\"\n        variant=\"ghost\"\n        label=\"See more\"\n        :loading=\"isSeeMoreLoading\"\n        data-testid=\"pv-menu-item-see-more\"\n        @click=\"handleSeeMoreClick\"\n      />\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, provide, ref, shallowRef, watch } from \"vue\";\n\nimport { MenuOption, MenuOptionSelectedEvent, SeeMoreEvent } from \"@/types\";\nimport PvMenuItem from \"@/components/base/PvMenu/items/PvMenuItem.vue\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport { PvMenuProps } from \"./types\";\nimport { collectLeafOptions, mergeLeafOptions } from \"./cascadeUtils\";\nimport {\n  SelectedItemsKey,\n  EnableCascadeSelectionKey,\n  OriginalOptionsMapKey,\n  ParentSelectsAllChildrenKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n} from \"./symbols\";\n\nconst props = defineProps<PvMenuProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\nconst selectedItems = defineModel<MenuOption[]>(\"selectedItems\", { default: () => [] });\n\n// Vue 3.5 defineModel doesn't update local value synchronously when the prop\n// is passed by a parent (it only emits and waits for the parent to re-render).\n// This local ref is updated immediately so consecutive selections read correct state.\nconst localSelectedItems = shallowRef<MenuOption[]>(selectedItems.value);\n\nwatch(selectedItems, (newVal) => {\n  localSelectedItems.value = newVal;\n});\n\n// Sync back to the model when descendants mutate localSelectedItems directly\n// (e.g. auto-selecting lazy-loaded children in PvMenuItem.handleSeeMoreClick).\nwatch(localSelectedItems, (newVal) => {\n  if (newVal !== selectedItems.value) {\n    selectedItems.value = newVal;\n  }\n});\n\nprovide(SelectedItemsKey, localSelectedItems);\nprovide(\n  EnableCascadeSelectionKey,\n  computed(() => !!props.enableCascadeSelection),\n);\n\nconst originalOptionsMap = inject(OriginalOptionsMapKey, undefined);\nconst parentSelectsAllChildren = inject(ParentSelectsAllChildrenKey, ref(false));\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\nconst cascadeDeselectedChildIds = inject(CascadeDeselectedChildIdsKey, undefined);\n\nconst isSingleSelect = computed(() => props.singleSelect || props.config?.variant === \"radio\");\n\nconst handleItemSelected = (event: MenuOptionSelectedEvent) => {\n  const option = event.option;\n  let newSelection: MenuOption[];\n\n  if (props.enableCascadeSelection && option.children?.length) {\n    // Only leaf options are added to the selection — the parent itself is never\n    // included because it is purely an organisational node, not a selectable value.\n    // When parentSelectsAllChildren is true, use the original (unfiltered)\n    // children so clicking a parent selects all children regardless of search query.\n    let leafOptions: MenuOption[];\n    if (parentSelectsAllChildren.value && originalOptionsMap?.value) {\n      const originalOption = originalOptionsMap.value.get(option.id);\n      const originalLeaves = originalOption?.children ? collectLeafOptions(originalOption.children) : [];\n      const currentLeaves = collectLeafOptions(option.children);\n      leafOptions = mergeLeafOptions(originalLeaves, currentLeaves);\n    } else {\n      leafOptions = collectLeafOptions(option.children);\n    }\n    const leafIds = leafOptions.map((o) => o.id);\n    const current = localSelectedItems.value;\n    const anySelected = leafIds.some((id) => current.some((item) => item.id === id));\n    newSelection = anySelected ? current.filter((item) => !leafIds.includes(item.id)) : [...current, ...leafOptions];\n\n    // Track whether this parent was explicitly clicked for cascade selection\n    if (cascadeSelectedParentIds?.value) {\n      const next = new Set(cascadeSelectedParentIds.value);\n      if (anySelected) {\n        next.delete(option.id);\n      } else {\n        next.add(option.id);\n      }\n      cascadeSelectedParentIds.value = next;\n    }\n    // Clear deselected children tracking when parent is explicitly toggled\n    if (cascadeDeselectedChildIds?.value?.has(option.id)) {\n      const next = new Map(cascadeDeselectedChildIds.value);\n      next.delete(option.id);\n      cascadeDeselectedChildIds.value = next;\n    }\n  } else if (isSingleSelect.value) {\n    if (localSelectedItems.value.length === 1 && localSelectedItems.value[0].id === option.id) {\n      newSelection = [];\n    } else {\n      newSelection = [option];\n    }\n  } else {\n    const index = localSelectedItems.value.findIndex((item) => item.id === option.id);\n    if (index > -1) {\n      newSelection = [...localSelectedItems.value.slice(0, index), ...localSelectedItems.value.slice(index + 1)];\n    } else {\n      newSelection = [...localSelectedItems.value, option];\n    }\n\n    // Track individually deselected/re-selected children under selected parents\n    // so dynamically loaded children (see-more) can inherit the correct state.\n    if (props.enableCascadeSelection && cascadeSelectedParentIds?.value && cascadeDeselectedChildIds?.value) {\n      const isDeselecting = index > -1;\n      for (const parentId of cascadeSelectedParentIds.value) {\n        // Find if this child belongs to this parent\n        const parentOption = originalOptionsMap?.value?.get(parentId);\n        const parentChildren = parentOption?.children ?? props.options.find((o) => o.id === parentId)?.children;\n        if (!parentChildren) continue;\n        const leaves = collectLeafOptions(parentChildren);\n        // Also check the option itself as it may have been dynamically loaded\n        const isChildOfParent =\n          leaves.some((l) => l.id === option.id) ||\n          props.options.find((o) => o.id === parentId)?.children?.some((c) => c.id === option.id);\n        if (!isChildOfParent) continue;\n\n        const next = new Map(cascadeDeselectedChildIds.value);\n        const deselected = new Set(next.get(parentId) ?? []);\n        if (isDeselecting) {\n          deselected.add(option.id);\n        } else {\n          deselected.delete(option.id);\n        }\n        if (deselected.size > 0) {\n          next.set(parentId, deselected);\n        } else {\n          next.delete(parentId);\n        }\n        cascadeDeselectedChildIds.value = next;\n        break;\n      }\n    }\n  }\n\n  localSelectedItems.value = newSelection;\n  selectedItems.value = newSelection;\n\n  emit(\"handle-selected\", event);\n};\n\nconst selectedIds = computed(() => new Set(localSelectedItems.value.map((item) => item.id)));\n\nconst hasSelectedDescendant = (children: MenuOption[]): boolean => {\n  for (const child of children) {\n    if (selectedIds.value.has(child.id)) return true;\n    if (child.children?.length && hasSelectedDescendant(child.children)) return true;\n  }\n  return false;\n};\n\nconst isActive = (option: MenuOption): true | null => {\n  if (selectedIds.value.has(option.id)) {\n    return true;\n  }\n  if (props.enableCascadeSelection && option.children?.length && hasSelectedDescendant(option.children)) {\n    return true;\n  }\n  return null;\n};\n\nconst isVisible = (option: MenuOption, isLoading?: boolean): boolean => {\n  if (!isLoading) return true;\n  return isActive(option) === true;\n};\n</script>\n\n<template>\n  <ul role=\"list\" class=\"pv-popover-list\">\n    <li\n      v-for=\"option in options\"\n      v-show=\"isVisible(option, isLoading)\"\n      :key=\"option.id\"\n      :data-active=\"isActive(option)\"\n      :data-testid=\"itemTestId\"\n      :class=\"itemClass\"\n    >\n      <PvMenuItem\n        v-bind=\"option\"\n        :config=\"config\"\n        :itemClass=\"itemClass\"\n        :queryText=\"queryText\"\n        @handle-selected=\"handleItemSelected\"\n        @see-more=\"emit('see-more', $event)\"\n      />\n    </li>\n    <li v-if=\"hasMoreOptions\">\n      <PvButton\n        class=\"pv-text-brand\"\n        variant=\"ghost\"\n        label=\"See more\"\n        data-testid=\"pv-menu-see-more\"\n        @click=\"emit('see-more', { parentId: undefined })\"\n      />\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, provide, ref, shallowRef, watch } from \"vue\";\n\nimport { MenuOption, MenuOptionSelectedEvent, SeeMoreEvent } from \"@/types\";\nimport PvMenuItem from \"@/components/base/PvMenu/items/PvMenuItem.vue\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport { PvMenuProps } from \"./types\";\nimport { collectLeafOptions, mergeLeafOptions } from \"./cascadeUtils\";\nimport {\n  SelectedItemsKey,\n  EnableCascadeSelectionKey,\n  OriginalOptionsMapKey,\n  ParentSelectsAllChildrenKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n} from \"./symbols\";\n\nconst props = defineProps<PvMenuProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: MenuOptionSelectedEvent): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\nconst selectedItems = defineModel<MenuOption[]>(\"selectedItems\", { default: () => [] });\n\n// Vue 3.5 defineModel doesn't update local value synchronously when the prop\n// is passed by a parent (it only emits and waits for the parent to re-render).\n// This local ref is updated immediately so consecutive selections read correct state.\nconst localSelectedItems = shallowRef<MenuOption[]>(selectedItems.value);\n\nwatch(selectedItems, (newVal) => {\n  localSelectedItems.value = newVal;\n});\n\n// Sync back to the model when descendants mutate localSelectedItems directly\n// (e.g. auto-selecting lazy-loaded children in PvMenuItem.handleSeeMoreClick).\nwatch(localSelectedItems, (newVal) => {\n  if (newVal !== selectedItems.value) {\n    selectedItems.value = newVal;\n  }\n});\n\nprovide(SelectedItemsKey, localSelectedItems);\nprovide(\n  EnableCascadeSelectionKey,\n  computed(() => !!props.enableCascadeSelection),\n);\n\nconst originalOptionsMap = inject(OriginalOptionsMapKey, undefined);\nconst parentSelectsAllChildren = inject(ParentSelectsAllChildrenKey, ref(false));\nconst cascadeSelectedParentIds = inject(CascadeSelectedParentIdsKey, undefined);\nconst cascadeDeselectedChildIds = inject(CascadeDeselectedChildIdsKey, undefined);\n\nconst isSingleSelect = computed(() => props.singleSelect || props.config?.variant === \"radio\");\n\nconst handleItemSelected = (event: MenuOptionSelectedEvent) => {\n  const option = event.option;\n  let newSelection: MenuOption[];\n\n  if (props.enableCascadeSelection && option.children?.length) {\n    // Only leaf options are added to the selection — the parent itself is never\n    // included because it is purely an organisational node, not a selectable value.\n    // When parentSelectsAllChildren is true, use the original (unfiltered)\n    // children so clicking a parent selects all children regardless of search query.\n    let leafOptions: MenuOption[];\n    if (parentSelectsAllChildren.value && originalOptionsMap?.value) {\n      const originalOption = originalOptionsMap.value.get(option.id);\n      const originalLeaves = originalOption?.children ? collectLeafOptions(originalOption.children) : [];\n      const currentLeaves = collectLeafOptions(option.children);\n      leafOptions = mergeLeafOptions(originalLeaves, currentLeaves);\n    } else {\n      leafOptions = collectLeafOptions(option.children);\n    }\n    const leafIds = leafOptions.map((o) => o.id);\n    const current = localSelectedItems.value;\n    const anySelected = leafIds.some((id) => current.some((item) => item.id === id));\n    newSelection = anySelected ? current.filter((item) => !leafIds.includes(item.id)) : [...current, ...leafOptions];\n\n    // Track whether this parent was explicitly clicked for cascade selection\n    if (cascadeSelectedParentIds?.value) {\n      const next = new Set(cascadeSelectedParentIds.value);\n      if (anySelected) {\n        next.delete(option.id);\n      } else {\n        next.add(option.id);\n      }\n      cascadeSelectedParentIds.value = next;\n    }\n    // Clear deselected children tracking when parent is explicitly toggled\n    if (cascadeDeselectedChildIds?.value?.has(option.id)) {\n      const next = new Map(cascadeDeselectedChildIds.value);\n      next.delete(option.id);\n      cascadeDeselectedChildIds.value = next;\n    }\n  } else if (isSingleSelect.value) {\n    if (localSelectedItems.value.length === 1 && localSelectedItems.value[0].id === option.id) {\n      newSelection = [];\n    } else {\n      newSelection = [option];\n    }\n  } else {\n    const index = localSelectedItems.value.findIndex((item) => item.id === option.id);\n    if (index > -1) {\n      newSelection = [...localSelectedItems.value.slice(0, index), ...localSelectedItems.value.slice(index + 1)];\n    } else {\n      newSelection = [...localSelectedItems.value, option];\n    }\n\n    // Track individually deselected/re-selected children under selected parents\n    // so dynamically loaded children (see-more) can inherit the correct state.\n    if (props.enableCascadeSelection && cascadeSelectedParentIds?.value && cascadeDeselectedChildIds?.value) {\n      const isDeselecting = index > -1;\n      for (const parentId of cascadeSelectedParentIds.value) {\n        // Find if this child belongs to this parent\n        const parentOption = originalOptionsMap?.value?.get(parentId);\n        const parentChildren = parentOption?.children ?? props.options.find((o) => o.id === parentId)?.children;\n        if (!parentChildren) continue;\n        const leaves = collectLeafOptions(parentChildren);\n        // Also check the option itself as it may have been dynamically loaded\n        const isChildOfParent =\n          leaves.some((l) => l.id === option.id) ||\n          props.options.find((o) => o.id === parentId)?.children?.some((c) => c.id === option.id);\n        if (!isChildOfParent) continue;\n\n        const next = new Map(cascadeDeselectedChildIds.value);\n        const deselected = new Set(next.get(parentId) ?? []);\n        if (isDeselecting) {\n          deselected.add(option.id);\n        } else {\n          deselected.delete(option.id);\n        }\n        if (deselected.size > 0) {\n          next.set(parentId, deselected);\n        } else {\n          next.delete(parentId);\n        }\n        cascadeDeselectedChildIds.value = next;\n        break;\n      }\n    }\n  }\n\n  localSelectedItems.value = newSelection;\n  selectedItems.value = newSelection;\n\n  emit(\"handle-selected\", event);\n};\n\nconst selectedIds = computed(() => new Set(localSelectedItems.value.map((item) => item.id)));\n\nconst hasSelectedDescendant = (children: MenuOption[]): boolean => {\n  for (const child of children) {\n    if (selectedIds.value.has(child.id)) return true;\n    if (child.children?.length && hasSelectedDescendant(child.children)) return true;\n  }\n  return false;\n};\n\nconst isActive = (option: MenuOption): true | null => {\n  if (selectedIds.value.has(option.id)) {\n    return true;\n  }\n  if (props.enableCascadeSelection && option.children?.length && hasSelectedDescendant(option.children)) {\n    return true;\n  }\n  return null;\n};\n\nconst isVisible = (option: MenuOption, isLoading?: boolean): boolean => {\n  if (!isLoading) return true;\n  return isActive(option) === true;\n};\n</script>\n\n<template>\n  <ul role=\"list\" class=\"pv-popover-list\">\n    <li\n      v-for=\"option in options\"\n      v-show=\"isVisible(option, isLoading)\"\n      :key=\"option.id\"\n      :data-active=\"isActive(option)\"\n      :data-testid=\"itemTestId\"\n      :class=\"itemClass\"\n    >\n      <PvMenuItem\n        v-bind=\"option\"\n        :config=\"config\"\n        :itemClass=\"itemClass\"\n        :queryText=\"queryText\"\n        @handle-selected=\"handleItemSelected\"\n        @see-more=\"emit('see-more', $event)\"\n      />\n    </li>\n    <li v-if=\"hasMoreOptions\">\n      <PvButton\n        class=\"pv-text-brand\"\n        variant=\"ghost\"\n        label=\"See more\"\n        data-testid=\"pv-menu-see-more\"\n        @click=\"emit('see-more', { parentId: undefined })\"\n      />\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { watch, useTemplateRef, computed, nextTick, shallowRef, provide } from \"vue\";\nimport { useToggle, onKeyStroke } from \"@vueuse/core\";\n\nimport { PvSearchInputExposed } from \"@/components/base/PvSearchInput/PvSearchInput.vue\";\nimport PvSelectControlPanel from \"../PvMenu/PvMenuControlPanel.vue\";\nimport PvSearchInput from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvSelectButtonTrigger from \"@/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue\";\nimport PvMenuEmptyState from \"../PvMenu/PvMenuEmptyState.vue\";\nimport PvMenu from \"../PvMenu/PvMenu.vue\";\nimport PvSpinner from \"@/components/base/PvSpinner/PvSpinner.vue\";\n\nimport { PvMultiSelectButtonProps } from \"./types\";\nimport { MenuOption, MenuOptionConfig, MultiSelectState, SelectionNode, SeeMoreEvent } from \"@/types\";\nimport {\n  collectLeafOptions,\n  countFromSelectionState,\n  countWithCollapsedParents,\n  filterOptionsRecursive,\n} from \"../PvMenu/cascadeUtils\";\nimport {\n  OriginalOptionsMapKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n  ParentSelectsAllChildrenKey,\n  EnableChildExpansionKey,\n} from \"../PvMenu/symbols\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\n\nconst props = withDefaults(defineProps<PvMultiSelectButtonProps<T>>(), {\n  counterPosition: \"left\",\n  variant: \"secondary\",\n  size: \"lg\",\n  label: \"Select\",\n  disableDropdownIcon: false,\n  disableClearIcon: false,\n  disableSearchInput: false,\n  optionsVariant: \"checkbox\",\n  options: () => [] as MenuOption<T>[],\n  menuActionsVariant: \"select-clear\",\n  highlightSearchText: false,\n  enableCascadeSelection: false,\n});\n\nconst optionConfig = computed(() => {\n  const config: MenuOptionConfig = {\n    renderer: props.optionsRenderer,\n    action: props.optionsAction,\n    variant: props.optionsVariant,\n    counterBadgeVariant: props.counterBadgeVariant,\n  };\n  return config;\n});\n\n// Build a map from option id → original (unfiltered) option so that descendants\n// can look up the full children list when parentSelectsAllChildren is true.\nconst originalOptionsMap = computed(() => {\n  const map = new Map<string, MenuOption<T>>();\n  const buildMap = (options: MenuOption<T>[]) => {\n    for (const option of options) {\n      map.set(option.id, option);\n      if (option.children?.length) buildMap(option.children);\n    }\n  };\n  buildMap(props.options);\n  return map;\n});\n\nconst cascadeSelectedParentIds = shallowRef<Set<string>>(new Set());\nconst cascadeDeselectedChildIds = shallowRef<Map<string, Set<string>>>(new Map());\n\nprovide(OriginalOptionsMapKey, originalOptionsMap);\nprovide(CascadeSelectedParentIdsKey, cascadeSelectedParentIds);\nprovide(CascadeDeselectedChildIdsKey, cascadeDeselectedChildIds);\nprovide(\n  ParentSelectsAllChildrenKey,\n  computed(() => props.parentSelectsAllChildren),\n);\nprovide(\n  EnableChildExpansionKey,\n  computed(() => !!props.enableChildExpansion),\n);\n\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\n/** Pre-computed mapping of parent option ID → its leaf descendant options. */\nconst parentLeafMap = computed(() => {\n  const map = new Map<string, MenuOption<T>[]>();\n  for (const [id, option] of originalOptionsMap.value) {\n    if (option.children?.length) {\n      map.set(id, collectLeafOptions(option.children));\n    }\n  }\n  return map;\n});\n\nconst getSelectionState = (): MultiSelectState => {\n  const parentLeafIds = new Set<string>();\n  if (cascadeSelectedParentIds.value.size > 0) {\n    for (const parentId of cascadeSelectedParentIds.value) {\n      const leaves = parentLeafMap.value.get(parentId);\n      if (leaves) {\n        for (const leaf of leaves) parentLeafIds.add(leaf.id);\n      }\n    }\n  }\n\n  const nodes: SelectionNode[] = [];\n\n  for (const parentId of cascadeSelectedParentIds.value) {\n    const deselected = cascadeDeselectedChildIds.value.get(parentId);\n    const node: SelectionNode = { id: parentId, state: \"selected\" };\n    if (deselected?.size) {\n      node.children = [...deselected].map((childId) => ({\n        id: childId,\n        state: \"deselected\" as const,\n      }));\n    }\n    nodes.push(node);\n  }\n\n  for (const item of selectedItems.value) {\n    if (!parentLeafIds.has(item.id)) {\n      nodes.push({ id: item.id, state: \"selected\" });\n    }\n  }\n\n  return nodes;\n};\n\nconst hasMoreOptions = computed(() => {\n  if (props.hasMoreOptions != null) return props.hasMoreOptions;\n  if (props.totalOptionCount == null) return false;\n  return props.totalOptionCount > props.options.length;\n});\n\nconst counterValue = computed(() => {\n  if (props.enableCascadeSelection && props.countSelectedParents && modelSelectionState.value?.length) {\n    return countFromSelectionState(modelSelectionState.value);\n  }\n  if (!props.countSelectedParents || !props.enableCascadeSelection) {\n    return selectedItems.value.length;\n  }\n  const selectedIds = new Set(selectedItems.value.map((item) => item.id));\n  return countWithCollapsedParents(props.options, selectedIds);\n});\n\nconst hasSelection = computed(() => {\n  if (selectedItems.value.length > 0) return true;\n  if (props.enableCascadeSelection && modelSelectionState.value?.length) {\n    return modelSelectionState.value.some((node) => node.state === \"selected\");\n  }\n  return false;\n});\n\nconst handleSeeMore = (payload?: SeeMoreEvent) => {\n  emits(\"see-more\", payload ?? {});\n};\n\nconst searchInputComponentRef = useTemplateRef<PvSearchInputExposed | null>(\"searchInputRef\");\n\nconst [open, handleOpen] = useToggle<boolean>(props.defaultOpen);\nconst modelSelectedItems = defineModel<MenuOption<T>[]>({\n  required: false,\n  default: () => [],\n});\nconst modelSelectionState = defineModel<MultiSelectState>(\"selectionState\");\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n  default: \"\",\n});\n\nconst suppressChangesUntilConfirmed = computed(() => {\n  return props.menuActionsVariant === \"cancel-confirm\";\n});\n\nconst storeSelectedItems = (newSelection: MenuOption<T>[]) => {\n  selectedItems.value = newSelection;\n  if (!suppressChangesUntilConfirmed.value) {\n    modelSelectedItems.value = newSelection;\n    modelSelectionState.value = getSelectionState();\n  }\n};\n\nconst applyPendingSelection = () => {\n  if (suppressChangesUntilConfirmed.value) {\n    modelSelectedItems.value = selectedItems.value;\n    modelSelectionState.value = getSelectionState();\n  }\n};\n\nconst resetPendingSelection = () => {\n  if (suppressChangesUntilConfirmed.value) {\n    selectedItems.value = modelSelectedItems.value;\n  }\n};\n\n// with cancel-confirm, we hold changes until confirmed\nconst selectedItems = shallowRef<MenuOption<T>[]>(modelSelectedItems.value);\n\nconst findOptionById = (id: string): MenuOption<T> | undefined => originalOptionsMap.value.get(id);\n\nconst syncFromSelectionState = (state: MultiSelectState | undefined) => {\n  if (!props.enableCascadeSelection || !state) return;\n\n  const nextSelectedParents = new Set<string>();\n  const nextDeselectedChildren = new Map<string, Set<string>>();\n  const nextSelectedItems: MenuOption<T>[] = [];\n  const selectedIds = new Set<string>();\n\n  const addSelectedItem = (option: MenuOption<T> | undefined, id: string) => {\n    if (selectedIds.has(id)) return;\n    selectedIds.add(id);\n    // Placeholder for unresolved nodes — the trigger badge prefers `…` over the\n    // raw scoped token (e.g. `__provider_id__PV_1004__health_system__Kaiser`)\n    // until the props.options watcher re-runs this sync with metadata loaded.\n    nextSelectedItems.push(option ?? ({ id, text: \"…\" } as MenuOption<T>));\n  };\n\n  for (const node of state) {\n    if (node.state !== \"selected\") continue;\n\n    const deselectedIds = new Set(\n      (node.children || []).filter((child) => child.state === \"deselected\").map((child) => child.id),\n    );\n    const leafOptions = parentLeafMap.value.get(node.id);\n\n    if (leafOptions) {\n      nextSelectedParents.add(node.id);\n      if (deselectedIds.size > 0) {\n        nextDeselectedChildren.set(node.id, deselectedIds);\n      }\n      for (const leaf of leafOptions) {\n        if (!deselectedIds.has(leaf.id)) {\n          addSelectedItem(leaf, leaf.id);\n        }\n      }\n      continue;\n    }\n\n    addSelectedItem(findOptionById(node.id), node.id);\n  }\n\n  cascadeSelectedParentIds.value = nextSelectedParents;\n  cascadeDeselectedChildIds.value = nextDeselectedChildren;\n  selectedItems.value = nextSelectedItems;\n};\n\nconst menuSelectedItems = computed({\n  get: () => selectedItems.value,\n  set: (newValue: MenuOption<T>[]) => {\n    storeSelectedItems(newValue);\n  },\n});\n\nconst closeDropdown = () => {\n  searchInput.value = \"\";\n  open.value = false;\n};\n\nconst popoverOffset = computed(() => {\n  // get width of trigger element to offset popover correctly when overlay trigger is enabled\n  const size = props.size === \"lg\" ? 24 : 30;\n  return props.overlayTrigger ? -size : undefined;\n});\n\n// sync when parent updates modelSelectedItems directly\nwatch(\n  () => modelSelectedItems.value,\n  (newValue) => {\n    if (props.enableCascadeSelection && modelSelectionState.value?.length && newValue.length === 0) {\n      syncFromSelectionState(modelSelectionState.value);\n      return;\n    }\n    selectedItems.value = newValue;\n  },\n);\n\nwatch(\n  () => [modelSelectionState.value, props.options] as const,\n  () => {\n    syncFromSelectionState(modelSelectionState.value);\n  },\n  { deep: true, immediate: true },\n);\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    resetPendingSelection();\n    nextTick(() => {\n      // if overlay trigger is enabled and search input exists, auto-target the search input\n      if (props.overlayTrigger && !props.disableSearchInput) {\n        searchInputComponentRef.value?.input?.focus();\n      }\n      emits(\"dropdown-open\");\n    });\n  } else {\n    // on close, discard pending changes\n    resetPendingSelection();\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst filteredOptions = computed(() => {\n  if (searchInput.value === \"\") return props.options;\n  const searchValue = searchInput.value.toLocaleLowerCase();\n\n  if (props.enableCascadeSelection) {\n    return filterOptionsRecursive(props.options, searchValue, !props.hideParentOnChildQueryMatch);\n  }\n\n  return props.options.filter(\n    (option) =>\n      option.text.toLocaleLowerCase().includes(searchValue) ||\n      option.searchText?.toLocaleLowerCase().includes(searchValue),\n  );\n});\n\nconst handleSelectAll = () => {\n  // Mark all parents as cascade-selected (select-all intent) before\n  // storing so the selection state snapshot is accurate.\n  if (props.enableCascadeSelection) {\n    const parentIds = new Set<string>();\n    const collectParentIds = (options: MenuOption<T>[]) => {\n      for (const option of options) {\n        if (option.children?.length) {\n          parentIds.add(option.id);\n          collectParentIds(option.children);\n        }\n      }\n    };\n    collectParentIds(props.options);\n    cascadeSelectedParentIds.value = parentIds;\n    cascadeDeselectedChildIds.value = new Map();\n  }\n\n  // select all visible item values (excluded ones filtered out by search)\n  const toSelect = props.enableCascadeSelection\n    ? collectLeafOptions(filteredOptions.value as MenuOption<T>[])\n    : filteredOptions.value;\n  storeSelectedItems(toSelect);\n};\n\nconst handleClearAll = () => {\n  cascadeSelectedParentIds.value = new Set();\n  cascadeDeselectedChildIds.value = new Map();\n  storeSelectedItems([]);\n};\n\nconst handleCancelSelection = () => {\n  resetPendingSelection();\n  closeDropdown();\n};\n\nconst handleConfirmSelection = () => {\n  applyPendingSelection();\n  closeDropdown();\n};\n\nconst groupingOptions = computed(() => {\n  if (!props.groupings) return;\n\n  const groupingMap = new Map<string, MenuOption[]>();\n\n  props.groupings.forEach((group) => {\n    groupingMap.set(group, []);\n  });\n\n  groupingMap.set(\"other\", []);\n\n  for (const option of props.options) {\n    const groupKey = option.groupingLabel;\n    const targetGroup = groupKey && groupingMap.has(groupKey) ? groupKey : \"other\";\n    groupingMap.get(targetGroup)!.push(option);\n  }\n\n  for (const [key, options] of groupingMap) {\n    if (options.length === 0) {\n      groupingMap.delete(key);\n    }\n  }\n\n  return Array.from(groupingMap.entries());\n});\n\nconst showGroupings = computed(() => {\n  return props.groupings && searchInput.value === \"\";\n});\n\nconst allSlotProps = computed(() => ({\n  ...props,\n  selectedItems: modelSelectedItems.value,\n  searchInput: searchInput.value,\n  slotContext: props.slotContext,\n  isOpen: open.value,\n  isLoading: props.isLoading,\n}));\n\nonKeyStroke(\"Escape\", () => {\n  if (!open.value) return;\n\n  closeDropdown();\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-model=\"open\" v-bind=\"popoverProperties\" :offset=\"popoverOffset\">\n    <template #trigger>\n      <PvSelectButtonTrigger\n        ref=\"select-button-trigger-ref\"\n        :variant=\"variant\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :counterPosition=\"counterPosition\"\n        :prefixLabel=\"prefixLabel\"\n        :label=\"label\"\n        :icon=\"icon\"\n        :companyLogo=\"companyLogo\"\n        :showClear=\"!disableClearIcon && hasSelection\"\n        :showDropdown=\"!disableDropdownIcon && !hasSelection\"\n        :open=\"open\"\n        :counter-value=\"counterValue\"\n        @handle-clear=\"handleClearAll\"\n        @handle-toggle-dropdown=\"handleOpen()\"\n      />\n    </template>\n    <template #content>\n      <div class=\"pv-popover\" data-test-id=\"pv-popover\" :style=\"{ '--position': 'unset', ...popoverCssProperties }\">\n        <template v-if=\"!disableSearchInput\">\n          <div class=\"pv-inset-square-8 pv-border-bottom\">\n            <PvSearchInput\n              ref=\"searchInputRef\"\n              v-model:model-value=\"searchInput\"\n              class=\"pv-stack-4\"\n              :placeholder=\"searchPlaceholder\"\n            />\n          </div>\n        </template>\n        <div v-if=\"$slots['header']\" class=\"pv-inset-square-8\">\n          <slot name=\"header\" v-bind=\"allSlotProps\" />\n        </div>\n        <template v-if=\"filteredOptions.length > 0\">\n          <template v-if=\"showGroupings\">\n            <div v-for=\"([label, options], index) in groupingOptions\" :key=\"label\">\n              <slot v-if=\"$slots[label]\" :name=\"label\" />\n              <span\n                class=\"pv-text-body-sm pv-inset-inline\"\n                style=\"color: #89989b; --inset-size: 8px\"\n                v-else-if=\"label !== 'other'\"\n                >{{ label }}</span\n              >\n              <PvMenu\n                v-model:selectedItems=\"menuSelectedItems\"\n                :options=\"options\"\n                :config=\"optionConfig\"\n                :queryText=\"highlightSearchText ? searchInput : null\"\n                :itemTestId=\"`pv-multiselect-${label}-item`\"\n                itemClass=\"pv-stack-4\"\n                :isLoading=\"isLoading\"\n                :enableCascadeSelection=\"enableCascadeSelection\"\n                :hasMoreOptions=\"index === groupingOptions!.length - 1 && hasMoreOptions && !isLoading\"\n                @see-more=\"handleSeeMore\"\n              />\n              <div\n                v-if=\"groupingOptions && index !== groupingOptions.length - 1\"\n                class=\"pv-border-top\"\n                style=\"margin: 8px 0\"\n              />\n            </div>\n          </template>\n          <template v-else>\n            <PvMenu\n              v-model:selectedItems=\"menuSelectedItems\"\n              :options=\"filteredOptions\"\n              :config=\"optionConfig\"\n              :queryText=\"highlightSearchText ? searchInput : null\"\n              :itemTestId=\"`pv-multiselect-${label}-item`\"\n              itemClass=\"pv-stack-4\"\n              :enableCascadeSelection=\"enableCascadeSelection\"\n              :hasMoreOptions=\"hasMoreOptions && !isLoading\"\n              @see-more=\"handleSeeMore\"\n            />\n          </template>\n        </template>\n        <div v-if=\"isLoading\" class=\"pv-flex pv-inset-square-8\" style=\"justify-content: center\">\n          <PvSpinner variant=\"dark\" />\n        </div>\n        <template v-else-if=\"filteredOptions.length === 0\">\n          <slot v-if=\"$slots['no-results']\" name=\"no-results\" v-bind=\"allSlotProps\" />\n          <PvMenuEmptyState v-else />\n        </template>\n        <div\n          class=\"pv-sticky pv-surface pv-border-top pv-inset-square-8\"\n          style=\"--flex-justify: space-between; --bottom: 0\"\n        >\n          <slot v-if=\"$slots['footer']\" name=\"footer\" v-bind=\"allSlotProps\" />\n          <PvSelectControlPanel\n            v-if=\"menuActionsVariant\"\n            :variant=\"menuActionsVariant\"\n            :disabled=\"isLoading\"\n            @handle-clear-all=\"handleClearAll\"\n            @handle-select-all=\"handleSelectAll\"\n            @handle-cancel=\"handleCancelSelection\"\n            @handle-confirm=\"handleConfirmSelection\"\n          />\n        </div>\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { watch, useTemplateRef, computed, nextTick, shallowRef, provide } from \"vue\";\nimport { useToggle, onKeyStroke } from \"@vueuse/core\";\n\nimport { PvSearchInputExposed } from \"@/components/base/PvSearchInput/PvSearchInput.vue\";\nimport PvSelectControlPanel from \"../PvMenu/PvMenuControlPanel.vue\";\nimport PvSearchInput from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvSelectButtonTrigger from \"@/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue\";\nimport PvMenuEmptyState from \"../PvMenu/PvMenuEmptyState.vue\";\nimport PvMenu from \"../PvMenu/PvMenu.vue\";\nimport PvSpinner from \"@/components/base/PvSpinner/PvSpinner.vue\";\n\nimport { PvMultiSelectButtonProps } from \"./types\";\nimport { MenuOption, MenuOptionConfig, MultiSelectState, SelectionNode, SeeMoreEvent } from \"@/types\";\nimport {\n  collectLeafOptions,\n  countFromSelectionState,\n  countWithCollapsedParents,\n  filterOptionsRecursive,\n} from \"../PvMenu/cascadeUtils\";\nimport {\n  OriginalOptionsMapKey,\n  CascadeSelectedParentIdsKey,\n  CascadeDeselectedChildIdsKey,\n  ParentSelectsAllChildrenKey,\n  EnableChildExpansionKey,\n} from \"../PvMenu/symbols\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\n\nconst props = withDefaults(defineProps<PvMultiSelectButtonProps<T>>(), {\n  counterPosition: \"left\",\n  variant: \"secondary\",\n  size: \"lg\",\n  label: \"Select\",\n  disableDropdownIcon: false,\n  disableClearIcon: false,\n  disableSearchInput: false,\n  optionsVariant: \"checkbox\",\n  options: () => [] as MenuOption<T>[],\n  menuActionsVariant: \"select-clear\",\n  highlightSearchText: false,\n  enableCascadeSelection: false,\n});\n\nconst optionConfig = computed(() => {\n  const config: MenuOptionConfig = {\n    renderer: props.optionsRenderer,\n    action: props.optionsAction,\n    variant: props.optionsVariant,\n    counterBadgeVariant: props.counterBadgeVariant,\n  };\n  return config;\n});\n\n// Build a map from option id → original (unfiltered) option so that descendants\n// can look up the full children list when parentSelectsAllChildren is true.\nconst originalOptionsMap = computed(() => {\n  const map = new Map<string, MenuOption<T>>();\n  const buildMap = (options: MenuOption<T>[]) => {\n    for (const option of options) {\n      map.set(option.id, option);\n      if (option.children?.length) buildMap(option.children);\n    }\n  };\n  buildMap(props.options);\n  return map;\n});\n\nconst cascadeSelectedParentIds = shallowRef<Set<string>>(new Set());\nconst cascadeDeselectedChildIds = shallowRef<Map<string, Set<string>>>(new Map());\n\nprovide(OriginalOptionsMapKey, originalOptionsMap);\nprovide(CascadeSelectedParentIdsKey, cascadeSelectedParentIds);\nprovide(CascadeDeselectedChildIdsKey, cascadeDeselectedChildIds);\nprovide(\n  ParentSelectsAllChildrenKey,\n  computed(() => props.parentSelectsAllChildren),\n);\nprovide(\n  EnableChildExpansionKey,\n  computed(() => !!props.enableChildExpansion),\n);\n\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n  (e: \"see-more\", payload: SeeMoreEvent): void;\n}>();\n\n/** Pre-computed mapping of parent option ID → its leaf descendant options. */\nconst parentLeafMap = computed(() => {\n  const map = new Map<string, MenuOption<T>[]>();\n  for (const [id, option] of originalOptionsMap.value) {\n    if (option.children?.length) {\n      map.set(id, collectLeafOptions(option.children));\n    }\n  }\n  return map;\n});\n\nconst getSelectionState = (): MultiSelectState => {\n  const parentLeafIds = new Set<string>();\n  if (cascadeSelectedParentIds.value.size > 0) {\n    for (const parentId of cascadeSelectedParentIds.value) {\n      const leaves = parentLeafMap.value.get(parentId);\n      if (leaves) {\n        for (const leaf of leaves) parentLeafIds.add(leaf.id);\n      }\n    }\n  }\n\n  const nodes: SelectionNode[] = [];\n\n  for (const parentId of cascadeSelectedParentIds.value) {\n    const deselected = cascadeDeselectedChildIds.value.get(parentId);\n    const node: SelectionNode = { id: parentId, state: \"selected\" };\n    if (deselected?.size) {\n      node.children = [...deselected].map((childId) => ({\n        id: childId,\n        state: \"deselected\" as const,\n      }));\n    }\n    nodes.push(node);\n  }\n\n  for (const item of selectedItems.value) {\n    if (!parentLeafIds.has(item.id)) {\n      nodes.push({ id: item.id, state: \"selected\" });\n    }\n  }\n\n  return nodes;\n};\n\nconst hasMoreOptions = computed(() => {\n  if (props.hasMoreOptions != null) return props.hasMoreOptions;\n  if (props.totalOptionCount == null) return false;\n  return props.totalOptionCount > props.options.length;\n});\n\nconst counterValue = computed(() => {\n  if (props.enableCascadeSelection && props.countSelectedParents && modelSelectionState.value?.length) {\n    return countFromSelectionState(modelSelectionState.value);\n  }\n  if (!props.countSelectedParents || !props.enableCascadeSelection) {\n    return selectedItems.value.length;\n  }\n  const selectedIds = new Set(selectedItems.value.map((item) => item.id));\n  return countWithCollapsedParents(props.options, selectedIds);\n});\n\nconst hasSelection = computed(() => {\n  if (selectedItems.value.length > 0) return true;\n  if (props.enableCascadeSelection && modelSelectionState.value?.length) {\n    return modelSelectionState.value.some((node) => node.state === \"selected\");\n  }\n  return false;\n});\n\nconst handleSeeMore = (payload?: SeeMoreEvent) => {\n  emits(\"see-more\", payload ?? {});\n};\n\nconst searchInputComponentRef = useTemplateRef<PvSearchInputExposed | null>(\"searchInputRef\");\n\nconst [open, handleOpen] = useToggle<boolean>(props.defaultOpen);\nconst modelSelectedItems = defineModel<MenuOption<T>[]>({\n  required: false,\n  default: () => [],\n});\nconst modelSelectionState = defineModel<MultiSelectState>(\"selectionState\");\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n  default: \"\",\n});\n\nconst suppressChangesUntilConfirmed = computed(() => {\n  return props.menuActionsVariant === \"cancel-confirm\";\n});\n\nconst storeSelectedItems = (newSelection: MenuOption<T>[]) => {\n  selectedItems.value = newSelection;\n  if (!suppressChangesUntilConfirmed.value) {\n    modelSelectedItems.value = newSelection;\n    modelSelectionState.value = getSelectionState();\n  }\n};\n\nconst applyPendingSelection = () => {\n  if (suppressChangesUntilConfirmed.value) {\n    modelSelectedItems.value = selectedItems.value;\n    modelSelectionState.value = getSelectionState();\n  }\n};\n\nconst resetPendingSelection = () => {\n  if (suppressChangesUntilConfirmed.value) {\n    selectedItems.value = modelSelectedItems.value;\n  }\n};\n\n// with cancel-confirm, we hold changes until confirmed\nconst selectedItems = shallowRef<MenuOption<T>[]>(modelSelectedItems.value);\n\nconst findOptionById = (id: string): MenuOption<T> | undefined => originalOptionsMap.value.get(id);\n\nconst syncFromSelectionState = (state: MultiSelectState | undefined) => {\n  if (!props.enableCascadeSelection || !state) return;\n\n  const nextSelectedParents = new Set<string>();\n  const nextDeselectedChildren = new Map<string, Set<string>>();\n  const nextSelectedItems: MenuOption<T>[] = [];\n  const selectedIds = new Set<string>();\n\n  const addSelectedItem = (option: MenuOption<T> | undefined, id: string) => {\n    if (selectedIds.has(id)) return;\n    selectedIds.add(id);\n    // Placeholder for unresolved nodes — the trigger badge prefers `…` over the\n    // raw scoped token (e.g. `__provider_id__PV_1004__health_system__Kaiser`)\n    // until the props.options watcher re-runs this sync with metadata loaded.\n    nextSelectedItems.push(option ?? ({ id, text: \"…\" } as MenuOption<T>));\n  };\n\n  for (const node of state) {\n    if (node.state !== \"selected\") continue;\n\n    const deselectedIds = new Set(\n      (node.children || []).filter((child) => child.state === \"deselected\").map((child) => child.id),\n    );\n    const leafOptions = parentLeafMap.value.get(node.id);\n\n    if (leafOptions) {\n      nextSelectedParents.add(node.id);\n      if (deselectedIds.size > 0) {\n        nextDeselectedChildren.set(node.id, deselectedIds);\n      }\n      for (const leaf of leafOptions) {\n        if (!deselectedIds.has(leaf.id)) {\n          addSelectedItem(leaf, leaf.id);\n        }\n      }\n      continue;\n    }\n\n    addSelectedItem(findOptionById(node.id), node.id);\n  }\n\n  cascadeSelectedParentIds.value = nextSelectedParents;\n  cascadeDeselectedChildIds.value = nextDeselectedChildren;\n  selectedItems.value = nextSelectedItems;\n};\n\nconst menuSelectedItems = computed({\n  get: () => selectedItems.value,\n  set: (newValue: MenuOption<T>[]) => {\n    storeSelectedItems(newValue);\n  },\n});\n\nconst closeDropdown = () => {\n  searchInput.value = \"\";\n  open.value = false;\n};\n\nconst popoverOffset = computed(() => {\n  // get width of trigger element to offset popover correctly when overlay trigger is enabled\n  const size = props.size === \"lg\" ? 24 : 30;\n  return props.overlayTrigger ? -size : undefined;\n});\n\n// sync when parent updates modelSelectedItems directly\nwatch(\n  () => modelSelectedItems.value,\n  (newValue) => {\n    if (props.enableCascadeSelection && modelSelectionState.value?.length && newValue.length === 0) {\n      syncFromSelectionState(modelSelectionState.value);\n      return;\n    }\n    selectedItems.value = newValue;\n  },\n);\n\nwatch(\n  () => [modelSelectionState.value, props.options] as const,\n  () => {\n    syncFromSelectionState(modelSelectionState.value);\n  },\n  { deep: true, immediate: true },\n);\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    resetPendingSelection();\n    nextTick(() => {\n      // if overlay trigger is enabled and search input exists, auto-target the search input\n      if (props.overlayTrigger && !props.disableSearchInput) {\n        searchInputComponentRef.value?.input?.focus();\n      }\n      emits(\"dropdown-open\");\n    });\n  } else {\n    // on close, discard pending changes\n    resetPendingSelection();\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst filteredOptions = computed(() => {\n  if (searchInput.value === \"\") return props.options;\n  const searchValue = searchInput.value.toLocaleLowerCase();\n\n  if (props.enableCascadeSelection) {\n    return filterOptionsRecursive(props.options, searchValue, !props.hideParentOnChildQueryMatch);\n  }\n\n  return props.options.filter(\n    (option) =>\n      option.text.toLocaleLowerCase().includes(searchValue) ||\n      option.searchText?.toLocaleLowerCase().includes(searchValue),\n  );\n});\n\nconst handleSelectAll = () => {\n  // Mark all parents as cascade-selected (select-all intent) before\n  // storing so the selection state snapshot is accurate.\n  if (props.enableCascadeSelection) {\n    const parentIds = new Set<string>();\n    const collectParentIds = (options: MenuOption<T>[]) => {\n      for (const option of options) {\n        if (option.children?.length) {\n          parentIds.add(option.id);\n          collectParentIds(option.children);\n        }\n      }\n    };\n    collectParentIds(props.options);\n    cascadeSelectedParentIds.value = parentIds;\n    cascadeDeselectedChildIds.value = new Map();\n  }\n\n  // select all visible item values (excluded ones filtered out by search)\n  const toSelect = props.enableCascadeSelection\n    ? collectLeafOptions(filteredOptions.value as MenuOption<T>[])\n    : filteredOptions.value;\n  storeSelectedItems(toSelect);\n};\n\nconst handleClearAll = () => {\n  cascadeSelectedParentIds.value = new Set();\n  cascadeDeselectedChildIds.value = new Map();\n  storeSelectedItems([]);\n};\n\nconst handleCancelSelection = () => {\n  resetPendingSelection();\n  closeDropdown();\n};\n\nconst handleConfirmSelection = () => {\n  applyPendingSelection();\n  closeDropdown();\n};\n\nconst groupingOptions = computed(() => {\n  if (!props.groupings) return;\n\n  const groupingMap = new Map<string, MenuOption[]>();\n\n  props.groupings.forEach((group) => {\n    groupingMap.set(group, []);\n  });\n\n  groupingMap.set(\"other\", []);\n\n  for (const option of props.options) {\n    const groupKey = option.groupingLabel;\n    const targetGroup = groupKey && groupingMap.has(groupKey) ? groupKey : \"other\";\n    groupingMap.get(targetGroup)!.push(option);\n  }\n\n  for (const [key, options] of groupingMap) {\n    if (options.length === 0) {\n      groupingMap.delete(key);\n    }\n  }\n\n  return Array.from(groupingMap.entries());\n});\n\nconst showGroupings = computed(() => {\n  return props.groupings && searchInput.value === \"\";\n});\n\nconst allSlotProps = computed(() => ({\n  ...props,\n  selectedItems: modelSelectedItems.value,\n  searchInput: searchInput.value,\n  slotContext: props.slotContext,\n  isOpen: open.value,\n  isLoading: props.isLoading,\n}));\n\nonKeyStroke(\"Escape\", () => {\n  if (!open.value) return;\n\n  closeDropdown();\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-model=\"open\" v-bind=\"popoverProperties\" :offset=\"popoverOffset\">\n    <template #trigger>\n      <PvSelectButtonTrigger\n        ref=\"select-button-trigger-ref\"\n        :variant=\"variant\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :counterPosition=\"counterPosition\"\n        :prefixLabel=\"prefixLabel\"\n        :label=\"label\"\n        :icon=\"icon\"\n        :companyLogo=\"companyLogo\"\n        :showClear=\"!disableClearIcon && hasSelection\"\n        :showDropdown=\"!disableDropdownIcon && !hasSelection\"\n        :open=\"open\"\n        :counter-value=\"counterValue\"\n        @handle-clear=\"handleClearAll\"\n        @handle-toggle-dropdown=\"handleOpen()\"\n      />\n    </template>\n    <template #content>\n      <div class=\"pv-popover\" data-test-id=\"pv-popover\" :style=\"{ '--position': 'unset', ...popoverCssProperties }\">\n        <template v-if=\"!disableSearchInput\">\n          <div class=\"pv-inset-square-8 pv-border-bottom\">\n            <PvSearchInput\n              ref=\"searchInputRef\"\n              v-model:model-value=\"searchInput\"\n              class=\"pv-stack-4\"\n              :placeholder=\"searchPlaceholder\"\n            />\n          </div>\n        </template>\n        <div v-if=\"$slots['header']\" class=\"pv-inset-square-8\">\n          <slot name=\"header\" v-bind=\"allSlotProps\" />\n        </div>\n        <template v-if=\"filteredOptions.length > 0\">\n          <template v-if=\"showGroupings\">\n            <div v-for=\"([label, options], index) in groupingOptions\" :key=\"label\">\n              <slot v-if=\"$slots[label]\" :name=\"label\" />\n              <span\n                class=\"pv-text-body-sm pv-inset-inline\"\n                style=\"color: #89989b; --inset-size: 8px\"\n                v-else-if=\"label !== 'other'\"\n                >{{ label }}</span\n              >\n              <PvMenu\n                v-model:selectedItems=\"menuSelectedItems\"\n                :options=\"options\"\n                :config=\"optionConfig\"\n                :queryText=\"highlightSearchText ? searchInput : null\"\n                :itemTestId=\"`pv-multiselect-${label}-item`\"\n                itemClass=\"pv-stack-4\"\n                :isLoading=\"isLoading\"\n                :enableCascadeSelection=\"enableCascadeSelection\"\n                :hasMoreOptions=\"index === groupingOptions!.length - 1 && hasMoreOptions && !isLoading\"\n                @see-more=\"handleSeeMore\"\n              />\n              <div\n                v-if=\"groupingOptions && index !== groupingOptions.length - 1\"\n                class=\"pv-border-top\"\n                style=\"margin: 8px 0\"\n              />\n            </div>\n          </template>\n          <template v-else>\n            <PvMenu\n              v-model:selectedItems=\"menuSelectedItems\"\n              :options=\"filteredOptions\"\n              :config=\"optionConfig\"\n              :queryText=\"highlightSearchText ? searchInput : null\"\n              :itemTestId=\"`pv-multiselect-${label}-item`\"\n              itemClass=\"pv-stack-4\"\n              :enableCascadeSelection=\"enableCascadeSelection\"\n              :hasMoreOptions=\"hasMoreOptions && !isLoading\"\n              @see-more=\"handleSeeMore\"\n            />\n          </template>\n        </template>\n        <div v-if=\"isLoading\" class=\"pv-flex pv-inset-square-8\" style=\"justify-content: center\">\n          <PvSpinner variant=\"dark\" />\n        </div>\n        <template v-else-if=\"filteredOptions.length === 0\">\n          <slot v-if=\"$slots['no-results']\" name=\"no-results\" v-bind=\"allSlotProps\" />\n          <PvMenuEmptyState v-else />\n        </template>\n        <div\n          class=\"pv-sticky pv-surface pv-border-top pv-inset-square-8\"\n          style=\"--flex-justify: space-between; --bottom: 0\"\n        >\n          <slot v-if=\"$slots['footer']\" name=\"footer\" v-bind=\"allSlotProps\" />\n          <PvSelectControlPanel\n            v-if=\"menuActionsVariant\"\n            :variant=\"menuActionsVariant\"\n            :disabled=\"isLoading\"\n            @handle-clear-all=\"handleClearAll\"\n            @handle-select-all=\"handleSelectAll\"\n            @handle-cancel=\"handleCancelSelection\"\n            @handle-confirm=\"handleConfirmSelection\"\n          />\n        </div>\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { CSSProperties, watch, computed, Component } from \"vue\";\n\nimport { useToggle, onKeyStroke } from \"@vueuse/core\";\n\nimport PvSearchInput from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvSelectButtonTrigger from \"@/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue\";\nimport PvMenuEmptyState from \"../PvMenu/PvMenuEmptyState.vue\";\n\nimport { PvSelectButtonSize, PvSelectButtonVariant } from \"./types\";\nimport { MenuAction, MenuOption, MenuOptionConfig, MenuOptionsVariant } from \"@/types\";\nimport { PvCounterBadgeVariant } from \"../PvCounterBadge/types\";\nimport { PvPopoverV2Props } from \"@/components/base/PvPopoverV2/types.ts\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\nimport PvMenu from \"@/components/base/PvMenu/PvMenu.vue\";\n\nexport interface PvSelectButtonProps<T = unknown> {\n  /** Whether the dropdown is open on initial render */\n  defaultOpen?: boolean;\n  /** Prevent the button from being clicked */\n  disabled?: boolean;\n  /** Show a loading state on the trigger button */\n  isLoading?: boolean;\n  /** Visual style of the trigger button */\n  variant?: PvSelectButtonVariant;\n  /** Inverse button colors for dark backgrounds */\n  inverse?: boolean;\n  /** Size of the trigger button */\n  size?: PvSelectButtonSize;\n  /** Configuration passed to the underlying PvPopoverV2 */\n  popoverProperties?: PvPopoverV2Props;\n  /** Custom CSS properties applied to the popover container */\n  popoverCssProperties?: CSSProperties;\n  /** Static text shown before the label on the trigger button */\n  prefixLabel?: string;\n  /** Text label on the trigger button; updates to the selected option's text when an item is chosen */\n  label?: string;\n  /** Hide the search input inside the dropdown */\n  disableSearchInput?: boolean;\n  /** Placeholder text for the search input */\n  searchPlaceholder?: string;\n  /** Visual style of menu options (simple, icon, company, avatar, radio) */\n  optionsVariant?: Exclude<MenuOptionsVariant, \"checkbox\">;\n  /** The list of selectable options */\n  options?: MenuOption<T>[];\n  /** Custom Vue component used to render each option */\n  optionsRenderer?: Component;\n  /** Action configuration for per-option action buttons */\n  optionsAction?: MenuAction<T>;\n  /** Prevent deselecting the currently selected item */\n  disableDeselect?: boolean;\n  /** Where to place the counter badge on the trigger */\n  counterPosition?: \"left\" | \"right\";\n  /** Variant of the counter badge which appears on the button and menu items */\n  counterBadgeVariant?: PvCounterBadgeVariant;\n  /** Whether to highlight the search text in the options list */\n  highlightSearchText?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSelectButtonProps<T>>(), {\n  variant: \"secondary\",\n  size: \"lg\",\n  label: \"Select an option\",\n  disableDeselect: false,\n  disableSearchInput: false,\n  optionsVariant: \"simple\",\n  options: () => [] as MenuOption<T>[],\n  highlightSearchText: false,\n});\n\nconst optionConfig = computed(() => {\n  const config: MenuOptionConfig = {\n    renderer: props.optionsRenderer,\n    action: props.optionsAction,\n    variant: props.optionsVariant,\n    counterBadgeVariant: props.counterBadgeVariant,\n  };\n  return config;\n});\n\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n}>();\n\nconst [open] = useToggle<boolean>(props.defaultOpen);\nconst selectedItem = defineModel<MenuOption>({ required: false });\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n  default: \"\",\n});\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    emits(\"dropdown-open\");\n  } else {\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst buttonDisplayLabel = computed(() => {\n  if (selectedItem.value && selectedItem.value.text) {\n    return selectedItem.value.text;\n  }\n  return props.label;\n});\n\nconst buttonIcon = computed(() => {\n  if (selectedItem.value && selectedItem.value.icon) {\n    return selectedItem.value.icon;\n  }\n  return undefined;\n});\n\nconst buttonCompanyLogo = computed(() => {\n  if (selectedItem.value && selectedItem.value.companyName) {\n    return selectedItem.value.companyName;\n  }\n  return undefined;\n});\n\nconst filteredOptions = computed(() => {\n  const searchValue = searchInput.value.trim().toLowerCase();\n  if (!searchValue) return props.options;\n\n  const searchRecursive = (options: MenuOption[]): MenuOption[] => {\n    const result: MenuOption[] = [];\n\n    for (const option of options) {\n      const matches =\n        option.text.toLowerCase().includes(searchValue) || option.searchText?.toLowerCase().includes(searchValue);\n      const filteredChildren = searchRecursive(option.children || []);\n\n      if (matches) {\n        // Parent matches → keep parent, with filtered children\n        result.push({\n          ...option,\n          searchText: searchValue,\n          children: filteredChildren,\n        });\n      } else {\n        // Parent does NOT match:\n        result.push(...filteredChildren);\n      }\n    }\n\n    return result;\n  };\n\n  return searchRecursive(props.options);\n});\n\nconst menuSelectedItems = computed({\n  get: () => (selectedItem.value ? [selectedItem.value] : []),\n  set: (items: MenuOption[]) => {\n    if (props.optionsVariant === \"radio\" || props.disableDeselect) {\n      if (items.length > 0) {\n        selectedItem.value = items[0];\n      }\n    } else {\n      selectedItem.value = items.length > 0 ? items[0] : undefined;\n    }\n  },\n});\n\nconst handleSelectItem = () => {\n  closeDropdown();\n};\n\nconst handleClear = () => {\n  selectedItem.value = undefined;\n};\n\nconst closeDropdown = () => {\n  open.value = false;\n  searchInput.value = \"\";\n};\n\nonKeyStroke(\"Escape\", () => {\n  if (!open.value) return;\n\n  closeDropdown();\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-model=\"open\" v-bind=\"popoverProperties\">\n    <template #trigger>\n      <PvSelectButtonTrigger\n        class=\"pv-full-width\"\n        ref=\"select-button-trigger-ref\"\n        :variant=\"variant\"\n        :inverse=\"inverse\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :prefixLabel=\"prefixLabel\"\n        :label=\"buttonDisplayLabel\"\n        :icon=\"buttonIcon\"\n        :companyLogo=\"buttonCompanyLogo\"\n        :showClear=\"false\"\n        :showDropdown=\"true\"\n        :open=\"open\"\n        :counter-position=\"counterPosition\"\n        :counter-value=\"\n          selectedItem?.secondaryText && typeof selectedItem.secondaryText === 'number'\n            ? selectedItem.secondaryText\n            : undefined\n        \"\n        :counter-badge-variant=\"counterBadgeVariant\"\n        :isLoading=\"isLoading\"\n        @handle-clear=\"handleClear\"\n      />\n    </template>\n    <template #content>\n      <div class=\"pv-popover\" data-test-id=\"pv-popover\" :style=\"popoverCssProperties\" style=\"position: unset\">\n        <template v-if=\"!disableSearchInput\">\n          <div class=\"pv-inset-square-8 pv-border-bottom\">\n            <PvSearchInput v-model:model-value=\"searchInput\" class=\"pv-stack-4\" :placeholder=\"searchPlaceholder\" />\n          </div>\n        </template>\n        <template v-if=\"filteredOptions.length > 0\">\n          <PvMenu\n            v-model:selectedItems=\"menuSelectedItems\"\n            :options=\"filteredOptions\"\n            :config=\"optionConfig\"\n            :queryText=\"highlightSearchText ? searchInput : null\"\n            :singleSelect=\"true\"\n            @handle-selected=\"handleSelectItem\"\n          />\n        </template>\n        <PvMenuEmptyState v-else />\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\nimport { CSSProperties, watch, computed, Component } from \"vue\";\n\nimport { useToggle, onKeyStroke } from \"@vueuse/core\";\n\nimport PvSearchInput from \"../PvSearchInput/PvSearchInput.vue\";\nimport PvSelectButtonTrigger from \"@/components/base/PvSelectButton/PvSelectButtonTrigger/PvSelectButtonTrigger.vue\";\nimport PvMenuEmptyState from \"../PvMenu/PvMenuEmptyState.vue\";\n\nimport { PvSelectButtonSize, PvSelectButtonVariant } from \"./types\";\nimport { MenuAction, MenuOption, MenuOptionConfig, MenuOptionsVariant } from \"@/types\";\nimport { PvCounterBadgeVariant } from \"../PvCounterBadge/types\";\nimport { PvPopoverV2Props } from \"@/components/base/PvPopoverV2/types.ts\";\nimport PvPopoverV2 from \"@/components/base/PvPopoverV2/PvPopoverV2.vue\";\nimport PvMenu from \"@/components/base/PvMenu/PvMenu.vue\";\n\nexport interface PvSelectButtonProps<T = unknown> {\n  /** Whether the dropdown is open on initial render */\n  defaultOpen?: boolean;\n  /** Prevent the button from being clicked */\n  disabled?: boolean;\n  /** Show a loading state on the trigger button */\n  isLoading?: boolean;\n  /** Visual style of the trigger button */\n  variant?: PvSelectButtonVariant;\n  /** Inverse button colors for dark backgrounds */\n  inverse?: boolean;\n  /** Size of the trigger button */\n  size?: PvSelectButtonSize;\n  /** Configuration passed to the underlying PvPopoverV2 */\n  popoverProperties?: PvPopoverV2Props;\n  /** Custom CSS properties applied to the popover container */\n  popoverCssProperties?: CSSProperties;\n  /** Static text shown before the label on the trigger button */\n  prefixLabel?: string;\n  /** Text label on the trigger button; updates to the selected option's text when an item is chosen */\n  label?: string;\n  /** Hide the search input inside the dropdown */\n  disableSearchInput?: boolean;\n  /** Placeholder text for the search input */\n  searchPlaceholder?: string;\n  /** Visual style of menu options (simple, icon, company, avatar, radio) */\n  optionsVariant?: Exclude<MenuOptionsVariant, \"checkbox\">;\n  /** The list of selectable options */\n  options?: MenuOption<T>[];\n  /** Custom Vue component used to render each option */\n  optionsRenderer?: Component;\n  /** Action configuration for per-option action buttons */\n  optionsAction?: MenuAction<T>;\n  /** Prevent deselecting the currently selected item */\n  disableDeselect?: boolean;\n  /** Where to place the counter badge on the trigger */\n  counterPosition?: \"left\" | \"right\";\n  /** Variant of the counter badge which appears on the button and menu items */\n  counterBadgeVariant?: PvCounterBadgeVariant;\n  /** Whether to highlight the search text in the options list */\n  highlightSearchText?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvSelectButtonProps<T>>(), {\n  variant: \"secondary\",\n  size: \"lg\",\n  label: \"Select an option\",\n  disableDeselect: false,\n  disableSearchInput: false,\n  optionsVariant: \"simple\",\n  options: () => [] as MenuOption<T>[],\n  highlightSearchText: false,\n});\n\nconst optionConfig = computed(() => {\n  const config: MenuOptionConfig = {\n    renderer: props.optionsRenderer,\n    action: props.optionsAction,\n    variant: props.optionsVariant,\n    counterBadgeVariant: props.counterBadgeVariant,\n  };\n  return config;\n});\n\nconst emits = defineEmits<{\n  (e: \"dropdown-open\"): void;\n  (e: \"dropdown-closed\"): void;\n}>();\n\nconst [open] = useToggle<boolean>(props.defaultOpen);\nconst selectedItem = defineModel<MenuOption>({ required: false });\nconst searchInput = defineModel<string>(\"searchInput\", {\n  required: false,\n  default: \"\",\n});\n\nwatch(open, (newValue) => {\n  if (newValue) {\n    emits(\"dropdown-open\");\n  } else {\n    emits(\"dropdown-closed\");\n  }\n});\n\nconst buttonDisplayLabel = computed(() => {\n  if (selectedItem.value && selectedItem.value.text) {\n    return selectedItem.value.text;\n  }\n  return props.label;\n});\n\nconst buttonIcon = computed(() => {\n  if (selectedItem.value && selectedItem.value.icon) {\n    return selectedItem.value.icon;\n  }\n  return undefined;\n});\n\nconst buttonCompanyLogo = computed(() => {\n  if (selectedItem.value && selectedItem.value.companyName) {\n    return selectedItem.value.companyName;\n  }\n  return undefined;\n});\n\nconst filteredOptions = computed(() => {\n  const searchValue = searchInput.value.trim().toLowerCase();\n  if (!searchValue) return props.options;\n\n  const searchRecursive = (options: MenuOption[]): MenuOption[] => {\n    const result: MenuOption[] = [];\n\n    for (const option of options) {\n      const matches =\n        option.text.toLowerCase().includes(searchValue) || option.searchText?.toLowerCase().includes(searchValue);\n      const filteredChildren = searchRecursive(option.children || []);\n\n      if (matches) {\n        // Parent matches → keep parent, with filtered children\n        result.push({\n          ...option,\n          searchText: searchValue,\n          children: filteredChildren,\n        });\n      } else {\n        // Parent does NOT match:\n        result.push(...filteredChildren);\n      }\n    }\n\n    return result;\n  };\n\n  return searchRecursive(props.options);\n});\n\nconst menuSelectedItems = computed({\n  get: () => (selectedItem.value ? [selectedItem.value] : []),\n  set: (items: MenuOption[]) => {\n    if (props.optionsVariant === \"radio\" || props.disableDeselect) {\n      if (items.length > 0) {\n        selectedItem.value = items[0];\n      }\n    } else {\n      selectedItem.value = items.length > 0 ? items[0] : undefined;\n    }\n  },\n});\n\nconst handleSelectItem = () => {\n  closeDropdown();\n};\n\nconst handleClear = () => {\n  selectedItem.value = undefined;\n};\n\nconst closeDropdown = () => {\n  open.value = false;\n  searchInput.value = \"\";\n};\n\nonKeyStroke(\"Escape\", () => {\n  if (!open.value) return;\n\n  closeDropdown();\n});\n</script>\n\n<template>\n  <PvPopoverV2 v-model=\"open\" v-bind=\"popoverProperties\">\n    <template #trigger>\n      <PvSelectButtonTrigger\n        class=\"pv-full-width\"\n        ref=\"select-button-trigger-ref\"\n        :variant=\"variant\"\n        :inverse=\"inverse\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :prefixLabel=\"prefixLabel\"\n        :label=\"buttonDisplayLabel\"\n        :icon=\"buttonIcon\"\n        :companyLogo=\"buttonCompanyLogo\"\n        :showClear=\"false\"\n        :showDropdown=\"true\"\n        :open=\"open\"\n        :counter-position=\"counterPosition\"\n        :counter-value=\"\n          selectedItem?.secondaryText && typeof selectedItem.secondaryText === 'number'\n            ? selectedItem.secondaryText\n            : undefined\n        \"\n        :counter-badge-variant=\"counterBadgeVariant\"\n        :isLoading=\"isLoading\"\n        @handle-clear=\"handleClear\"\n      />\n    </template>\n    <template #content>\n      <div class=\"pv-popover\" data-test-id=\"pv-popover\" :style=\"popoverCssProperties\" style=\"position: unset\">\n        <template v-if=\"!disableSearchInput\">\n          <div class=\"pv-inset-square-8 pv-border-bottom\">\n            <PvSearchInput v-model:model-value=\"searchInput\" class=\"pv-stack-4\" :placeholder=\"searchPlaceholder\" />\n          </div>\n        </template>\n        <template v-if=\"filteredOptions.length > 0\">\n          <PvMenu\n            v-model:selectedItems=\"menuSelectedItems\"\n            :options=\"filteredOptions\"\n            :config=\"optionConfig\"\n            :queryText=\"highlightSearchText ? searchInput : null\"\n            :singleSelect=\"true\"\n            @handle-selected=\"handleSelectItem\"\n          />\n        </template>\n        <PvMenuEmptyState v-else />\n      </div>\n    </template>\n  </PvPopoverV2>\n</template>\n","import { PvPaginationVariant } from \"./types\";\n\nconst variantToNumber: Record<PvPaginationVariant, number> = {\n  short: 5,\n  long: 7,\n};\n\nexport const usePagination = ({\n  variant = \"long\",\n}: {\n  variant?: PvPaginationVariant;\n} = {}) => {\n  /**\n   * Number of reserved pagination slots for:\n   * - First page\n   * - Last page\n   * - Ellipsis (\"...\") indicators\n   * These help keep the pagination compact and readable.\n   */\n  const FIRST_LAST_DOTS = 3;\n\n  const getPaginations = ({\n    currentPage,\n    pages,\n  }: {\n    currentPage: number;\n    pages: number;\n  }) => {\n    if (pages <= variantToNumber[variant]) {\n      return Array.from({ length: pages }, (_, i) => ({\n        page: i + 1,\n        label: (i + 1).toString(),\n      }));\n    }\n\n    const pagination: {\n      page: number;\n      label: string;\n    }[] = [\n      {\n        page: 1,\n        label: \"1\",\n      },\n    ];\n\n    const recalculatedMaxNumberToShow =\n      variantToNumber[variant] - FIRST_LAST_DOTS;\n\n    const halfPagesAhead = Math.floor(recalculatedMaxNumberToShow / 2);\n\n    let start = currentPage - halfPagesAhead;\n    let end = currentPage + halfPagesAhead;\n\n    const showFirstDots = start > 2;\n    const showSecondDots = end < pages - 1;\n\n    if (start <= 2) {\n      start = 2;\n      end = start + recalculatedMaxNumberToShow - 1;\n    }\n\n    if (end >= pages - 1) {\n      end = pages - 1;\n      start = end - recalculatedMaxNumberToShow + 1;\n    }\n\n    if (showFirstDots) {\n      pagination.push({\n        page: 0,\n        label: \"...\",\n      });\n    }\n\n    if (showFirstDots && showSecondDots) {\n      for (let i = start + 1; i <= end - 1; i++) {\n        pagination.push({ page: i, label: i.toString() });\n      }\n    } else {\n      for (let i = start; i <= end; i++) {\n        pagination.push({ page: i, label: i.toString() });\n      }\n    }\n\n    if (showSecondDots) {\n      pagination.push({\n        page: 0,\n        label: \"...\",\n      });\n    }\n\n    if (pages > 1) {\n      pagination.push({ page: pages, label: pages.toString() });\n    }\n\n    return pagination;\n  };\n\n  return {\n    getPaginations,\n  };\n};\n","<script setup lang=\"ts\">\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { usePagination } from \"./usePagination\";\nimport { PvPaginationSize, PvPaginationVariant } from \"./types\";\n\ninterface PvPaginationProps {\n  /** Size of the pagination buttons */\n  size?: PvPaginationSize;\n  /** Total number of pages available */\n  maxPages: number;\n  maxNumberToShow?: number;\n  /** Display variant controlling the number of visible page buttons (\"short\" shows fewer) */\n  variant?: PvPaginationVariant;\n}\n\nconst props = withDefaults(defineProps<PvPaginationProps>(), {\n  size: \"lg\",\n  variant: \"long\",\n});\n\nconst { getPaginations } = usePagination({\n  variant: props.variant,\n});\n\nconst currentPage = defineModel<number>({ required: true });\n</script>\n\n<template>\n  <ol role=\"list\" class=\"pv-pagination\" data-testid=\"pv-pagination\" :data-style=\"size === 'lg' ? 'small' : undefined\">\n    <li>\n      <PvButton\n        data-testid=\"pagination-left-arrow-icon\"\n        :disabled=\"currentPage === 1\"\n        left-icon=\"chevron-left\"\n        ariaLabel=\"Previous page\"\n        variant=\"ghost\"\n        @click=\"$emit('update:modelValue', currentPage - 1)\"\n      />\n    </li>\n    <li\n      v-for=\"page in getPaginations({\n        currentPage,\n        pages: maxPages,\n      })\"\n      :key=\"page.page\"\n      :data-testid=\"`pagination-button-${page.page}`\"\n      :aria-current=\"page.page === currentPage ? 'page' : undefined\"\n    >\n      <button v-if=\"page.label === '...'\" class=\"dots-button\" disabled>\n        {{ page.label }}\n      </button>\n      <button v-else @click=\"$emit('update:modelValue', page.page)\">\n        {{ page.label }}\n      </button>\n    </li>\n    <li>\n      <PvButton\n        data-testid=\"pagination-right-arrow-icon\"\n        :disabled=\"currentPage === maxPages\"\n        left-icon=\"chevron-right\"\n        ariaLabel=\"Next page\"\n        variant=\"ghost\"\n        @click=\"$emit('update:modelValue', currentPage + 1)\"\n      />\n    </li>\n  </ol>\n</template>\n\n<style scoped>\n.dots-button {\n  background-color: transparent;\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { usePagination } from \"./usePagination\";\nimport { PvPaginationSize, PvPaginationVariant } from \"./types\";\n\ninterface PvPaginationProps {\n  /** Size of the pagination buttons */\n  size?: PvPaginationSize;\n  /** Total number of pages available */\n  maxPages: number;\n  maxNumberToShow?: number;\n  /** Display variant controlling the number of visible page buttons (\"short\" shows fewer) */\n  variant?: PvPaginationVariant;\n}\n\nconst props = withDefaults(defineProps<PvPaginationProps>(), {\n  size: \"lg\",\n  variant: \"long\",\n});\n\nconst { getPaginations } = usePagination({\n  variant: props.variant,\n});\n\nconst currentPage = defineModel<number>({ required: true });\n</script>\n\n<template>\n  <ol role=\"list\" class=\"pv-pagination\" data-testid=\"pv-pagination\" :data-style=\"size === 'lg' ? 'small' : undefined\">\n    <li>\n      <PvButton\n        data-testid=\"pagination-left-arrow-icon\"\n        :disabled=\"currentPage === 1\"\n        left-icon=\"chevron-left\"\n        ariaLabel=\"Previous page\"\n        variant=\"ghost\"\n        @click=\"$emit('update:modelValue', currentPage - 1)\"\n      />\n    </li>\n    <li\n      v-for=\"page in getPaginations({\n        currentPage,\n        pages: maxPages,\n      })\"\n      :key=\"page.page\"\n      :data-testid=\"`pagination-button-${page.page}`\"\n      :aria-current=\"page.page === currentPage ? 'page' : undefined\"\n    >\n      <button v-if=\"page.label === '...'\" class=\"dots-button\" disabled>\n        {{ page.label }}\n      </button>\n      <button v-else @click=\"$emit('update:modelValue', page.page)\">\n        {{ page.label }}\n      </button>\n    </li>\n    <li>\n      <PvButton\n        data-testid=\"pagination-right-arrow-icon\"\n        :disabled=\"currentPage === maxPages\"\n        left-icon=\"chevron-right\"\n        ariaLabel=\"Next page\"\n        variant=\"ghost\"\n        @click=\"$emit('update:modelValue', currentPage + 1)\"\n      />\n    </li>\n  </ol>\n</template>\n\n<style scoped>\n.dots-button {\n  background-color: transparent;\n  color: #4b595c;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\ninterface PvSelectableCardProps {\n  /** Visual style variant of the selectable card. */\n  variant?: \"default\" | \"highlight\";\n  /** Value associated with this card, used as the input element's value. */\n  value?: string;\n  /** Unique identifier for the card's input element. Auto-generated if not provided. */\n  id?: string;\n  /** When true, renders as a checkbox (allowing deselection). When false, renders as a radio button. */\n  deselect?: boolean;\n  /** Whether the card is currently in the selected state. */\n  selected?: boolean;\n}\n\nconst { variant = \"default\", id } = defineProps<PvSelectableCardProps>();\n\nconst labelId = computed(() => {\n  if (id) {\n    return id;\n  }\n  return `${Math.random()}`;\n});\n</script>\n\n<template>\n  <label\n    data-testid=\"pv-selectable-card\"\n    :class=\"[\n      'pv-label-selectable-small',\n      {\n        'pv-label-selectable-highlight': variant === 'highlight',\n      },\n    ]\"\n    :for=\"labelId\"\n  >\n    <input\n      :checked=\"selected\"\n      class=\"pv-hide\"\n      name=\"type\"\n      :type=\"deselect ? 'checkbox' : 'radio'\"\n      :value=\"value\"\n      :id=\"labelId\"\n    />\n    <slot />\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\ninterface PvSelectableCardProps {\n  /** Visual style variant of the selectable card. */\n  variant?: \"default\" | \"highlight\";\n  /** Value associated with this card, used as the input element's value. */\n  value?: string;\n  /** Unique identifier for the card's input element. Auto-generated if not provided. */\n  id?: string;\n  /** When true, renders as a checkbox (allowing deselection). When false, renders as a radio button. */\n  deselect?: boolean;\n  /** Whether the card is currently in the selected state. */\n  selected?: boolean;\n}\n\nconst { variant = \"default\", id } = defineProps<PvSelectableCardProps>();\n\nconst labelId = computed(() => {\n  if (id) {\n    return id;\n  }\n  return `${Math.random()}`;\n});\n</script>\n\n<template>\n  <label\n    data-testid=\"pv-selectable-card\"\n    :class=\"[\n      'pv-label-selectable-small',\n      {\n        'pv-label-selectable-highlight': variant === 'highlight',\n      },\n    ]\"\n    :for=\"labelId\"\n  >\n    <input\n      :checked=\"selected\"\n      class=\"pv-hide\"\n      name=\"type\"\n      :type=\"deselect ? 'checkbox' : 'radio'\"\n      :value=\"value\"\n      :id=\"labelId\"\n    />\n    <slot />\n  </label>\n</template>\n","<script setup lang=\"ts\">\ninterface PvSidePanelProps {\n  showLeftSidebar?: boolean;\n  showRightSidebar?: boolean;\n}\n\ndefineProps<PvSidePanelProps>();\n</script>\n\n<template>\n  <div class=\"pv-layout-two-sidebar\">\n    <div\n      :data-hidden=\"showLeftSidebar === false ? true : undefined\"\n      data-testid=\"pv-side-panel-left\"\n      data-layout=\"left-sidebar\"\n    >\n      <slot name=\"left-sidebar\" />\n    </div>\n    <div data-layout=\"main-section\">\n      <slot name=\"main\" />\n    </div>\n    <div\n      :data-hidden=\"showRightSidebar === false ? true : undefined\"\n      data-testid=\"pv-side-panel-right\"\n      data-layout=\"right-sidebar\"\n    >\n      <slot name=\"right-sidebar\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\ninterface PvSidePanelProps {\n  showLeftSidebar?: boolean;\n  showRightSidebar?: boolean;\n}\n\ndefineProps<PvSidePanelProps>();\n</script>\n\n<template>\n  <div class=\"pv-layout-two-sidebar\">\n    <div\n      :data-hidden=\"showLeftSidebar === false ? true : undefined\"\n      data-testid=\"pv-side-panel-left\"\n      data-layout=\"left-sidebar\"\n    >\n      <slot name=\"left-sidebar\" />\n    </div>\n    <div data-layout=\"main-section\">\n      <slot name=\"main\" />\n    </div>\n    <div\n      :data-hidden=\"showRightSidebar === false ? true : undefined\"\n      data-testid=\"pv-side-panel-right\"\n      data-layout=\"right-sidebar\"\n    >\n      <slot name=\"right-sidebar\" />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef, watch, ref } from \"vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { PvGhostInputVariant } from \"./types\";\n\ninterface PvGhostInputProps {\n  /**\n   * The typographic style applied to the input text (e.g. h1, h2, text-md, caption).\n   */\n  variant?: PvGhostInputVariant;\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n  /** When true, the input is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** When true, displays an edit (pencil) icon button beside the input that focuses it on click. */\n  showEditIcon?: boolean;\n}\n\nconst inputRef = useTemplateRef(\"inputRef\");\n\nconst variantToInputNameMap: Record<PvGhostInputVariant, string> = {\n  h1: \"ghost-input-h1\",\n  h2: \"ghost-input-h2\",\n  h3: \"ghost-input-h3\",\n  h4: \"ghost-input-h4\",\n  \"text-lg\": \"ghost-input-text-large\",\n  \"text-md\": \"ghost-input-text-medium\",\n  \"text-sm\": \"ghost-input-text-small\",\n  caption: \"ghost-input-caption\",\n};\n\nconst variantToDataStyleMap: Record<PvGhostInputVariant, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  \"text-sm\": \"text-small\",\n  \"text-md\": \"text-medium\",\n  \"text-lg\": \"text-large\",\n  caption: \"caption\",\n};\n\nconst props = withDefaults(defineProps<PvGhostInputProps>(), {\n  variant: \"h1\",\n});\n\nconst inputValue = defineModel<string>();\nconst inputWidth = ref(0);\n\nconst handleEditIcon = () => {\n  inputRef.value?.focus();\n};\n\nonMounted(() => {\n  if (inputValue.value && inputValue.value.length > 0) {\n    calculateWidth(inputValue.value);\n  } else if (props.placeholder) {\n    calculateWidth(props.placeholder);\n  } else {\n    inputWidth.value = 240;\n  }\n});\n\nwatch(\n  () => inputValue.value,\n  () => {\n    if (inputValue.value && inputValue.value.length > 0) {\n      calculateWidth(inputValue.value);\n    } else if (props.placeholder) {\n      calculateWidth(props.placeholder);\n    } else {\n      inputWidth.value = 240;\n    }\n  },\n);\n\nconst calculateWidth = (value: string) => {\n  if (!inputRef.value) return;\n\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n\n  if (!context) return;\n\n  const style = getComputedStyle(inputRef.value);\n  context.font = `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;\n\n  inputWidth.value = context.measureText(value).width + 10;\n};\n</script>\n\n<template>\n  <div class=\"pv-ghost-input pv-full-width\" data-testid=\"pv-ghost-input\" :data-style=\"variantToDataStyleMap[variant]\">\n    <slot name=\"action\" />\n    <input\n      ref=\"inputRef\"\n      v-bind=\"props\"\n      v-model=\"inputValue\"\n      type=\"text\"\n      :style=\"{\n        width: inputWidth + 'px',\n      }\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :name=\"variantToInputNameMap[variant]\"\n    />\n    <PvButton v-if=\"showEditIcon\" left-icon=\"edit\" ariaLabel=\"Edit\" variant=\"ghost\" @click=\"handleEditIcon\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef, watch, ref } from \"vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { PvGhostInputVariant } from \"./types\";\n\ninterface PvGhostInputProps {\n  /**\n   * The typographic style applied to the input text (e.g. h1, h2, text-md, caption).\n   */\n  variant?: PvGhostInputVariant;\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n  /** When true, the input is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** When true, displays an edit (pencil) icon button beside the input that focuses it on click. */\n  showEditIcon?: boolean;\n}\n\nconst inputRef = useTemplateRef(\"inputRef\");\n\nconst variantToInputNameMap: Record<PvGhostInputVariant, string> = {\n  h1: \"ghost-input-h1\",\n  h2: \"ghost-input-h2\",\n  h3: \"ghost-input-h3\",\n  h4: \"ghost-input-h4\",\n  \"text-lg\": \"ghost-input-text-large\",\n  \"text-md\": \"ghost-input-text-medium\",\n  \"text-sm\": \"ghost-input-text-small\",\n  caption: \"ghost-input-caption\",\n};\n\nconst variantToDataStyleMap: Record<PvGhostInputVariant, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  \"text-sm\": \"text-small\",\n  \"text-md\": \"text-medium\",\n  \"text-lg\": \"text-large\",\n  caption: \"caption\",\n};\n\nconst props = withDefaults(defineProps<PvGhostInputProps>(), {\n  variant: \"h1\",\n});\n\nconst inputValue = defineModel<string>();\nconst inputWidth = ref(0);\n\nconst handleEditIcon = () => {\n  inputRef.value?.focus();\n};\n\nonMounted(() => {\n  if (inputValue.value && inputValue.value.length > 0) {\n    calculateWidth(inputValue.value);\n  } else if (props.placeholder) {\n    calculateWidth(props.placeholder);\n  } else {\n    inputWidth.value = 240;\n  }\n});\n\nwatch(\n  () => inputValue.value,\n  () => {\n    if (inputValue.value && inputValue.value.length > 0) {\n      calculateWidth(inputValue.value);\n    } else if (props.placeholder) {\n      calculateWidth(props.placeholder);\n    } else {\n      inputWidth.value = 240;\n    }\n  },\n);\n\nconst calculateWidth = (value: string) => {\n  if (!inputRef.value) return;\n\n  const canvas = document.createElement(\"canvas\");\n  const context = canvas.getContext(\"2d\");\n\n  if (!context) return;\n\n  const style = getComputedStyle(inputRef.value);\n  context.font = `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;\n\n  inputWidth.value = context.measureText(value).width + 10;\n};\n</script>\n\n<template>\n  <div class=\"pv-ghost-input pv-full-width\" data-testid=\"pv-ghost-input\" :data-style=\"variantToDataStyleMap[variant]\">\n    <slot name=\"action\" />\n    <input\n      ref=\"inputRef\"\n      v-bind=\"props\"\n      v-model=\"inputValue\"\n      type=\"text\"\n      :style=\"{\n        width: inputWidth + 'px',\n      }\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :name=\"variantToInputNameMap[variant]\"\n    />\n    <PvButton v-if=\"showEditIcon\" left-icon=\"edit\" ariaLabel=\"Edit\" variant=\"ghost\" @click=\"handleEditIcon\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvCompanyLogo from \"../PvCompanyLogo/PvCompanyLogo.vue\";\nimport { PvCompanyLabelSize } from \"./types\";\n\ninterface PvCompanyLabelProps {\n  /** Display size of the label and logo */\n  size?: PvCompanyLabelSize;\n  /** Logo identifier to display; falls back to label if not provided */\n  logo?: string;\n  /** Text label to display alongside the logo */\n  label: string;\n}\n\nwithDefaults(defineProps<PvCompanyLabelProps>(), {\n  size: \"md\",\n});\n\nconst mapSizeToLabelSize: Record<PvCompanyLabelSize, string> = {\n  xs: \"pv-text-body-xs\",\n  sm: \"pv-text-body-md\",\n  md: \"pv-text-body-md\",\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\">\n    <PvCompanyLogo :name=\"logo ? logo : label\" :size=\"size\" />\n    <span :class=\"mapSizeToLabelSize[size]\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvCompanyLogo from \"../PvCompanyLogo/PvCompanyLogo.vue\";\nimport { PvCompanyLabelSize } from \"./types\";\n\ninterface PvCompanyLabelProps {\n  /** Display size of the label and logo */\n  size?: PvCompanyLabelSize;\n  /** Logo identifier to display; falls back to label if not provided */\n  logo?: string;\n  /** Text label to display alongside the logo */\n  label: string;\n}\n\nwithDefaults(defineProps<PvCompanyLabelProps>(), {\n  size: \"md\",\n});\n\nconst mapSizeToLabelSize: Record<PvCompanyLabelSize, string> = {\n  xs: \"pv-text-body-xs\",\n  sm: \"pv-text-body-md\",\n  md: \"pv-text-body-md\",\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\">\n    <PvCompanyLogo :name=\"logo ? logo : label\" :size=\"size\" />\n    <span :class=\"mapSizeToLabelSize[size]\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvAvatarGroupItem } from \"./types\";\n\ninterface PvAvatarGroupProps {\n  /** Array of avatar items to render in the group. */\n  items: PvAvatarGroupItem[];\n  /** Maximum number of avatars to show before displaying an overflow indicator. Capped at 7. */\n  maxDisplayed: number;\n}\n\nconst props = defineProps<PvAvatarGroupProps>();\n\nconst displayedItems = computed(() => {\n  return props.maxDisplayed >= 7 ? 7 : props.maxDisplayed;\n});\n\nconst extraDisplayedItems = computed(() => {\n  const extraNumbers = props.items.length - displayedItems.value;\n  return extraNumbers > 0 ? extraNumbers : 0;\n});\n</script>\n\n<template>\n  <ul\n    class=\"pv-avatar-group\"\n    role=\"list\"\n    :data-more=\"extraDisplayedItems <= 0 ? undefined : extraDisplayedItems\"\n    data-testid=\"pv-avatar-group\"\n  >\n    <li v-for=\"(item, index) in items.slice(0, displayedItems)\" :key=\"index\" data-testid=\"pv-avatar-group-item\">\n      <template v-if=\"item.initials\">{{ item.initials }}</template>\n      <img v-else-if=\"item.image\" :src=\"item.image\" :alt=\"item.alt ?? ''\" />\n      <div v-else class=\"pv-avatar-sm\"></div>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvAvatarGroupItem } from \"./types\";\n\ninterface PvAvatarGroupProps {\n  /** Array of avatar items to render in the group. */\n  items: PvAvatarGroupItem[];\n  /** Maximum number of avatars to show before displaying an overflow indicator. Capped at 7. */\n  maxDisplayed: number;\n}\n\nconst props = defineProps<PvAvatarGroupProps>();\n\nconst displayedItems = computed(() => {\n  return props.maxDisplayed >= 7 ? 7 : props.maxDisplayed;\n});\n\nconst extraDisplayedItems = computed(() => {\n  const extraNumbers = props.items.length - displayedItems.value;\n  return extraNumbers > 0 ? extraNumbers : 0;\n});\n</script>\n\n<template>\n  <ul\n    class=\"pv-avatar-group\"\n    role=\"list\"\n    :data-more=\"extraDisplayedItems <= 0 ? undefined : extraDisplayedItems\"\n    data-testid=\"pv-avatar-group\"\n  >\n    <li v-for=\"(item, index) in items.slice(0, displayedItems)\" :key=\"index\" data-testid=\"pv-avatar-group-item\">\n      <template v-if=\"item.initials\">{{ item.initials }}</template>\n      <img v-else-if=\"item.image\" :src=\"item.image\" :alt=\"item.alt ?? ''\" />\n      <div v-else class=\"pv-avatar-sm\"></div>\n    </li>\n  </ul>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\nimport { PvToggleButtonSize, PvToggleButtonVariant } from \"./types\";\n\ninterface PvToggleButton {\n  /**\n   * The visual size of the toggle button.\n   */\n  size?: PvToggleButtonSize;\n  /**\n   * The visual style variant.\n   */\n  variant?: PvToggleButtonVariant;\n  /** When true, applies fully rounded (pill) corners. */\n  rounded?: boolean;\n  /** When true, the toggle button is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** The value emitted when this toggle is selected (used with radio-style groups). */\n  value?: string;\n  /** Visible text label displayed inside the toggle. */\n  label?: string;\n  /** Icon name displayed to the left of the label. */\n  leftIcon?: string;\n  /** Icon name displayed to the right of the label. */\n  rightIcon?: string;\n  /** HTML id for the underlying input element. Auto-generated from label when omitted. */\n  id?: string;\n  /** HTML name attribute, used to group radio-style toggles. */\n  name?: string;\n  /**\n   * When true, renders as a checkbox (can be deselected). When false, renders as a radio (stays selected).\n   */\n  deselect?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvToggleButton>(), {\n  variant: \"secondary\",\n  deselect: true,\n  size: \"xl\",\n});\n\nconst modelValue = defineModel<boolean | string>();\n\nconst classes = computed(() => {\n  const variantSuffix = props.variant == \"secondary\" ? \"\" : \"-\" + props.variant;\n  return {\n    [`pv-toggle${variantSuffix}`]: true,\n    \"pv-toggle-round\": props.rounded,\n    \"pv-toggle-small\": props.size === \"lg\",\n  };\n});\n\nconst labelId = computed(() => {\n  if (props.id) {\n    return props.id;\n  }\n\n  return `${props.label}-${Math.random()}`;\n});\n</script>\n\n<template>\n  <label data-testid=\"pv-toggle-button\" :class=\"classes\" :for=\"labelId\">\n    <input\n      v-model=\"modelValue\"\n      class=\"pv-hide\"\n      :id=\"labelId\"\n      :type=\"deselect ? 'checkbox' : 'radio'\"\n      :value=\"value\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n    />\n    <PvIcon v-if=\"leftIcon\" :name=\"leftIcon\" />\n    <span v-if=\"label\">{{ label }}</span>\n    <PvIcon v-if=\"rightIcon\" :name=\"rightIcon\" />\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\nimport { PvToggleButtonSize, PvToggleButtonVariant } from \"./types\";\n\ninterface PvToggleButton {\n  /**\n   * The visual size of the toggle button.\n   */\n  size?: PvToggleButtonSize;\n  /**\n   * The visual style variant.\n   */\n  variant?: PvToggleButtonVariant;\n  /** When true, applies fully rounded (pill) corners. */\n  rounded?: boolean;\n  /** When true, the toggle button is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** The value emitted when this toggle is selected (used with radio-style groups). */\n  value?: string;\n  /** Visible text label displayed inside the toggle. */\n  label?: string;\n  /** Icon name displayed to the left of the label. */\n  leftIcon?: string;\n  /** Icon name displayed to the right of the label. */\n  rightIcon?: string;\n  /** HTML id for the underlying input element. Auto-generated from label when omitted. */\n  id?: string;\n  /** HTML name attribute, used to group radio-style toggles. */\n  name?: string;\n  /**\n   * When true, renders as a checkbox (can be deselected). When false, renders as a radio (stays selected).\n   */\n  deselect?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvToggleButton>(), {\n  variant: \"secondary\",\n  deselect: true,\n  size: \"xl\",\n});\n\nconst modelValue = defineModel<boolean | string>();\n\nconst classes = computed(() => {\n  const variantSuffix = props.variant == \"secondary\" ? \"\" : \"-\" + props.variant;\n  return {\n    [`pv-toggle${variantSuffix}`]: true,\n    \"pv-toggle-round\": props.rounded,\n    \"pv-toggle-small\": props.size === \"lg\",\n  };\n});\n\nconst labelId = computed(() => {\n  if (props.id) {\n    return props.id;\n  }\n\n  return `${props.label}-${Math.random()}`;\n});\n</script>\n\n<template>\n  <label data-testid=\"pv-toggle-button\" :class=\"classes\" :for=\"labelId\">\n    <input\n      v-model=\"modelValue\"\n      class=\"pv-hide\"\n      :id=\"labelId\"\n      :type=\"deselect ? 'checkbox' : 'radio'\"\n      :value=\"value\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n    />\n    <PvIcon v-if=\"leftIcon\" :name=\"leftIcon\" />\n    <span v-if=\"label\">{{ label }}</span>\n    <PvIcon v-if=\"rightIcon\" :name=\"rightIcon\" />\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { PvToggleGroupOption, PvToggleGroupProps } from \"@/components/base/PvToggleGroup/types.ts\";\n\nconst props = defineProps<PvToggleGroupProps>();\nconst selectedOption = defineModel<PvToggleGroupOption | null>();\n\n// Generate a stable unique ID for this component instance\nconst groupId = ref(`toggle-group-${Math.random().toString(36).substr(2, 9)}`);\n\nconst handleToggle = (option: PvToggleGroupOption) => {\n  if (option.disabled) return;\n\n  // If clicking the already selected option and allowDeselect is true, deselect it\n  if (selectedOption.value?.value === option.value) {\n    if (props.allowDeselect) {\n      selectedOption.value = null;\n    }\n    return;\n  }\n\n  // Select the new option\n  selectedOption.value = option;\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\">\n    <template v-for=\"option in options\" :key=\"option.value\">\n      <PvTooltipV2 :description=\"hideLabels ? option.label : ''\">\n        <template #trigger>\n          <label\n            class=\"pv-label pv-label-hover pv-flex pv-toggle-small\"\n            :class=\"{ 'pv-disabled': disabled || option.disabled }\"\n          >\n            <input\n              type=\"radio\"\n              :name=\"groupId\"\n              :value=\"option.value\"\n              :checked=\"selectedOption?.value === option.value\"\n              class=\"pv-radio\"\n              :disabled=\"disabled || option.disabled\"\n              @change=\"handleToggle(option)\"\n            />\n            <PvIcon v-if=\"option.icon\" :name=\"option.icon\" />\n            <span v-if=\"!hideLabels\">{{ option.label }}</span>\n          </label>\n        </template>\n      </PvTooltipV2>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvTooltipV2 from \"@/components/base/PvTooltipV2/PvTooltipV2.vue\";\nimport { PvToggleGroupOption, PvToggleGroupProps } from \"@/components/base/PvToggleGroup/types.ts\";\n\nconst props = defineProps<PvToggleGroupProps>();\nconst selectedOption = defineModel<PvToggleGroupOption | null>();\n\n// Generate a stable unique ID for this component instance\nconst groupId = ref(`toggle-group-${Math.random().toString(36).substr(2, 9)}`);\n\nconst handleToggle = (option: PvToggleGroupOption) => {\n  if (option.disabled) return;\n\n  // If clicking the already selected option and allowDeselect is true, deselect it\n  if (selectedOption.value?.value === option.value) {\n    if (props.allowDeselect) {\n      selectedOption.value = null;\n    }\n    return;\n  }\n\n  // Select the new option\n  selectedOption.value = option;\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\">\n    <template v-for=\"option in options\" :key=\"option.value\">\n      <PvTooltipV2 :description=\"hideLabels ? option.label : ''\">\n        <template #trigger>\n          <label\n            class=\"pv-label pv-label-hover pv-flex pv-toggle-small\"\n            :class=\"{ 'pv-disabled': disabled || option.disabled }\"\n          >\n            <input\n              type=\"radio\"\n              :name=\"groupId\"\n              :value=\"option.value\"\n              :checked=\"selectedOption?.value === option.value\"\n              class=\"pv-radio\"\n              :disabled=\"disabled || option.disabled\"\n              @change=\"handleToggle(option)\"\n            />\n            <PvIcon v-if=\"option.icon\" :name=\"option.icon\" />\n            <span v-if=\"!hideLabels\">{{ option.label }}</span>\n          </label>\n        </template>\n      </PvTooltipV2>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\ninterface PvCheckboxProps {\n  /** When true, the checkbox is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** When true, displays the checkbox in an indeterminate (mixed) state. */\n  indeterminate?: boolean;\n  /** Accessible name when no wrapping <label> is present. */\n  ariaLabel?: string;\n}\n\ndefineProps<PvCheckboxProps>();\n\nconst value = defineModel<boolean>();\n</script>\n\n<template>\n  <input\n    ref=\"checkbox-ref\"\n    v-model=\"value\"\n    class=\"pv-checkbox\"\n    type=\"checkbox\"\n    name=\"checkbox\"\n    :aria-label=\"ariaLabel\"\n    :disabled=\"disabled\"\n    :indeterminate=\"indeterminate\"\n  />\n</template>\n","<script setup lang=\"ts\">\ninterface PvCheckboxProps {\n  /** When true, the checkbox is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** When true, displays the checkbox in an indeterminate (mixed) state. */\n  indeterminate?: boolean;\n  /** Accessible name when no wrapping <label> is present. */\n  ariaLabel?: string;\n}\n\ndefineProps<PvCheckboxProps>();\n\nconst value = defineModel<boolean>();\n</script>\n\n<template>\n  <input\n    ref=\"checkbox-ref\"\n    v-model=\"value\"\n    class=\"pv-checkbox\"\n    type=\"checkbox\"\n    name=\"checkbox\"\n    :aria-label=\"ariaLabel\"\n    :disabled=\"disabled\"\n    :indeterminate=\"indeterminate\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted } from \"vue\";\n\ntype PvSpriteProps = {\n  src: string;\n  variant?: \"v1\" | \"v2\";\n};\n\nconst props = withDefaults(defineProps<PvSpriteProps>(), {\n  variant: \"v2\",\n});\n\nonMounted(async () => {\n  const file = props.variant === \"v1\" ? \"sprite-v1.svg\" : \"sprite-v2.svg\";\n  const fullPath = props.src + file;\n  try {\n    const response = await fetch(fullPath);\n    const svgText = await response.text();\n    const target = document.getElementById(\"pv-sprite-content\");\n    if (target) {\n      target.innerHTML = svgText;\n      target.hidden = false; // Optional: show if needed\n    }\n  } catch (error) {\n    console.error(\"Failed to load SVG:\", error);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div hidden id=\"pv-sprite-content\"></div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { onMounted } from \"vue\";\n\ntype PvSpriteProps = {\n  src: string;\n  variant?: \"v1\" | \"v2\";\n};\n\nconst props = withDefaults(defineProps<PvSpriteProps>(), {\n  variant: \"v2\",\n});\n\nonMounted(async () => {\n  const file = props.variant === \"v1\" ? \"sprite-v1.svg\" : \"sprite-v2.svg\";\n  const fullPath = props.src + file;\n  try {\n    const response = await fetch(fullPath);\n    const svgText = await response.text();\n    const target = document.getElementById(\"pv-sprite-content\");\n    if (target) {\n      target.innerHTML = svgText;\n      target.hidden = false; // Optional: show if needed\n    }\n  } catch (error) {\n    console.error(\"Failed to load SVG:\", error);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div hidden id=\"pv-sprite-content\"></div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { Skeleton } from \"primevue\";\nimport { PvSekeltonSize, PvSkeletonVariant } from \"./types\";\n\nconst mapSizeToPx: Record<PvSekeltonSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"1rem\",\n  md: \"1.25rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n};\n\ninterface PvSkeletonProps {\n  /** The size of the skeleton placeholder. Controls height and, for square variant, width. */\n  size?: PvSekeltonSize;\n  /** The shape variant. \"rectangle\" fills available width; \"square\" uses equal height and width. */\n  variant?: PvSkeletonVariant;\n}\n\nwithDefaults(defineProps<PvSkeletonProps>(), {\n  size: \"md\",\n  variant: \"rectangle\",\n});\n</script>\n\n<template>\n  <Skeleton\n    data-testid=\"pv-skeleton\"\n    :height=\"mapSizeToPx[size]\"\n    :width=\"variant === 'square' ? mapSizeToPx[size] : '100%'\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { Skeleton } from \"primevue\";\nimport { PvSekeltonSize, PvSkeletonVariant } from \"./types\";\n\nconst mapSizeToPx: Record<PvSekeltonSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"1rem\",\n  md: \"1.25rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n};\n\ninterface PvSkeletonProps {\n  /** The size of the skeleton placeholder. Controls height and, for square variant, width. */\n  size?: PvSekeltonSize;\n  /** The shape variant. \"rectangle\" fills available width; \"square\" uses equal height and width. */\n  variant?: PvSkeletonVariant;\n}\n\nwithDefaults(defineProps<PvSkeletonProps>(), {\n  size: \"md\",\n  variant: \"rectangle\",\n});\n</script>\n\n<template>\n  <Skeleton\n    data-testid=\"pv-skeleton\"\n    :height=\"mapSizeToPx[size]\"\n    :width=\"variant === 'square' ? mapSizeToPx[size] : '100%'\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { PvInputType, PvInputVariant } from \"./types\";\ninterface PvInputProps {\n  /** When true, applies invalid/error styling to the input and lower label. */\n  error?: boolean;\n  /** When true, the input is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n  /**\n   * The HTML input type.\n   */\n  type?: PvInputType;\n  /** HTML id for the input element. Auto-generated when omitted. */\n  id?: string;\n  /** Helper or validation text displayed below the input. Turns red when error is true. */\n  lowerLabel?: string;\n  /**\n   * Background color variant of the input field.\n   */\n  variant?: PvInputVariant;\n  /** The step attribute for number inputs (e.g. '0.01' for currency). */\n  step?: string;\n}\n\nwithDefaults(defineProps<PvInputProps>(), {\n  id: Math.random().toString(),\n  type: \"text\",\n  variant: \"white\",\n});\n\nconst value = defineModel<string>();\n</script>\n\n<template>\n  <label v-if=\"$slots.label\" data-testid=\"pv-input-label\" class=\"pv-label pv-stack-8\" :for=\"id\">\n    <slot name=\"label\" />\n  </label>\n  <input\n    v-model=\"value\"\n    data-testid=\"pv-input\"\n    :class=\"[\n      'pv-input-text',\n      {\n        'pv-stack-8': lowerLabel,\n        'pv-surface-accent': variant === 'grey',\n      },\n    ]\"\n    :disabled=\"disabled\"\n    :type=\"type\"\n    :placeholder=\"placeholder\"\n    :id=\"id\"\n    :data-invalid=\"error ? true : undefined\"\n    :step=\"step\"\n  />\n  <p\n    v-if=\"lowerLabel\"\n    data-testid=\"pv-input-lower-label\"\n    style=\"margin-left: 12px\"\n    :class=\"[\n      'pv-text-body-xs',\n      {\n        'pv-text-red': error,\n        'pv-text-subdued': !error,\n      },\n    ]\"\n  >\n    {{ lowerLabel }}\n  </p>\n</template>\n","<script setup lang=\"ts\">\nimport { PvInputType, PvInputVariant } from \"./types\";\ninterface PvInputProps {\n  /** When true, applies invalid/error styling to the input and lower label. */\n  error?: boolean;\n  /** When true, the input is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n  /**\n   * The HTML input type.\n   */\n  type?: PvInputType;\n  /** HTML id for the input element. Auto-generated when omitted. */\n  id?: string;\n  /** Helper or validation text displayed below the input. Turns red when error is true. */\n  lowerLabel?: string;\n  /**\n   * Background color variant of the input field.\n   */\n  variant?: PvInputVariant;\n  /** The step attribute for number inputs (e.g. '0.01' for currency). */\n  step?: string;\n}\n\nwithDefaults(defineProps<PvInputProps>(), {\n  id: Math.random().toString(),\n  type: \"text\",\n  variant: \"white\",\n});\n\nconst value = defineModel<string>();\n</script>\n\n<template>\n  <label v-if=\"$slots.label\" data-testid=\"pv-input-label\" class=\"pv-label pv-stack-8\" :for=\"id\">\n    <slot name=\"label\" />\n  </label>\n  <input\n    v-model=\"value\"\n    data-testid=\"pv-input\"\n    :class=\"[\n      'pv-input-text',\n      {\n        'pv-stack-8': lowerLabel,\n        'pv-surface-accent': variant === 'grey',\n      },\n    ]\"\n    :disabled=\"disabled\"\n    :type=\"type\"\n    :placeholder=\"placeholder\"\n    :id=\"id\"\n    :data-invalid=\"error ? true : undefined\"\n    :step=\"step\"\n  />\n  <p\n    v-if=\"lowerLabel\"\n    data-testid=\"pv-input-lower-label\"\n    style=\"margin-left: 12px\"\n    :class=\"[\n      'pv-text-body-xs',\n      {\n        'pv-text-red': error,\n        'pv-text-subdued': !error,\n      },\n    ]\"\n  >\n    {{ lowerLabel }}\n  </p>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvRatingVariant, PvRatingSize } from \"./types\";\n\ninterface PvRatingProps {\n  /** Display variant: \"dot\" or \"star\" style */\n  variant?: PvRatingVariant;\n  /** Rating value between 0 and 5 */\n  value: number;\n  /** Size of the rating display in pixels */\n  size?: PvRatingSize;\n}\n\nconst props = withDefaults(defineProps<PvRatingProps>(), {\n  variant: \"dot\",\n  size: 20,\n});\n\nconst dataRating = computed(() => {\n  return props.variant === \"dot\" ? \"dot\" : undefined;\n});\n</script>\n\n<template>\n  <div\n    class=\"pv-rating\"\n    data-testid=\"pv-rating\"\n    :style=\"{\n      '--height': `${size}px`,\n    }\"\n    :data-rating=\"dataRating\"\n  >\n    <meter id=\"rating\" min=\"0\" max=\"5\" :value=\"value\">4.0 stars</meter>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvRatingVariant, PvRatingSize } from \"./types\";\n\ninterface PvRatingProps {\n  /** Display variant: \"dot\" or \"star\" style */\n  variant?: PvRatingVariant;\n  /** Rating value between 0 and 5 */\n  value: number;\n  /** Size of the rating display in pixels */\n  size?: PvRatingSize;\n}\n\nconst props = withDefaults(defineProps<PvRatingProps>(), {\n  variant: \"dot\",\n  size: 20,\n});\n\nconst dataRating = computed(() => {\n  return props.variant === \"dot\" ? \"dot\" : undefined;\n});\n</script>\n\n<template>\n  <div\n    class=\"pv-rating\"\n    data-testid=\"pv-rating\"\n    :style=\"{\n      '--height': `${size}px`,\n    }\"\n    :data-rating=\"dataRating\"\n  >\n    <meter id=\"rating\" min=\"0\" max=\"5\" :value=\"value\">4.0 stars</meter>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvCardVariant } from \"./types\";\n\ninterface PvCardProps {\n  /** URL to navigate to when the card is clicked. Renders the card as an anchor element. */\n  href?: string;\n  /** Visual style variant of the card. */\n  variant?: PvCardVariant;\n  /** When true, renders the card as a button element with interactive styling. */\n  interactive?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCardProps>(), {\n  variant: \"primary\",\n  interactive: false,\n});\n\nconst componentVariant = computed(() => {\n  return props.href ? \"a\" : props.interactive ? \"button\" : \"div\";\n});\n\nconst componentType = computed(() => {\n  return props.href || props.interactive ? \"button\" : \"div\";\n});\n</script>\n\n<template>\n  <component\n    :is=\"componentVariant\"\n    :href=\"href\"\n    :type=\"componentType\"\n    :class=\"[\n      'pv-card pv-inset-square-8 pv-inline-block',\n      {\n        'pv-card-secondary': variant === 'secondary',\n      },\n    ]\"\n    data-testid=\"pv-card\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PvCardVariant } from \"./types\";\n\ninterface PvCardProps {\n  /** URL to navigate to when the card is clicked. Renders the card as an anchor element. */\n  href?: string;\n  /** Visual style variant of the card. */\n  variant?: PvCardVariant;\n  /** When true, renders the card as a button element with interactive styling. */\n  interactive?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCardProps>(), {\n  variant: \"primary\",\n  interactive: false,\n});\n\nconst componentVariant = computed(() => {\n  return props.href ? \"a\" : props.interactive ? \"button\" : \"div\";\n});\n\nconst componentType = computed(() => {\n  return props.href || props.interactive ? \"button\" : \"div\";\n});\n</script>\n\n<template>\n  <component\n    :is=\"componentVariant\"\n    :href=\"href\"\n    :type=\"componentType\"\n    :class=\"[\n      'pv-card pv-inset-square-8 pv-inline-block',\n      {\n        'pv-card-secondary': variant === 'secondary',\n      },\n    ]\"\n    data-testid=\"pv-card\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport PvCard from \"../PvCard/PvCard.vue\";\n</script>\n\n<template>\n  <PvCard class=\"pv-inset-square-16\">\n    <slot />\n  </PvCard>\n</template>\n","<script setup lang=\"ts\">\nimport PvCard from \"../PvCard/PvCard.vue\";\n</script>\n\n<template>\n  <PvCard class=\"pv-inset-square-16\">\n    <slot />\n  </PvCard>\n</template>\n","<script setup lang=\"ts\">\nimport PvCard from \"../PvCard/PvCard.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { computed } from \"vue\";\n\nexport interface PvInsightCardProps {\n  /** Name of the icon displayed beside the insight text. */\n  icon: string;\n  /** Short insight label displayed next to the icon. */\n  insight: string;\n  /** Optional label displayed above the title in a smaller, tertiary style. */\n  upperLabel?: string;\n  /** Main heading text of the insight card. */\n  title?: string;\n  /** Descriptive text displayed below the title. */\n  description?: string;\n  /** When true, shows a \"new-tab\" icon button in the top-right corner. */\n  showButton?: boolean;\n  /** When true, the card is rendered as an interactive (clickable) element. */\n  interactive?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvInsightCardProps>(), {\n  icon: \"ai\",\n  showButton: false,\n  interactive: false,\n});\n\ndefineEmits<{\n  (e: \"click\"): void;\n  (e: \"icon-click\"): void;\n}>();\n\nconst displayIconLevel = computed(() => {\n  return props.icon || props.insight;\n});\n</script>\n\n<template>\n  <PvCard variant=\"secondary\" :interactive=\"interactive\" @click=\"$emit('click')\" class=\"pv-relative\">\n    <div class=\"pv-flex-vertical\" style=\"--flex-align: flex-start; --flex-gap: 0.25rem\">\n      <div v-if=\"displayIconLevel\" class=\"pv-flex\" style=\"--flex-gap: 0.25rem\">\n        <PvIcon v-if=\"icon\" style=\"color: #218c88\" :name=\"icon\" :size=\"12\" />\n        <span class=\"pv-text-body-sm\">{{ insight }}</span>\n      </div>\n      <span v-if=\"upperLabel\" class=\"pv-text-body-sm pv-text-tertiary\">{{ upperLabel }}</span>\n      <span v-if=\"title\" class=\"pv-heading-2\">{{ title }}</span>\n      <span v-if=\"description\" class=\"pv-text-body-md pv-text-secondary pv-text-subdued\">{{ description }}</span>\n    </div>\n    <PvButton\n      v-if=\"showButton\"\n      left-icon=\"new-tab\"\n      ariaLabel=\"Open in new tab\"\n      variant=\"ghost\"\n      size=\"md\"\n      class=\"pv-insight-button\"\n      @click.stop=\"$emit('icon-click')\"\n    />\n  </PvCard>\n</template>\n\n<style scoped>\n.pv-insight-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvCard from \"../PvCard/PvCard.vue\";\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { computed } from \"vue\";\n\nexport interface PvInsightCardProps {\n  /** Name of the icon displayed beside the insight text. */\n  icon: string;\n  /** Short insight label displayed next to the icon. */\n  insight: string;\n  /** Optional label displayed above the title in a smaller, tertiary style. */\n  upperLabel?: string;\n  /** Main heading text of the insight card. */\n  title?: string;\n  /** Descriptive text displayed below the title. */\n  description?: string;\n  /** When true, shows a \"new-tab\" icon button in the top-right corner. */\n  showButton?: boolean;\n  /** When true, the card is rendered as an interactive (clickable) element. */\n  interactive?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvInsightCardProps>(), {\n  icon: \"ai\",\n  showButton: false,\n  interactive: false,\n});\n\ndefineEmits<{\n  (e: \"click\"): void;\n  (e: \"icon-click\"): void;\n}>();\n\nconst displayIconLevel = computed(() => {\n  return props.icon || props.insight;\n});\n</script>\n\n<template>\n  <PvCard variant=\"secondary\" :interactive=\"interactive\" @click=\"$emit('click')\" class=\"pv-relative\">\n    <div class=\"pv-flex-vertical\" style=\"--flex-align: flex-start; --flex-gap: 0.25rem\">\n      <div v-if=\"displayIconLevel\" class=\"pv-flex\" style=\"--flex-gap: 0.25rem\">\n        <PvIcon v-if=\"icon\" style=\"color: #218c88\" :name=\"icon\" :size=\"12\" />\n        <span class=\"pv-text-body-sm\">{{ insight }}</span>\n      </div>\n      <span v-if=\"upperLabel\" class=\"pv-text-body-sm pv-text-tertiary\">{{ upperLabel }}</span>\n      <span v-if=\"title\" class=\"pv-heading-2\">{{ title }}</span>\n      <span v-if=\"description\" class=\"pv-text-body-md pv-text-secondary pv-text-subdued\">{{ description }}</span>\n    </div>\n    <PvButton\n      v-if=\"showButton\"\n      left-icon=\"new-tab\"\n      ariaLabel=\"Open in new tab\"\n      variant=\"ghost\"\n      size=\"md\"\n      class=\"pv-insight-button\"\n      @click.stop=\"$emit('icon-click')\"\n    />\n  </PvCard>\n</template>\n\n<style scoped>\n.pv-insight-button {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { PvExpandableContentSizes, PvExpandableContentVariants } from \"./types\";\n\nconst sizeMap: Record<PvExpandableContentSizes, string> = {\n  none: \"0\",\n  xs: \"4px\",\n  sm: \"8px\",\n  md: \"12px\",\n  lg: \"16px\",\n};\n\nconst props = withDefaults(\n  defineProps<{\n    /** Maximum number of visible lines before content is clamped. */\n    lines?: number;\n    /** Padding size applied to the container. */\n    size?: PvExpandableContentSizes;\n    /** Visual style variant. \"ghost\" applies an accent surface background. */\n    variant?: PvExpandableContentVariants;\n    /** When true, the content starts in the expanded state. */\n    defaultOpen?: boolean;\n  }>(),\n  {\n    lines: 4,\n    size: \"md\",\n    variant: \"primary\",\n    defaultOpen: false,\n  },\n);\n\nconst isExpanded = ref(props.defaultOpen);\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value;\n};\n\nconst contentStyle = computed(() => {\n  return {\n    \"--lines\": isExpanded.value ? \"none\" : props.lines,\n    \"max-height\": isExpanded.value ? \"100vh\" : `${props.lines * 1.5}em`,\n  };\n});\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pv-inset-square expandable-content',\n      {\n        'pv-surface-accent': variant === 'ghost',\n      },\n    ]\"\n    :style=\"{ '--inset-size': sizeMap[size] }\"\n  >\n    <p class=\"pv-line-clamp pv-text-body-md pv-stack-8\" :style=\"contentStyle\">\n      <slot />\n    </p>\n    <PvButton\n      :label=\"isExpanded ? 'Show Less' : 'Show More'\"\n      variant=\"ghost\"\n      size=\"md\"\n      @click=\"toggleExpanded\"\n      :left-icon=\"isExpanded ? 'chevron-up' : 'chevron-down'\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.expandable-content {\n  border-radius: 0.5rem;\n}\n\n.expandable-content .pv-line-clamp {\n  transition: max-height 0.3s ease-in-out;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, computed } from \"vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport { PvExpandableContentSizes, PvExpandableContentVariants } from \"./types\";\n\nconst sizeMap: Record<PvExpandableContentSizes, string> = {\n  none: \"0\",\n  xs: \"4px\",\n  sm: \"8px\",\n  md: \"12px\",\n  lg: \"16px\",\n};\n\nconst props = withDefaults(\n  defineProps<{\n    /** Maximum number of visible lines before content is clamped. */\n    lines?: number;\n    /** Padding size applied to the container. */\n    size?: PvExpandableContentSizes;\n    /** Visual style variant. \"ghost\" applies an accent surface background. */\n    variant?: PvExpandableContentVariants;\n    /** When true, the content starts in the expanded state. */\n    defaultOpen?: boolean;\n  }>(),\n  {\n    lines: 4,\n    size: \"md\",\n    variant: \"primary\",\n    defaultOpen: false,\n  },\n);\n\nconst isExpanded = ref(props.defaultOpen);\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value;\n};\n\nconst contentStyle = computed(() => {\n  return {\n    \"--lines\": isExpanded.value ? \"none\" : props.lines,\n    \"max-height\": isExpanded.value ? \"100vh\" : `${props.lines * 1.5}em`,\n  };\n});\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pv-inset-square expandable-content',\n      {\n        'pv-surface-accent': variant === 'ghost',\n      },\n    ]\"\n    :style=\"{ '--inset-size': sizeMap[size] }\"\n  >\n    <p class=\"pv-line-clamp pv-text-body-md pv-stack-8\" :style=\"contentStyle\">\n      <slot />\n    </p>\n    <PvButton\n      :label=\"isExpanded ? 'Show Less' : 'Show More'\"\n      variant=\"ghost\"\n      size=\"md\"\n      @click=\"toggleExpanded\"\n      :left-icon=\"isExpanded ? 'chevron-up' : 'chevron-down'\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.expandable-content {\n  border-radius: 0.5rem;\n}\n\n.expandable-content .pv-line-clamp {\n  transition: max-height 0.3s ease-in-out;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport type { PvToastVariants } from \"./types\";\n\ninterface PvToastProps {\n  /** Visual style variant determining color scheme and default icon */\n  variant?: PvToastVariants;\n  /** Custom icon name; overrides the default variant icon */\n  icon?: string;\n  /** Text message displayed in the toast */\n  label: string;\n}\n\nconst mapVariantToClass: Record<PvToastVariants, string> = {\n  info: \"pv-toast-info\",\n  success: \"pv-toast-success\",\n  error: \"pv-toast-error\",\n  dark: \"pv-toast-dark\",\n};\n\nconst mapVariantToIcon: Record<PvToastVariants, string> = {\n  info: \"check-circle\",\n  success: \"check-circle\",\n  error: \"alert-circle\",\n  dark: \"ai\",\n};\n\nwithDefaults(defineProps<PvToastProps>(), {\n  variant: \"info\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\"): void;\n}>();\n</script>\n\n<template>\n  <div :class=\"mapVariantToClass[variant]\">\n    <PvIcon :name=\"icon ? icon : mapVariantToIcon[variant]\" :size=\"20\" />\n    <p class=\"pv-text-body-md\">\n      {{ label }}\n    </p>\n    <slot />\n    <PvButton\n      variant=\"ghost\"\n      :inverse=\"variant === 'dark'\"\n      size=\"lg\"\n      left-icon=\"close\"\n      ariaLabel=\"Close\"\n      @click=\"$emit('handle-close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\nimport PvButton from \"../PvButton/PvButton.vue\";\nimport type { PvToastVariants } from \"./types\";\n\ninterface PvToastProps {\n  /** Visual style variant determining color scheme and default icon */\n  variant?: PvToastVariants;\n  /** Custom icon name; overrides the default variant icon */\n  icon?: string;\n  /** Text message displayed in the toast */\n  label: string;\n}\n\nconst mapVariantToClass: Record<PvToastVariants, string> = {\n  info: \"pv-toast-info\",\n  success: \"pv-toast-success\",\n  error: \"pv-toast-error\",\n  dark: \"pv-toast-dark\",\n};\n\nconst mapVariantToIcon: Record<PvToastVariants, string> = {\n  info: \"check-circle\",\n  success: \"check-circle\",\n  error: \"alert-circle\",\n  dark: \"ai\",\n};\n\nwithDefaults(defineProps<PvToastProps>(), {\n  variant: \"info\",\n});\n\ndefineEmits<{\n  (e: \"handle-close\"): void;\n}>();\n</script>\n\n<template>\n  <div :class=\"mapVariantToClass[variant]\">\n    <PvIcon :name=\"icon ? icon : mapVariantToIcon[variant]\" :size=\"20\" />\n    <p class=\"pv-text-body-md\">\n      {{ label }}\n    </p>\n    <slot />\n    <PvButton\n      variant=\"ghost\"\n      :inverse=\"variant === 'dark'\"\n      size=\"lg\"\n      left-icon=\"close\"\n      ariaLabel=\"Close\"\n      @click=\"$emit('handle-close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvActionBarTheme } from \"./types\";\n\ninterface PvActionBarProps {\n  /** Visual theme of the action bar. Use \"dark\" on light backgrounds for contrast.\n   * When using \"dark\", set the `inverse` prop on child components that support it. */\n  variant?: PvActionBarTheme;\n}\n\nwithDefaults(defineProps<PvActionBarProps>(), {\n  variant: \"white\",\n});\n\ndefineSlots<{\n  /**\n   * Default slot for action bar content.\n   * sections are divided by the root elements inside the slot.\n   */\n  default(): never;\n}>();\n</script>\n\n<template>\n  <div class=\"pv-action-bar-container\" :data-style=\"variant === 'white' ? 'white' : undefined\">\n    <slot name=\"default\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvActionBarTheme } from \"./types\";\n\ninterface PvActionBarProps {\n  /** Visual theme of the action bar. Use \"dark\" on light backgrounds for contrast.\n   * When using \"dark\", set the `inverse` prop on child components that support it. */\n  variant?: PvActionBarTheme;\n}\n\nwithDefaults(defineProps<PvActionBarProps>(), {\n  variant: \"white\",\n});\n\ndefineSlots<{\n  /**\n   * Default slot for action bar content.\n   * sections are divided by the root elements inside the slot.\n   */\n  default(): never;\n}>();\n</script>\n\n<template>\n  <div class=\"pv-action-bar-container\" :data-style=\"variant === 'white' ? 'white' : undefined\">\n    <slot name=\"default\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTextAreaVariant } from \"./types\";\n\ninterface PvTextareaProps {\n  /** When true, applies invalid/error styling to the textarea and lower label. */\n  error?: boolean;\n  /** When true, the textarea is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** Placeholder text shown when the textarea is empty. */\n  placeholder?: string;\n  /** HTML id for the textarea element. Auto-generated when omitted. */\n  id?: string;\n  /** Helper or validation text displayed below the textarea. Turns red when error is true. */\n  lowerLabel?: string;\n  /**\n   * Background color variant of the textarea.\n   */\n  variant?: PvTextAreaVariant;\n  /**\n   * Number of visible text rows.\n   */\n  rows?: number;\n}\n\nwithDefaults(defineProps<PvTextareaProps>(), {\n  id: Math.random().toString(),\n  variant: \"white\",\n  rows: 4,\n});\n\nconst value = defineModel<string>();\n</script>\n\n<template>\n  <label v-if=\"$slots.label\" class=\"pv-label pv-stack-8\" :for=\"id\">\n    <slot name=\"label\" />\n  </label>\n  <textarea\n    v-bind=\"$attrs\"\n    v-model=\"value\"\n    :class=\"[\n      'pv-textarea',\n      {\n        'pv-stack-8': lowerLabel,\n        'pv-surface-accent': variant === 'grey',\n      },\n    ]\"\n    :rows=\"rows\"\n    :disabled=\"disabled\"\n    :placeholder=\"placeholder\"\n    :id=\"id\"\n    :data-invalid=\"error ? true : undefined\"\n  />\n  <p\n    v-if=\"lowerLabel\"\n    style=\"margin-left: 12px\"\n    :class=\"[\n      'pv-text-body-xs',\n      {\n        'pv-text-red': error,\n        'pv-text-subdued': !error,\n      },\n    ]\"\n  >\n    {{ lowerLabel }}\n  </p>\n</template>\n","<script setup lang=\"ts\">\nimport { PvTextAreaVariant } from \"./types\";\n\ninterface PvTextareaProps {\n  /** When true, applies invalid/error styling to the textarea and lower label. */\n  error?: boolean;\n  /** When true, the textarea is non-interactive and visually dimmed. */\n  disabled?: boolean;\n  /** Placeholder text shown when the textarea is empty. */\n  placeholder?: string;\n  /** HTML id for the textarea element. Auto-generated when omitted. */\n  id?: string;\n  /** Helper or validation text displayed below the textarea. Turns red when error is true. */\n  lowerLabel?: string;\n  /**\n   * Background color variant of the textarea.\n   */\n  variant?: PvTextAreaVariant;\n  /**\n   * Number of visible text rows.\n   */\n  rows?: number;\n}\n\nwithDefaults(defineProps<PvTextareaProps>(), {\n  id: Math.random().toString(),\n  variant: \"white\",\n  rows: 4,\n});\n\nconst value = defineModel<string>();\n</script>\n\n<template>\n  <label v-if=\"$slots.label\" class=\"pv-label pv-stack-8\" :for=\"id\">\n    <slot name=\"label\" />\n  </label>\n  <textarea\n    v-bind=\"$attrs\"\n    v-model=\"value\"\n    :class=\"[\n      'pv-textarea',\n      {\n        'pv-stack-8': lowerLabel,\n        'pv-surface-accent': variant === 'grey',\n      },\n    ]\"\n    :rows=\"rows\"\n    :disabled=\"disabled\"\n    :placeholder=\"placeholder\"\n    :id=\"id\"\n    :data-invalid=\"error ? true : undefined\"\n  />\n  <p\n    v-if=\"lowerLabel\"\n    style=\"margin-left: 12px\"\n    :class=\"[\n      'pv-text-body-xs',\n      {\n        'pv-text-red': error,\n        'pv-text-subdued': !error,\n      },\n    ]\"\n  >\n    {{ lowerLabel }}\n  </p>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\ninterface PvSimpleItemTreeProps {\n  label: string;\n  icon?: string;\n}\n\ndefineProps<PvSimpleItemTreeProps>();\n</script>\n\n<template>\n  <div class=\"pv-flex pv-truncate\" style=\"min-width: 0; min-height: 20px\">\n    <PvIcon v-if=\"icon\" :name=\"icon\" />\n    <span class=\"pv-text-body-md pv-truncate\" style=\"font-weight: 500; min-width: 0\" :title=\"label\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n\ninterface PvSimpleItemTreeProps {\n  label: string;\n  icon?: string;\n}\n\ndefineProps<PvSimpleItemTreeProps>();\n</script>\n\n<template>\n  <div class=\"pv-flex pv-truncate\" style=\"min-width: 0; min-height: 20px\">\n    <PvIcon v-if=\"icon\" :name=\"icon\" />\n    <span class=\"pv-text-body-md pv-truncate\" style=\"font-weight: 500; min-width: 0\" :title=\"label\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n</script>\n\n<template>\n  <PvIcon name=\"reorder\" class=\"reorder-icon pv-text-tertiary\" />\n</template>\n\n<style scoped>\n.reorder-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  transform: translateY(25%);\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport PvIcon from \"../PvIcon/PvIcon.vue\";\n</script>\n\n<template>\n  <PvIcon name=\"reorder\" class=\"reorder-icon pv-text-tertiary\" />\n</template>\n\n<style scoped>\n.reorder-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  transform: translateY(25%);\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { PvTreeOption } from \"./types\";\n\ninterface PvButtonTreeItemProps {\n  selected?: boolean;\n  option: PvTreeOption;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvButtonTreeItemProps>(), {\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n}>();\n\nconst handleTreeSelect = (event: MouseEvent) => {\n  if (props.disableSelection) return;\n  emit(\"handle-selected\", { option: props.option, event });\n};\n\nconst componentInstance = computed(() => {\n  return props.disableSelection ? \"button\" : \"div\";\n});\n</script>\n\n<template>\n  <component\n    :is=\"componentInstance\"\n    :class=\"[\n      'pv-full-width',\n      'pv-flex',\n      'pv-relative',\n      'pv-tree-item',\n      { 'pv-tree-item-selected': selected, 'pv-tree-item-disabled': disableSelection },\n    ]\"\n    @click=\"handleTreeSelect\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { PvTreeOption } from \"./types\";\n\ninterface PvButtonTreeItemProps {\n  selected?: boolean;\n  option: PvTreeOption;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvButtonTreeItemProps>(), {\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n}>();\n\nconst handleTreeSelect = (event: MouseEvent) => {\n  if (props.disableSelection) return;\n  emit(\"handle-selected\", { option: props.option, event });\n};\n\nconst componentInstance = computed(() => {\n  return props.disableSelection ? \"button\" : \"div\";\n});\n</script>\n\n<template>\n  <component\n    :is=\"componentInstance\"\n    :class=\"[\n      'pv-full-width',\n      'pv-flex',\n      'pv-relative',\n      'pv-tree-item',\n      { 'pv-tree-item-selected': selected, 'pv-tree-item-disabled': disableSelection },\n    ]\"\n    @click=\"handleTreeSelect\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport PvCheckbox from \"../PvCheckbox/PvCheckbox.vue\";\nimport type { PvTreeOption } from \"./types\";\n\ninterface PvCheckboxTreeItemProps {\n  selected?: boolean;\n  option: PvTreeOption;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCheckboxTreeItemProps>(), {\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n}>();\n\nconst handleSelected = (event: MouseEvent) => {\n  if (props.disableSelection) return;\n  emit(\"handle-selected\", { option: props.option, event });\n};\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'pv-relative',\n      'pv-label',\n      'pv-label-hover',\n      'pv-flex',\n      'pv-tree-item',\n      'pv-full-width',\n      { 'pv-tree-item-selected': selected, 'pv-tree-item-disabled': disableSelection },\n    ]\"\n  >\n    <PvCheckbox v-if=\"!disableSelection\" :checked=\"selected\" @click=\"handleSelected\" />\n    <slot />\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport PvCheckbox from \"../PvCheckbox/PvCheckbox.vue\";\nimport type { PvTreeOption } from \"./types\";\n\ninterface PvCheckboxTreeItemProps {\n  selected?: boolean;\n  option: PvTreeOption;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvCheckboxTreeItemProps>(), {\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-selected\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n}>();\n\nconst handleSelected = (event: MouseEvent) => {\n  if (props.disableSelection) return;\n  emit(\"handle-selected\", { option: props.option, event });\n};\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'pv-relative',\n      'pv-label',\n      'pv-label-hover',\n      'pv-flex',\n      'pv-tree-item',\n      'pv-full-width',\n      { 'pv-tree-item-selected': selected, 'pv-tree-item-disabled': disableSelection },\n    ]\"\n  >\n    <PvCheckbox v-if=\"!disableSelection\" :checked=\"selected\" @click=\"handleSelected\" />\n    <slot />\n  </label>\n</template>\n","import { ref } from \"vue\";\n\nexport const useHoverIcon = () => {\n  const hoveredId = ref<number | string | null>(null);\n\n  const handleMouseEnter = (id: number | string) => {\n    hoveredId.value = id;\n  };\n\n  const handleMouseLeave = () => {\n    hoveredId.value = null;\n  };\n\n  return {\n    hoveredId,\n    handleMouseEnter,\n    handleMouseLeave,\n  };\n};\n","import { InjectionKey, Ref } from \"vue\";\n\nexport type DraggingState = Ref<boolean>;\nexport const DraggingStateKey: InjectionKey<DraggingState> = Symbol(\"DraggingStateKey\");\n\nexport type DraggingGroupName = Ref<string | null>;\nexport const DraggingGroupNameKey: InjectionKey<DraggingGroupName> = Symbol(\"DraggingGroupNameKey\");\n\nexport type DropIndicatorType = {\n  parentId?: string | number;\n  siblingTargetId?: string | number;\n  siblingInsertAfter?: boolean;\n};\nexport type DropIndicator = Ref<DropIndicatorType | null>;\nexport const DropIndicatorKey: InjectionKey<DropIndicator> = Symbol(\"DropIndicatorKey\");\n","import { ref, provide, inject } from \"vue\";\nimport { DraggingStateKey, DraggingGroupNameKey, DropIndicatorKey, DropIndicatorType } from \"../symbols\";\n\n/**\n * Provides dragging state to the tree component hierarchy.\n * Called by PvTreeGroup (for cross-tree sharing) or by PvTree itself as a fallback (standalone use).\n */\nexport const provideDraggingState = () => {\n  const isDragging = ref(false);\n  const draggingGroupName = ref<string | null>(null);\n  const dropIndicator = ref<DropIndicatorType | null>(null);\n\n  provide(DraggingStateKey, isDragging);\n  provide(DraggingGroupNameKey, draggingGroupName);\n  provide(DropIndicatorKey, dropIndicator);\n\n  return {\n    isDragging,\n    draggingGroupName,\n    dropIndicator,\n  };\n};\n\n/**\n * Injects dragging state from the nearest PvTreeGroup or PvTree ancestor.\n * Should be called in PvTreeItem and PvSimpleNestedTree components.\n */\nexport const useDraggingState = () => {\n  const isDragging = inject(DraggingStateKey, ref(false));\n  const draggingGroupName = inject(DraggingGroupNameKey, ref<string | null>(null));\n  const dropIndicator = inject(DropIndicatorKey, ref<DropIndicatorType | null>(null));\n\n  const onDragStart = (groupName?: string) => {\n    isDragging.value = true;\n    draggingGroupName.value = groupName ?? null;\n  };\n\n  const onDragEnd = () => {\n    isDragging.value = false;\n    draggingGroupName.value = null;\n    clearDropIndicator();\n  };\n\n  const setDropIndicator = ({ parentId, siblingTargetId, siblingInsertAfter }: DropIndicatorType) => {\n    dropIndicator.value = { parentId, siblingTargetId, siblingInsertAfter };\n  };\n\n  const clearDropIndicator = () => {\n    dropIndicator.value = null;\n  };\n\n  return {\n    isDragging,\n    draggingGroupName,\n    dropIndicator,\n    setDropIndicator,\n    clearDropIndicator,\n    onDragStart,\n    onDragEnd,\n  };\n};\n","import { PvTreeOption, PvTreeSettings } from \"../types\";\nimport { useDraggingState } from \"./useDraggingState\";\n\nexport const useDragAndDrop = () => {\n  const { setDropIndicator, clearDropIndicator } = useDraggingState();\n  const getDragGroupConfig = (settings: PvTreeSettings, option: PvTreeOption) => {\n    const fieldSetting = settings[option.field];\n    const dragGroup = fieldSetting?.dragAndDropConfig;\n\n    return {\n      // Use a single shared group name by default to allow drag between all tree levels\n      name: dragGroup?.name ?? \"pv-tree\",\n      pull: dragGroup?.pull ?? true,\n      put: dragGroup?.put ?? true,\n    };\n  };\n\n  const getDragAndDropDisabled = (isDraggable: boolean | undefined, settings: PvTreeSettings, option: PvTreeOption) => {\n    return !isDraggable || settings[option.field]?.dragAndDropConfig?.disableChildrenDrag;\n  };\n\n  /**\n   * Returns true if an item can be dragged (for showing the reorder icon).\n   * Checks: isDraggable is true, disabled is not set, and preventDrag is not set.\n   */\n  const canItemBeDragged = (isDraggable: boolean | undefined, settings: PvTreeSettings, option: PvTreeOption) => {\n    const config = settings[option.field]?.dragAndDropConfig;\n    return isDraggable && !config?.disableChildrenDrag && !config?.disableDrag;\n  };\n\n  /**\n   * Vuedraggable move callback to prevent specific items from being dragged.\n   * Returns false to cancel the drag, true to allow it.\n   */\n  const handleMoveCallback = (settings: PvTreeSettings) => {\n    return (evt: {\n      to: HTMLElement;\n      draggedContext: { element: PvTreeOption; futureIndex: number };\n      relatedContext: { element: PvTreeOption };\n      willInsertAfter: boolean;\n    }) => {\n      const draggedOption = evt.draggedContext.element;\n      const fieldSetting = settings[draggedOption.field];\n\n      const toParentId =\n        (evt.to as HTMLElement)?.closest?.(\"[data-parent-id]\")?.getAttribute(\"data-parent-id\") ?? undefined;\n\n      if (toParentId != null) {\n        const hasRelated = evt.relatedContext?.element?.node_id != null;\n        const isInsertAsFirstChild = evt.draggedContext.futureIndex === 0;\n\n        setDropIndicator({\n          parentId: toParentId,\n          ...(hasRelated && !isInsertAsFirstChild\n            ? {\n                siblingTargetId: evt.relatedContext.element.node_id,\n                siblingInsertAfter: evt.willInsertAfter,\n              }\n            : {}),\n        });\n      } else {\n        clearDropIndicator();\n      }\n\n      if (fieldSetting?.dragAndDropConfig?.disableDrag) {\n        return false;\n      }\n      return true;\n    };\n  };\n\n  const childrenDraggable = (isDraggable: boolean | undefined, settings: PvTreeSettings, option: PvTreeOption) => {\n    return isDraggable && !settings[option.field]?.dragAndDropConfig?.disableChildrenDrag;\n  };\n\n  /**\n   * Returns true if the drop zone should be shown for this option.\n   * Checks `put` configuration against the dragging group name.\n   *\n   * @param settings - Tree settings\n   * @param option - The option where we want to drop\n   * @param draggingGroupName - The group name of the element being dragged (null if not dragging)\n   *\n   * Logic:\n   * - put: false → never accept drops\n   * - put: true → accept from any group\n   * - put: ['group1', 'group2'] → accept only from specified groups\n   * - put: undefined → accept only from same group (by name)\n   */\n  const canAcceptDrop = (settings: PvTreeSettings, option: PvTreeOption, draggingGroupName: string | null) => {\n    const config = settings[option.field]?.dragAndDropConfig;\n    const put = config?.put;\n\n    // If put is explicitly false, never accept drops\n    if (put === false) {\n      return false;\n    }\n\n    // If put is explicitly true, accept from any group\n    if (put === true) {\n      return true;\n    }\n\n    // If not dragging yet, allow (will be filtered by isDragging anyway)\n    if (!draggingGroupName) {\n      return true;\n    }\n\n    // If put is an array, check if dragging group is in the allowed list\n    if (Array.isArray(put)) {\n      return put.includes(draggingGroupName);\n    }\n\n    // Default: accept only from same group (by name)\n    const targetGroupName = config?.name ?? \"pv-tree\";\n    return targetGroupName === draggingGroupName;\n  };\n\n  return {\n    getDragGroupConfig,\n    getDragAndDropDisabled,\n    canItemBeDragged,\n    handleMoveCallback,\n    childrenDraggable,\n    canAcceptDrop,\n  };\n};\n","import { useDraggingState } from \"./useDraggingState\";\nimport type { PvTreeOption } from \"../types\";\n\nexport const useDragAndDropIndicator = () => {\n  const { dropIndicator } = useDraggingState();\n\n  const dragAndDropIndicatorClasses = (option: PvTreeOption) => {\n    const indicator = dropIndicator.value;\n    const hasSiblingTarget = indicator?.siblingTargetId !== undefined && indicator?.siblingTargetId !== null;\n    const isSiblingTarget = hasSiblingTarget && indicator?.siblingTargetId === option.node_id;\n\n    return {\n      \"pv-drop-indicator-bottom\": Boolean(isSiblingTarget && indicator?.siblingInsertAfter),\n      \"pv-drop-indicator-top\": Boolean(isSiblingTarget && indicator?.siblingInsertAfter === false),\n      \"pv-drop-indicator-parent\": Boolean(indicator?.parentId === option.node_id),\n    };\n  };\n\n  return {\n    dragAndDropIndicatorClasses,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport draggable from \"vuedraggable\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\n\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\ninterface PvSimpleNestedTreeItemProps {\n  option: PvTreeOption;\n  settings: PvTreeSettings;\n  level: number;\n  index: number;\n  totalSiblings: number;\n  parentField: string;\n  selectedOptions?: PvTreeOption[];\n  isDraggable?: boolean;\n  isParentPathOpen?: boolean;\n  isLastItem?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = defineProps<PvSimpleNestedTreeItemProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { canItemBeDragged, getDragAndDropDisabled, handleMoveCallback, getDragGroupConfig, canAcceptDrop } =\n  useDragAndDrop();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((opt) => opt.node_id === id);\n};\n\nconst componentInstance = computed(() => {\n  return props.settings[props.option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n});\n\nconst showNestedTree = computed(() => {\n  return props.settings[props.parentField]?.showNestedTree;\n});\n\nconst isLastItem = computed(() => {\n  return props.index === props.totalSiblings - 1;\n});\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isVisible = computed(() => props.isParentPathOpen ?? true);\n</script>\n\n<template>\n  <div\n    :class=\"{ 'tree-item-continued': showNestedTree && !isLastItem }\"\n    :style=\"showNestedTree && !isLastItem ? { '--tree-connector-left': `${level * 24 + 8}px` } : {}\"\n  >\n    <component\n      :is=\"componentInstance\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :style=\"{\n        paddingLeft: `${level * 24}px`,\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option)\" />\n      <div class=\"pv-flex pv-full-width\">\n        <div v-if=\"!isLastItem && showNestedTree\" class=\"tree-component-nested-middle-symbol\" />\n        <div v-else-if=\"showNestedTree\" class=\"tree-component-end-symbol\" />\n        <component\n          v-if=\"settings[option.field]?.renderer\"\n          :is=\"settings[option.field]?.renderer\"\n          :option=\"option\"\n          :settings=\"settings\"\n          :is-draggable=\"isDraggable\"\n          :params=\"settings[option.field]?.rendererParams\"\n        />\n        <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n      </div>\n    </component>\n\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element, index: childIndex }\">\n          <PvSimpleNestedTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :index=\"childIndex\"\n            :total-siblings=\"children.length\"\n            :parent-field=\"option.field\"\n            :selected-options=\"selectedOptions\"\n            :is-draggable=\"isDraggable\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n\n/* Continuation line when this item is not last sibling (runs through nested children) */\n.tree-item-continued {\n  position: relative;\n}\n\n.tree-item-continued::before {\n  content: \"\";\n  position: absolute;\n  left: calc(var(--tree-connector-left, 8px) + 1px);\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--tree-connector-color, #d2d8dc);\n  transform: translateX(-50%);\n  z-index: 1;\n  pointer-events: none;\n}\n\n/* When continuation line is drawn, hide the middle symbol's vertical so we don't double the line */\n.tree-item-continued .tree-component-nested-middle-symbol::before {\n  display: none;\n}\n\n/* End symbol box */\n.tree-component-end-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-end-symbol::before,\n.tree-component-end-symbol::after {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n}\n\n.tree-component-end-symbol::before {\n  width: 1px;\n  height: 14px;\n  top: -6px;\n  left: 8px;\n  transform: translateX(-50%);\n}\n\n.tree-component-end-symbol::after {\n  height: 1px;\n  width: 8px;\n  top: 8px;\n  left: 8px;\n}\n\n/* Middle Tree Symbol */\n\n.tree-component-middle-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-middle-symbol::before {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n  left: 50%;\n  width: 1px;\n  height: 28px;\n  top: -4px;\n  transform: translateX(-50%);\n}\n\n/* Middle Nested Tree symbol box */\n.tree-component-nested-middle-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-nested-middle-symbol::before,\n.tree-component-nested-middle-symbol::after {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n  left: 50%;\n}\n\n.tree-component-nested-middle-symbol::before {\n  width: 1px;\n  height: 28px;\n  top: -4px;\n  transform: translateX(-50%);\n}\n\n.tree-component-nested-middle-symbol::after {\n  height: 1px;\n  width: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport draggable from \"vuedraggable\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\n\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\ninterface PvSimpleNestedTreeItemProps {\n  option: PvTreeOption;\n  settings: PvTreeSettings;\n  level: number;\n  index: number;\n  totalSiblings: number;\n  parentField: string;\n  selectedOptions?: PvTreeOption[];\n  isDraggable?: boolean;\n  isParentPathOpen?: boolean;\n  isLastItem?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = defineProps<PvSimpleNestedTreeItemProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { canItemBeDragged, getDragAndDropDisabled, handleMoveCallback, getDragGroupConfig, canAcceptDrop } =\n  useDragAndDrop();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((opt) => opt.node_id === id);\n};\n\nconst componentInstance = computed(() => {\n  return props.settings[props.option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n});\n\nconst showNestedTree = computed(() => {\n  return props.settings[props.parentField]?.showNestedTree;\n});\n\nconst isLastItem = computed(() => {\n  return props.index === props.totalSiblings - 1;\n});\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isVisible = computed(() => props.isParentPathOpen ?? true);\n</script>\n\n<template>\n  <div\n    :class=\"{ 'tree-item-continued': showNestedTree && !isLastItem }\"\n    :style=\"showNestedTree && !isLastItem ? { '--tree-connector-left': `${level * 24 + 8}px` } : {}\"\n  >\n    <component\n      :is=\"componentInstance\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :style=\"{\n        paddingLeft: `${level * 24}px`,\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option)\" />\n      <div class=\"pv-flex pv-full-width\">\n        <div v-if=\"!isLastItem && showNestedTree\" class=\"tree-component-nested-middle-symbol\" />\n        <div v-else-if=\"showNestedTree\" class=\"tree-component-end-symbol\" />\n        <component\n          v-if=\"settings[option.field]?.renderer\"\n          :is=\"settings[option.field]?.renderer\"\n          :option=\"option\"\n          :settings=\"settings\"\n          :is-draggable=\"isDraggable\"\n          :params=\"settings[option.field]?.rendererParams\"\n        />\n        <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n      </div>\n    </component>\n\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element, index: childIndex }\">\n          <PvSimpleNestedTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :index=\"childIndex\"\n            :total-siblings=\"children.length\"\n            :parent-field=\"option.field\"\n            :selected-options=\"selectedOptions\"\n            :is-draggable=\"isDraggable\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n\n/* Continuation line when this item is not last sibling (runs through nested children) */\n.tree-item-continued {\n  position: relative;\n}\n\n.tree-item-continued::before {\n  content: \"\";\n  position: absolute;\n  left: calc(var(--tree-connector-left, 8px) + 1px);\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--tree-connector-color, #d2d8dc);\n  transform: translateX(-50%);\n  z-index: 1;\n  pointer-events: none;\n}\n\n/* When continuation line is drawn, hide the middle symbol's vertical so we don't double the line */\n.tree-item-continued .tree-component-nested-middle-symbol::before {\n  display: none;\n}\n\n/* End symbol box */\n.tree-component-end-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-end-symbol::before,\n.tree-component-end-symbol::after {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n}\n\n.tree-component-end-symbol::before {\n  width: 1px;\n  height: 14px;\n  top: -6px;\n  left: 8px;\n  transform: translateX(-50%);\n}\n\n.tree-component-end-symbol::after {\n  height: 1px;\n  width: 8px;\n  top: 8px;\n  left: 8px;\n}\n\n/* Middle Tree Symbol */\n\n.tree-component-middle-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-middle-symbol::before {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n  left: 50%;\n  width: 1px;\n  height: 28px;\n  top: -4px;\n  transform: translateX(-50%);\n}\n\n/* Middle Nested Tree symbol box */\n.tree-component-nested-middle-symbol {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  position: relative;\n}\n\n.tree-component-nested-middle-symbol::before,\n.tree-component-nested-middle-symbol::after {\n  content: \"\";\n  position: absolute;\n  background: var(--tree-connector-color, #d2d8dc);\n  left: 50%;\n}\n\n.tree-component-nested-middle-symbol::before {\n  width: 1px;\n  height: 28px;\n  top: -4px;\n  transform: translateX(-50%);\n}\n\n.tree-component-nested-middle-symbol::after {\n  height: 1px;\n  width: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport draggable from \"vuedraggable\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport PvSimpleNestedTreeItem from \"./PvSimpleNestedTreeItem.vue\";\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\n\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\ninterface PvSimpleNestedTreeProps {\n  option: PvTreeOption;\n  settings: PvTreeSettings;\n  level: number;\n  selectedOptions?: PvTreeOption[];\n  isDraggable?: boolean;\n  isParentPathOpen?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = defineProps<PvSimpleNestedTreeProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { getDragAndDropDisabled, canItemBeDragged, handleMoveCallback, getDragGroupConfig, canAcceptDrop } =\n  useDragAndDrop();\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst additionalNestingLevel = computed(() => {\n  return props.settings[props.option.field]?.additionalNestingLevel ?? 0;\n});\n\n/**\n * If we have showNestedTree as a false we want to add one more indentation level\n */\nconst nestedLevelTree = computed(() => {\n  return props.settings[props.option.field]?.showNestedTree\n    ? props.level + additionalNestingLevel.value\n    : props.level + 1 + additionalNestingLevel.value;\n});\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((option) => option.node_id === id);\n};\n\nconst componentInstance = (option: PvTreeOption) => {\n  return props.settings[option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n};\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isVisible = computed(() => props.isParentPathOpen ?? true);\n</script>\n\n<template>\n  <div class=\"pv-flow\" style=\"--flow-size: 0px\">\n    <component\n      :is=\"componentInstance(option)\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :style=\"{\n        paddingLeft: `${level * 24 + additionalNestingLevel * 24}px`,\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option)\" />\n      <component\n        v-if=\"settings[option.field]?.renderer\"\n        :is=\"settings[option.field]?.renderer\"\n        :option=\"option\"\n        :settings=\"settings\"\n        :selected=\"isSelected(option.node_id)\"\n        :params=\"settings[option.field]?.rendererParams\"\n      />\n      <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n    </component>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDraggable && isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element, index }\">\n          <PvSimpleNestedTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"nestedLevelTree\"\n            :index=\"index\"\n            :total-siblings=\"children.length\"\n            :parent-field=\"option.field\"\n            :selected-options=\"selectedOptions\"\n            :is-draggable=\"isDraggable\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport draggable from \"vuedraggable\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport PvSimpleNestedTreeItem from \"./PvSimpleNestedTreeItem.vue\";\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\n\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\ninterface PvSimpleNestedTreeProps {\n  option: PvTreeOption;\n  settings: PvTreeSettings;\n  level: number;\n  selectedOptions?: PvTreeOption[];\n  isDraggable?: boolean;\n  isParentPathOpen?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = defineProps<PvSimpleNestedTreeProps>();\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { getDragAndDropDisabled, canItemBeDragged, handleMoveCallback, getDragGroupConfig, canAcceptDrop } =\n  useDragAndDrop();\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst additionalNestingLevel = computed(() => {\n  return props.settings[props.option.field]?.additionalNestingLevel ?? 0;\n});\n\n/**\n * If we have showNestedTree as a false we want to add one more indentation level\n */\nconst nestedLevelTree = computed(() => {\n  return props.settings[props.option.field]?.showNestedTree\n    ? props.level + additionalNestingLevel.value\n    : props.level + 1 + additionalNestingLevel.value;\n});\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((option) => option.node_id === id);\n};\n\nconst componentInstance = (option: PvTreeOption) => {\n  return props.settings[option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n};\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isVisible = computed(() => props.isParentPathOpen ?? true);\n</script>\n\n<template>\n  <div class=\"pv-flow\" style=\"--flow-size: 0px\">\n    <component\n      :is=\"componentInstance(option)\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :style=\"{\n        paddingLeft: `${level * 24 + additionalNestingLevel * 24}px`,\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option)\" />\n      <component\n        v-if=\"settings[option.field]?.renderer\"\n        :is=\"settings[option.field]?.renderer\"\n        :option=\"option\"\n        :settings=\"settings\"\n        :selected=\"isSelected(option.node_id)\"\n        :params=\"settings[option.field]?.rendererParams\"\n      />\n      <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n    </component>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDraggable && isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element, index }\">\n          <PvSimpleNestedTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"nestedLevelTree\"\n            :index=\"index\"\n            :total-siblings=\"children.length\"\n            :parent-field=\"option.field\"\n            :selected-options=\"selectedOptions\"\n            :is-draggable=\"isDraggable\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport draggable from \"vuedraggable\";\n\nimport PvAccordion from \"../PvAccordion/PvAccordion.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport PvSimpleNestedTree from \"./PvSimpleNestedTree.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\n\ninterface PvTreeItemProps {\n  option: PvTreeOption;\n  selectedOptions?: PvTreeOption[];\n  level?: number;\n  settings: PvTreeSettings;\n  isDraggable?: boolean;\n  treeOpen?: boolean;\n  isParentPathOpen?: boolean;\n  isLastRootItem?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTreeItemProps>(), {\n  level: 0,\n  isParentPathOpen: true,\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\n// Local accordion state - independent from treeOpen prop\nconst accordionOpen = ref(props.treeOpen ?? props.settings[props.option.field]?.defaultExpanded ?? false);\n\n// Watch treeOpen prop to allow programmatic control (e.g., \"expand all\" button)\nwatch(\n  () => props.treeOpen,\n  (newValue) => {\n    if (newValue !== undefined) {\n      accordionOpen.value = newValue;\n    }\n  },\n);\n\nconst {\n  getDragGroupConfig,\n  getDragAndDropDisabled,\n  canItemBeDragged,\n  handleMoveCallback,\n  childrenDraggable,\n  canAcceptDrop,\n} = useDragAndDrop();\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst nestedStyles = (level: number) => {\n  return {\n    paddingLeft: `${level * 24 + (props.settings[props.option.field]?.additionalNestingLevel ?? 0) * 24}px`,\n    \"--border-color\": \"#121313\",\n  };\n};\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((option) => option.node_id === id);\n};\n\nconst componentInstance = computed(() => {\n  return props.settings[props.option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n});\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isAccordionRow = computed(() =>\n  Boolean(props.option.children?.length && props.settings[props.option.field]?.accordion),\n);\n\nconst isVisible = computed(() => {\n  const pathOpen = props.isParentPathOpen ?? true;\n  if (!pathOpen) return false;\n  // For accordion row at root (level 0): background only when this accordion is expanded\n  // For accordion that is a child (level > 0): background when parent is open (pathOpen)\n  if (isAccordionRow.value) return props.level === 0 ? accordionOpen.value : true;\n  return true;\n});\n</script>\n\n<template>\n  <PvAccordion\n    v-if=\"option.children && option.children.length > 0 && settings && settings[option.field]?.accordion\"\n    v-model=\"accordionOpen\"\n    chevronPosition=\"left\"\n    style=\"\n      --accordion-content-padding: 2px 0px;\n      --accordion-arrow-right-summary-padding: 0.25rem 1.375rem 0.25rem 0.25rem;\n      --accordion-content-padding: 0px;\n    \"\n    :data-parent-id=\"option.node_id\"\n    enableTriggerSlot\n    enableTriggerFullWidth\n    :summaryStyles=\"{\n      ...nestedStyles(level),\n      ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      'justify-content': 'flex-start',\n    }\"\n    :summaryClasses=\"{\n      'pv-tree-item': true,\n      ...dragAndDropIndicatorClasses(option),\n    }\"\n    :defaultOpen=\"settings[option.field]?.defaultExpanded ?? false\"\n    chevron-variant=\"horizontal\"\n    @summary-mouseenter=\"handleMouseEnter(option.node_id)\"\n    @summary-mouseleave=\"handleMouseLeave()\"\n    @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n  >\n    <template #trigger>\n      <PvTreeReorderIcon\n        v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option) && level > 0\"\n      />\n      <template v-if=\"settings[option.field]?.renderer\">\n        <component\n          :is=\"settings[option.field]?.renderer\"\n          :option=\"option\"\n          :settings=\"settings\"\n          :selected=\"isSelected(option.node_id)\"\n          :params=\"settings[option.field]?.rendererParams\"\n        />\n      </template>\n      <template v-else>\n        <PvSimpleItemTree :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n      </template>\n    </template>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDraggable && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element }\">\n          <PvTreeItem\n            :is-parent-path-open=\"isParentPathOpen && accordionOpen\"\n            :selected-options=\"selectedOptions\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :is-draggable=\"childrenDraggable(isDraggable, settings, element)\"\n            :tree-open=\"treeOpen\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </PvAccordion>\n  <PvSimpleNestedTree\n    v-else-if=\"option.children && option.children.length > 0 && settings && !settings[option.field]?.accordion\"\n    :is-parent-path-open=\"isParentPathOpen\"\n    :selected-options=\"selectedOptions\"\n    :option=\"option\"\n    :settings=\"settings\"\n    :level=\"level\"\n    :is-draggable=\"isDraggable\"\n    :disable-selection=\"disableSelection\"\n    @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n    @update:children=\"$emit('update:children', $event)\"\n    :is-last-root-item=\"isLastRootItem\"\n  />\n  <div v-else>\n    <component\n      :is=\"componentInstance\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :style=\"{\n        ...nestedStyles(level),\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon\n        v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option) && level > 0\"\n      />\n      <component\n        v-if=\"settings[option.field]?.renderer\"\n        :is=\"settings[option.field]?.renderer\"\n        :option=\"option\"\n        :settings=\"settings\"\n        :params=\"settings[option.field]?.rendererParams\"\n      />\n      <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n    </component>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element }\">\n          <PvTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :selected-options=\"selectedOptions\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :is-draggable=\"childrenDraggable(isDraggable, settings, element)\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport draggable from \"vuedraggable\";\n\nimport PvAccordion from \"../PvAccordion/PvAccordion.vue\";\nimport PvSimpleItemTree from \"./PvSimpleItemTree.vue\";\nimport PvSimpleNestedTree from \"./PvSimpleNestedTree.vue\";\nimport PvCheckboxTreeItem from \"./PvCheckboxTreeItem.vue\";\nimport PvButtonTreeItem from \"./PvButtonTreeItem.vue\";\nimport PvTreeReorderIcon from \"./PvTreeReorderIcon.vue\";\nimport { useHoverIcon } from \"./composables/useHoverIcon\";\nimport { useDraggingState } from \"./composables/useDraggingState\";\nimport { useDragAndDropIndicator } from \"./composables/useDragAndDropIndicator\";\n\nimport type { PvTreeOption, PvTreeSettings } from \"./types\";\nimport { useDragAndDrop } from \"./composables/useDragAndDrop\";\n\ninterface PvTreeItemProps {\n  option: PvTreeOption;\n  selectedOptions?: PvTreeOption[];\n  level?: number;\n  settings: PvTreeSettings;\n  isDraggable?: boolean;\n  treeOpen?: boolean;\n  isParentPathOpen?: boolean;\n  isLastRootItem?: boolean;\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTreeItemProps>(), {\n  level: 0,\n  isParentPathOpen: true,\n  disableSelection: false,\n});\n\nconst emit = defineEmits<{\n  (e: \"handle-tree-select\", payload: { option: PvTreeOption; event: MouseEvent }): void;\n  (e: \"update:children\", payload: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }): void;\n}>();\n\n// Local accordion state - independent from treeOpen prop\nconst accordionOpen = ref(props.treeOpen ?? props.settings[props.option.field]?.defaultExpanded ?? false);\n\n// Watch treeOpen prop to allow programmatic control (e.g., \"expand all\" button)\nwatch(\n  () => props.treeOpen,\n  (newValue) => {\n    if (newValue !== undefined) {\n      accordionOpen.value = newValue;\n    }\n  },\n);\n\nconst {\n  getDragGroupConfig,\n  getDragAndDropDisabled,\n  canItemBeDragged,\n  handleMoveCallback,\n  childrenDraggable,\n  canAcceptDrop,\n} = useDragAndDrop();\nconst { hoveredId, handleMouseEnter, handleMouseLeave } = useHoverIcon();\nconst { isDragging, draggingGroupName, onDragStart, onDragEnd } = useDraggingState();\nconst { dragAndDropIndicatorClasses } = useDragAndDropIndicator();\n\nconst handleDragStart = () => {\n  const groupConfig = getDragGroupConfig(props.settings, props.option);\n  onDragStart(groupConfig.name);\n};\n\nconst nestedStyles = (level: number) => {\n  return {\n    paddingLeft: `${level * 24 + (props.settings[props.option.field]?.additionalNestingLevel ?? 0) * 24}px`,\n    \"--border-color\": \"#121313\",\n  };\n};\n\nconst isSelected = (id?: string | number) => {\n  return props.selectedOptions && props.selectedOptions.some((option) => option.node_id === id);\n};\n\nconst componentInstance = computed(() => {\n  return props.settings[props.option.field]?.checkbox ? PvCheckboxTreeItem : PvButtonTreeItem;\n});\n\n// Writable computed for vuedraggable v-model binding\nconst children = computed({\n  get: () => [...(props.option.children || [])],\n  set: (value) => {\n    emit(\"update:children\", { optionId: props.option.node_id, newChildren: value });\n  },\n});\n\nconst isAccordionRow = computed(() =>\n  Boolean(props.option.children?.length && props.settings[props.option.field]?.accordion),\n);\n\nconst isVisible = computed(() => {\n  const pathOpen = props.isParentPathOpen ?? true;\n  if (!pathOpen) return false;\n  // For accordion row at root (level 0): background only when this accordion is expanded\n  // For accordion that is a child (level > 0): background when parent is open (pathOpen)\n  if (isAccordionRow.value) return props.level === 0 ? accordionOpen.value : true;\n  return true;\n});\n</script>\n\n<template>\n  <PvAccordion\n    v-if=\"option.children && option.children.length > 0 && settings && settings[option.field]?.accordion\"\n    v-model=\"accordionOpen\"\n    chevronPosition=\"left\"\n    style=\"\n      --accordion-content-padding: 2px 0px;\n      --accordion-arrow-right-summary-padding: 0.25rem 1.375rem 0.25rem 0.25rem;\n      --accordion-content-padding: 0px;\n    \"\n    :data-parent-id=\"option.node_id\"\n    enableTriggerSlot\n    enableTriggerFullWidth\n    :summaryStyles=\"{\n      ...nestedStyles(level),\n      ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      'justify-content': 'flex-start',\n    }\"\n    :summaryClasses=\"{\n      'pv-tree-item': true,\n      ...dragAndDropIndicatorClasses(option),\n    }\"\n    :defaultOpen=\"settings[option.field]?.defaultExpanded ?? false\"\n    chevron-variant=\"horizontal\"\n    @summary-mouseenter=\"handleMouseEnter(option.node_id)\"\n    @summary-mouseleave=\"handleMouseLeave()\"\n    @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n  >\n    <template #trigger>\n      <PvTreeReorderIcon\n        v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option) && level > 0\"\n      />\n      <template v-if=\"settings[option.field]?.renderer\">\n        <component\n          :is=\"settings[option.field]?.renderer\"\n          :option=\"option\"\n          :settings=\"settings\"\n          :selected=\"isSelected(option.node_id)\"\n          :params=\"settings[option.field]?.rendererParams\"\n        />\n      </template>\n      <template v-else>\n        <PvSimpleItemTree :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n      </template>\n    </template>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDraggable && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element }\">\n          <PvTreeItem\n            :is-parent-path-open=\"isParentPathOpen && accordionOpen\"\n            :selected-options=\"selectedOptions\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :is-draggable=\"childrenDraggable(isDraggable, settings, element)\"\n            :tree-open=\"treeOpen\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </PvAccordion>\n  <PvSimpleNestedTree\n    v-else-if=\"option.children && option.children.length > 0 && settings && !settings[option.field]?.accordion\"\n    :is-parent-path-open=\"isParentPathOpen\"\n    :selected-options=\"selectedOptions\"\n    :option=\"option\"\n    :settings=\"settings\"\n    :level=\"level\"\n    :is-draggable=\"isDraggable\"\n    :disable-selection=\"disableSelection\"\n    @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n    @update:children=\"$emit('update:children', $event)\"\n    :is-last-root-item=\"isLastRootItem\"\n  />\n  <div v-else>\n    <component\n      :is=\"componentInstance\"\n      :class=\"{\n        ...dragAndDropIndicatorClasses(option),\n      }\"\n      :option=\"option\"\n      :selected=\"isSelected(option.node_id)\"\n      :disable-selection=\"disableSelection\"\n      :label=\"option.label\"\n      :icon=\"settings[option.field]?.icon\"\n      :style=\"{\n        ...nestedStyles(level),\n        ...(settings[option.field]?.rendererParams?.onProvideCssStyles?.(option, { isVisible }) ?? {}),\n      }\"\n      @handle-selected=\"$emit('handle-tree-select', $event)\"\n      @mouseenter=\"handleMouseEnter(option.node_id)\"\n      @mouseleave=\"handleMouseLeave()\"\n      @contextmenu.stop=\"settings[option.field]?.rendererParams?.onContextMenu?.($event, option)\"\n    >\n      <PvTreeReorderIcon\n        v-show=\"hoveredId === option.node_id && canItemBeDragged(isDraggable, settings, option) && level > 0\"\n      />\n      <component\n        v-if=\"settings[option.field]?.renderer\"\n        :is=\"settings[option.field]?.renderer\"\n        :option=\"option\"\n        :settings=\"settings\"\n        :params=\"settings[option.field]?.rendererParams\"\n      />\n      <PvSimpleItemTree v-else :label=\"option.label\" :icon=\"settings[option.field]?.icon\" />\n    </component>\n    <!-- Drop zone for children -->\n    <div :data-parent-id=\"option.node_id\">\n      <draggable\n        v-model=\"children\"\n        :parent-id=\"option.node_id\"\n        :group=\"getDragGroupConfig(settings, option)\"\n        item-key=\"node_id\"\n        :disabled=\"getDragAndDropDisabled(isDraggable, settings, option)\"\n        :move=\"handleMoveCallback(settings)\"\n        :class=\"{\n          'pv-tree-drop-zone':\n            isDragging && children.length === 0 && canAcceptDrop(settings, option, draggingGroupName),\n        }\"\n        @start=\"handleDragStart\"\n        @end=\"onDragEnd\"\n        @add=\"onDragEnd\"\n      >\n        <template #item=\"{ element }\">\n          <PvTreeItem\n            :is-parent-path-open=\"isParentPathOpen\"\n            :selected-options=\"selectedOptions\"\n            :option=\"element\"\n            :settings=\"settings\"\n            :level=\"level + 1\"\n            :is-draggable=\"childrenDraggable(isDraggable, settings, element)\"\n            :disable-selection=\"disableSelection\"\n            @handle-tree-select=\"$emit('handle-tree-select', $event)\"\n            @update:children=\"$emit('update:children', $event)\"\n          />\n        </template>\n      </draggable>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-tree-drop-zone {\n  min-height: 0px;\n}\n</style>\n","import { nextTick, Ref } from \"vue\";\nimport { cloneDeep } from \"es-toolkit/object\";\nimport { PvTreeOption } from \"../types\";\n\nexport const useTreeUpdate = (options: Ref<PvTreeOption[]>) => {\n  const pendingChildrenUpdates: { optionId: PvTreeOption[\"node_id\"]; newChildren: PvTreeOption[] }[] = [];\n  let flushScheduled = false;\n\n  /**\n   * Builds fast lookup indexes for the tree:\n   * - nodeById:   allows O(1) access to any node by id\n   * - parentById: tracks the current parent of each node\n   *\n   * This avoids repeated full tree traversals during updates.\n   */\n  function buildIndex(roots: PvTreeOption[]): {\n    nodeById: Map<PvTreeOption[\"node_id\"], PvTreeOption>;\n    parentById: Map<PvTreeOption[\"node_id\"], PvTreeOption | null>;\n  } {\n    const nodeById = new Map<PvTreeOption[\"node_id\"], PvTreeOption>();\n    const parentById = new Map<PvTreeOption[\"node_id\"], PvTreeOption | null>();\n\n    // Iterative DFS to avoid deep recursion on large trees\n    const stack: Array<{ node: PvTreeOption; parent: PvTreeOption | null }> = [];\n    for (const root of roots) {\n      stack.push({ node: root, parent: null });\n    }\n\n    while (stack.length) {\n      const { node, parent } = stack.pop()!;\n      nodeById.set(node.node_id, node);\n      parentById.set(node.node_id, parent);\n\n      if (node.children?.length) {\n        for (const child of node.children) {\n          stack.push({ node: child, parent: node });\n        }\n      }\n    }\n\n    return { nodeById, parentById };\n  }\n\n  /**\n   * Applies all pending children updates in a single flush.\n   *\n   * Key ideas:\n   * - Clone the tree once to keep updates immutable\n   * - Build indexes once for fast lookups\n   * - Move nodes by re-parenting instead of re-traversing the tree\n   */\n  const flushPendingChildrenUpdates = () => {\n    flushScheduled = false;\n\n    // Nothing to do\n    if (pendingChildrenUpdates.length === 0) return;\n\n    // Take all pending updates and clear the queue\n    const updates = pendingChildrenUpdates.splice(0, pendingChildrenUpdates.length);\n\n    // Clone the current options tree only once\n    const result = cloneDeep(options.value);\n\n    // Build fast lookup structures\n    const { nodeById, parentById } = buildIndex(result);\n\n    /**\n     * If multiple updates target the same optionId,\n     * the last one wins.\n     */\n    const lastUpdateByOption = new Map<PvTreeOption[\"node_id\"], PvTreeOption[]>();\n    for (const update of updates) {\n      lastUpdateByOption.set(update.optionId, update.newChildren);\n    }\n\n    // Apply normalized updates\n    for (const [optionId, newChildren] of lastUpdateByOption) {\n      const parentNode = nodeById.get(optionId);\n      if (!parentNode) continue;\n\n      /**\n       * Map children:\n       * - If a node already exists in the tree, reuse it (we are moving it)\n       * - Otherwise, treat it as a new node\n       */\n      const mappedChildren = newChildren.map((child) => nodeById.get(child.node_id) ?? child);\n\n      /**\n       * Register any brand-new nodes in the indexes\n       */\n      for (const child of mappedChildren) {\n        if (!nodeById.has(child.node_id)) {\n          nodeById.set(child.node_id, child);\n          parentById.set(child.node_id, null);\n        }\n      }\n\n      /**\n       * Re-parent children:\n       * - Detach from the old parent if necessary\n       * - Attach to the new parent\n       */\n      for (const child of mappedChildren) {\n        const oldParent = parentById.get(child.node_id) ?? null;\n\n        // Remove from previous parent if it differs from the new one\n        if (oldParent && oldParent !== parentNode) {\n          oldParent.children = (oldParent.children ?? []).filter((c) => c.node_id !== child.node_id);\n        }\n\n        parentById.set(child.node_id, parentNode);\n      }\n\n      // Finally, replace the parent's children list\n      parentNode.children = mappedChildren;\n    }\n\n    // Commit the updated tree\n    options.value = result;\n  };\n\n  const handleUpdateChildren = ({\n    optionId,\n    newChildren,\n  }: {\n    optionId: PvTreeOption[\"node_id\"];\n    newChildren: PvTreeOption[];\n  }) => {\n    // Queue the update; flush applies all pending updates in one pass (last per optionId wins).\n    pendingChildrenUpdates.push({ optionId, newChildren });\n    if (!flushScheduled) {\n      flushScheduled = true;\n      nextTick(flushPendingChildrenUpdates);\n    }\n  };\n\n  return {\n    handleUpdateChildren,\n  };\n};\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\n\nimport PvTreeItem from \"./PvTreeItem.vue\";\nimport type { PvTreeOption, PvTreeSetting, PvTreeSettings } from \"./types\";\nimport { provideDraggingState } from \"./composables/useDraggingState\";\nimport { DraggingStateKey } from \"./symbols\";\nimport { useTreeUpdate } from \"./composables/useTreeUpdate\";\n\n// Only provide dragging state if a PvTreeGroup hasn't already provided it.\n// This allows multiple trees inside a PvTreeGroup to share the same state\n// for cross-tree drag indicators, while a standalone PvTree remains self-contained.\nif (!inject(DraggingStateKey, null)) {\n  provideDraggingState();\n}\n\ninterface PvTreeProps {\n  /** Per-field rendering and behavior settings for tree nodes */\n  settings: PvTreeSettings;\n  /** Default settings applied to all node types before field-specific overrides */\n  defaultSettings?: PvTreeSetting;\n  /** Enable drag-and-drop reordering of tree items */\n  isDraggable?: boolean;\n  /** Disable click-to-select behavior on tree items */\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTreeProps>(), {\n  isDraggable: false,\n  disableSelection: false,\n});\n\nconst selectedOptions = defineModel<PvTreeOption[]>(\"selectedOptions\", { required: false });\nconst options = defineModel<PvTreeOption[]>(\"options\", { required: true });\nconst treeOpen = defineModel<boolean>(\"treeOpen\", { required: false });\n\nconst { handleUpdateChildren } = useTreeUpdate(options);\n\nconst handleTreeSelect = (option: PvTreeOption, event: MouseEvent) => {\n  if (event.metaKey) {\n    if (selectedOptions.value?.some((selectedOption) => selectedOption.node_id === option.node_id)) {\n      selectedOptions.value = selectedOptions.value?.filter(\n        (selectedOption) => selectedOption.node_id !== option.node_id,\n      );\n    } else {\n      selectedOptions.value = [...(selectedOptions.value || []), option];\n    }\n  } else {\n    if (selectedOptions.value?.some((selectedOption) => selectedOption.node_id === option.node_id)) {\n      selectedOptions.value = [];\n    } else {\n      selectedOptions.value = [option];\n    }\n  }\n};\n\nconst computedSettings = computed(() => {\n  return Object.keys(props.settings).reduce((acc, key) => {\n    acc[key] = { ...props.defaultSettings, ...props.settings[key] };\n    return acc;\n  }, {} as PvTreeSettings);\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"pv-tree\" :class=\"{ 'pv-tree--disable-selection': disableSelection }\">\n      <div v-for=\"(option, index) in options\" :key=\"option.node_id\">\n        <PvTreeItem\n          :is-last-root-item=\"index === options.length - 1\"\n          :is-parent-path-open=\"true\"\n          :tree-open=\"treeOpen\"\n          :selected-options=\"selectedOptions\"\n          :option=\"option\"\n          :settings=\"computedSettings\"\n          :is-draggable=\"isDraggable\"\n          :disable-selection=\"disableSelection\"\n          @handle-tree-select=\"({ option, event }) => handleTreeSelect(option, event)\"\n          @update:children=\"handleUpdateChildren\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n/* This may be moved to a global styles file */\n:deep(.pv-tree-item) {\n  padding: 3px 4px;\n  cursor: pointer;\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n\n:deep(.pv-tree-item-disabled) {\n  cursor: default !important;\n}\n\n:deep(.pv-tree-item.pv-drop-indicator-top) {\n  border-top: 1px solid var(--color-border, #121313);\n}\n:deep(.pv-tree-item.pv-drop-indicator-bottom) {\n  border-bottom: 1px solid var(--color-border, #121313);\n}\n\n:deep(.pv-drop-indicator-parent) {\n  border: 1px solid var(--color-border, #36c5ba);\n}\n\n:deep(.pv-tree-item-selected) {\n  background-color: var(--pv-color-selected, #e4f8f6);\n}\n\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item-selected:hover),\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item:hover) {\n  border-radius: 4px;\n  background-color: var(--pv-color-hover, #e8f2f4);\n}\n\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item-selected:active),\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item:active) {\n  border-radius: 4px;\n  background-color: var(--pv-color-active, #c7d8db);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\n\nimport PvTreeItem from \"./PvTreeItem.vue\";\nimport type { PvTreeOption, PvTreeSetting, PvTreeSettings } from \"./types\";\nimport { provideDraggingState } from \"./composables/useDraggingState\";\nimport { DraggingStateKey } from \"./symbols\";\nimport { useTreeUpdate } from \"./composables/useTreeUpdate\";\n\n// Only provide dragging state if a PvTreeGroup hasn't already provided it.\n// This allows multiple trees inside a PvTreeGroup to share the same state\n// for cross-tree drag indicators, while a standalone PvTree remains self-contained.\nif (!inject(DraggingStateKey, null)) {\n  provideDraggingState();\n}\n\ninterface PvTreeProps {\n  /** Per-field rendering and behavior settings for tree nodes */\n  settings: PvTreeSettings;\n  /** Default settings applied to all node types before field-specific overrides */\n  defaultSettings?: PvTreeSetting;\n  /** Enable drag-and-drop reordering of tree items */\n  isDraggable?: boolean;\n  /** Disable click-to-select behavior on tree items */\n  disableSelection?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvTreeProps>(), {\n  isDraggable: false,\n  disableSelection: false,\n});\n\nconst selectedOptions = defineModel<PvTreeOption[]>(\"selectedOptions\", { required: false });\nconst options = defineModel<PvTreeOption[]>(\"options\", { required: true });\nconst treeOpen = defineModel<boolean>(\"treeOpen\", { required: false });\n\nconst { handleUpdateChildren } = useTreeUpdate(options);\n\nconst handleTreeSelect = (option: PvTreeOption, event: MouseEvent) => {\n  if (event.metaKey) {\n    if (selectedOptions.value?.some((selectedOption) => selectedOption.node_id === option.node_id)) {\n      selectedOptions.value = selectedOptions.value?.filter(\n        (selectedOption) => selectedOption.node_id !== option.node_id,\n      );\n    } else {\n      selectedOptions.value = [...(selectedOptions.value || []), option];\n    }\n  } else {\n    if (selectedOptions.value?.some((selectedOption) => selectedOption.node_id === option.node_id)) {\n      selectedOptions.value = [];\n    } else {\n      selectedOptions.value = [option];\n    }\n  }\n};\n\nconst computedSettings = computed(() => {\n  return Object.keys(props.settings).reduce((acc, key) => {\n    acc[key] = { ...props.defaultSettings, ...props.settings[key] };\n    return acc;\n  }, {} as PvTreeSettings);\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"pv-tree\" :class=\"{ 'pv-tree--disable-selection': disableSelection }\">\n      <div v-for=\"(option, index) in options\" :key=\"option.node_id\">\n        <PvTreeItem\n          :is-last-root-item=\"index === options.length - 1\"\n          :is-parent-path-open=\"true\"\n          :tree-open=\"treeOpen\"\n          :selected-options=\"selectedOptions\"\n          :option=\"option\"\n          :settings=\"computedSettings\"\n          :is-draggable=\"isDraggable\"\n          :disable-selection=\"disableSelection\"\n          @handle-tree-select=\"({ option, event }) => handleTreeSelect(option, event)\"\n          @update:children=\"handleUpdateChildren\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n/* This may be moved to a global styles file */\n:deep(.pv-tree-item) {\n  padding: 3px 4px;\n  cursor: pointer;\n  background-color: transparent;\n  border: 1px solid transparent;\n}\n\n:deep(.pv-tree-item-disabled) {\n  cursor: default !important;\n}\n\n:deep(.pv-tree-item.pv-drop-indicator-top) {\n  border-top: 1px solid var(--color-border, #121313);\n}\n:deep(.pv-tree-item.pv-drop-indicator-bottom) {\n  border-bottom: 1px solid var(--color-border, #121313);\n}\n\n:deep(.pv-drop-indicator-parent) {\n  border: 1px solid var(--color-border, #36c5ba);\n}\n\n:deep(.pv-tree-item-selected) {\n  background-color: var(--pv-color-selected, #e4f8f6);\n}\n\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item-selected:hover),\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item:hover) {\n  border-radius: 4px;\n  background-color: var(--pv-color-hover, #e8f2f4);\n}\n\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item-selected:active),\n:deep(.pv-tree:not(.pv-tree--disable-selection) .pv-tree-item:active) {\n  border-radius: 4px;\n  background-color: var(--pv-color-active, #c7d8db);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { provideDraggingState } from \"./composables/useDraggingState\";\n\n// Provides shared drag state to all PvTree children so cross-tree\n// drop indicators and drag status work correctly across sibling trees.\nprovideDraggingState();\n</script>\n\n<template>\n  <slot />\n</template>\n","<script setup lang=\"ts\">\nimport { provideDraggingState } from \"./composables/useDraggingState\";\n\n// Provides shared drag state to all PvTree children so cross-tree\n// drop indicators and drag status work correctly across sibling trees.\nprovideDraggingState();\n</script>\n\n<template>\n  <slot />\n</template>\n","<script setup lang=\"ts\">\ninterface PvProgressBarProps {\n  /** The current progress value as a percentage (0–100). */\n  progress?: number;\n  /** When true, displays a text label above the bar showing \"{progress}% Complete\". */\n  showLabel?: boolean;\n  /** When true, renders the progress bar in a disabled/muted visual state. */\n  disabled?: boolean;\n}\n\nconst props = defineProps<PvProgressBarProps>();\n</script>\n\n<template>\n  <p v-if=\"props.showLabel\" class=\"pv-text-brand pv-text-title-sm pv-stack-4\">{{ props.progress }}% Complete</p>\n  <div\n    class=\"pv-progress-bar\"\n    :data-disabled=\"props.disabled ? true : undefined\"\n    :style=\"{\n      '--progress': `${props.progress}%`,\n    }\"\n  ></div>\n</template>\n","<script setup lang=\"ts\">\ninterface PvProgressBarProps {\n  /** The current progress value as a percentage (0–100). */\n  progress?: number;\n  /** When true, displays a text label above the bar showing \"{progress}% Complete\". */\n  showLabel?: boolean;\n  /** When true, renders the progress bar in a disabled/muted visual state. */\n  disabled?: boolean;\n}\n\nconst props = defineProps<PvProgressBarProps>();\n</script>\n\n<template>\n  <p v-if=\"props.showLabel\" class=\"pv-text-brand pv-text-title-sm pv-stack-4\">{{ props.progress }}% Complete</p>\n  <div\n    class=\"pv-progress-bar\"\n    :data-disabled=\"props.disabled ? true : undefined\"\n    :style=\"{\n      '--progress': `${props.progress}%`,\n    }\"\n  ></div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\ninterface PvDistributionBarProps {\n  /** Array of numeric values representing each segment of the distribution bar. Values are rendered proportionally. Supports up to 7 color-coded segments. */\n  values?: number[];\n}\n\nconst props = defineProps<PvDistributionBarProps>();\n\nconst totalValue = computed(() => {\n  return props.values?.reduce((acc, curr) => acc + curr, 0) ?? 0;\n});\n\nconst barStyles = (value: number, index: number) => {\n  const firstNonZeroIndex = props.values?.findIndex((v) => v > 0) ?? -1;\n  const lastNonZeroIndex = props.values?.findLastIndex((v) => v > 0) ?? -1;\n  const isFirstVisibleElement = index === firstNonZeroIndex;\n  const isLastVisibleElement = index === lastNonZeroIndex;\n  const radius = (corner: boolean) => (corner ? \"12px\" : \"0\");\n\n  return {\n    width: `${(value / totalValue.value) * 100}%`,\n    height: \"100%\",\n    borderRadius: `${radius(isFirstVisibleElement)} ${radius(isLastVisibleElement)} ${radius(isLastVisibleElement)} ${radius(isFirstVisibleElement)}`,\n  };\n};\n\nconst barColors = (index: number) => {\n  switch (index) {\n    case 0:\n      return \"pv-data-surface-visualization-1\";\n    case 1:\n      return \"pv-data-surface-visualization-2\";\n    case 2:\n      return \"pv-data-surface-visualization-3\";\n    case 3:\n      return \"pv-data-surface-visualization-4\";\n    case 4:\n      return \"pv-data-surface-visualization-5\";\n    case 5:\n      return \"pv-data-surface-visualization-6\";\n    case 6:\n      return \"pv-data-surface-visualization-7\";\n    default:\n      return \"pv-data-surface-visualization-1\";\n  }\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\" style=\"--flex-gap: 4px; height: 24px\">\n    <div v-for=\"(value, index) in values\" :key=\"index\" :class=\"[barColors(index)]\" :style=\"barStyles(value, index)\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\ninterface PvDistributionBarProps {\n  /** Array of numeric values representing each segment of the distribution bar. Values are rendered proportionally. Supports up to 7 color-coded segments. */\n  values?: number[];\n}\n\nconst props = defineProps<PvDistributionBarProps>();\n\nconst totalValue = computed(() => {\n  return props.values?.reduce((acc, curr) => acc + curr, 0) ?? 0;\n});\n\nconst barStyles = (value: number, index: number) => {\n  const firstNonZeroIndex = props.values?.findIndex((v) => v > 0) ?? -1;\n  const lastNonZeroIndex = props.values?.findLastIndex((v) => v > 0) ?? -1;\n  const isFirstVisibleElement = index === firstNonZeroIndex;\n  const isLastVisibleElement = index === lastNonZeroIndex;\n  const radius = (corner: boolean) => (corner ? \"12px\" : \"0\");\n\n  return {\n    width: `${(value / totalValue.value) * 100}%`,\n    height: \"100%\",\n    borderRadius: `${radius(isFirstVisibleElement)} ${radius(isLastVisibleElement)} ${radius(isLastVisibleElement)} ${radius(isFirstVisibleElement)}`,\n  };\n};\n\nconst barColors = (index: number) => {\n  switch (index) {\n    case 0:\n      return \"pv-data-surface-visualization-1\";\n    case 1:\n      return \"pv-data-surface-visualization-2\";\n    case 2:\n      return \"pv-data-surface-visualization-3\";\n    case 3:\n      return \"pv-data-surface-visualization-4\";\n    case 4:\n      return \"pv-data-surface-visualization-5\";\n    case 5:\n      return \"pv-data-surface-visualization-6\";\n    case 6:\n      return \"pv-data-surface-visualization-7\";\n    default:\n      return \"pv-data-surface-visualization-1\";\n  }\n};\n</script>\n\n<template>\n  <div class=\"pv-flex\" style=\"--flex-gap: 4px; height: 24px\">\n    <div v-for=\"(value, index) in values\" :key=\"index\" :class=\"[barColors(index)]\" :style=\"barStyles(value, index)\" />\n  </div>\n</template>\n","import { MenuOption } from \"@/types\";\n\n// The query builder can be used in two modes:\n// 1. Full - the query is parsed and populates both the filter model and free text terms.\n// 2. Field-only - the query is parsed to extract only the filter model, treating free-text terms as invalid\nexport type QueryBuilderProcessor = \"full\" | \"field-only\";\n\nexport interface QueryBuilderOutput {\n  queryTerms: QueryTerm[];\n  freeTextTerms?: string[];\n}\n\nexport interface QueryTerm {\n  queryField?: string;\n  queryDisplayField?: string;\n  exactMatch?: boolean;\n  queryText?: string;\n}\n\nexport interface QueryBuilderSuggestionMenuOption extends MenuOption {\n  queryTerm?: QueryTerm;\n}\n\n/**\n * The filter model is structured as follows:\n * For single conditions\n * {\n *     [field]: {\n *      filterType: \"text\",\n *      type: \"equals\" | \"contains\",\n *      filter: string,\n *     },\n * }\n * For multiple conditions on the same field, it will be structured as:\n * {\n *    [field]: {\n *     filterType: \"text\",\n *     operator: 'OR',\n *     conditions: [\n *         {\n *         type: \"equals\" | \"contains\",\n *         filter: string,\n *         }\n *     ]\n *    },\n * }\n */\n\nexport const useQueryBuilder = () => {\n  const addQueryOption = (\n    query: QueryBuilderOutput | null,\n    option: QueryBuilderSuggestionMenuOption,\n  ): QueryBuilderOutput | null => {\n    const updatedQuery = query || { queryTerms: [] };\n    const newQueryTerm = option.queryTerm || {};\n    if (isValidQueryTerm(option) && !containsQueryOption(query, option)) {\n      updatedQuery.queryTerms.push(newQueryTerm);\n    }\n    return updatedQuery;\n  };\n  const isValidQueryTerm = (option: QueryBuilderSuggestionMenuOption): boolean => {\n    // don't allow blank query terms\n    if (!option.queryTerm) return false;\n    return option.queryTerm.queryText !== undefined && option.queryTerm.queryText.trim() !== \"\";\n  };\n  const queryTermEquals = (a: QueryTerm, b: QueryTerm): boolean => {\n    return (\n      a.queryField === b.queryField &&\n      a.exactMatch === b.exactMatch &&\n      a.queryText === b.queryText &&\n      a.queryDisplayField === b.queryDisplayField\n    );\n  };\n  const containsQueryOption = (query: QueryBuilderOutput | null, option: QueryBuilderSuggestionMenuOption): boolean => {\n    return !!query && query.queryTerms.some((term) => queryTermEquals(term, option.queryTerm || {}));\n  };\n  const removeQueryOption = (\n    query: QueryBuilderOutput | null,\n    option: QueryBuilderSuggestionMenuOption,\n  ): QueryBuilderOutput | null => {\n    // find and remove the option from the query\n    if (!query) return null;\n    const index = query.queryTerms.findIndex((term) => queryTermEquals(term, option.queryTerm || {}));\n    if (index !== -1) {\n      query.queryTerms.splice(index, 1);\n    }\n    return query;\n  };\n  return {\n    addQueryOption,\n    containsQueryOption,\n    removeQueryOption,\n  };\n};\n","<script setup lang=\"ts\">\nimport { QueryTerm } from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { MenuOption } from \"@/types\";\n\nconst props = defineProps<MenuOption<QueryTerm>>();\nconst queryBuilderProps = computed(() => {\n  return props.context;\n});\n\nconst queryOptionText = ref<HTMLElement | null>(null);\n\nconst exactMatch = computed(() => {\n  return queryBuilderProps.value?.exactMatch || false;\n});\nconst displayText = computed(() => {\n  return props.text;\n});\n\nconst currentSearchText = computed(() => {\n  return props.searchText || \"\";\n});\n\nconst searchField = computed(() => {\n  return queryBuilderProps.value?.queryDisplayField;\n});\nconst primaryIcon = computed(() => {\n  const optionIcon = props.icon || \"search\";\n  return exactMatch.value ? optionIcon : \"search\";\n});\n\nonMounted(() => {\n  if (queryOptionText.value && currentSearchText.value) {\n    const regex = new RegExp(`(${currentSearchText.value})`, \"gi\");\n    queryOptionText.value.innerHTML = displayText.value.replace(regex, '<span style=\"font-weight: bold;\">$1</span>');\n  }\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"pv-flex\">\n      <PvIcon :name=\"primaryIcon\"></PvIcon>\n      <div>\n        <p ref=\"queryOptionText\" class=\"pv-text-body-md\">{{ displayText }}</p>\n        <p v-if=\"searchField\" class=\"pv-text-body-xs\">\n          <span v-if=\"!exactMatch\">Search in </span>\n          <span class=\"pv-text-subdued pv-text-body-xs\" style=\"font-weight: 500\">{{ searchField }}</span>\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-text-tertiary {\n  color: #6e8081;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { QueryTerm } from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { MenuOption } from \"@/types\";\n\nconst props = defineProps<MenuOption<QueryTerm>>();\nconst queryBuilderProps = computed(() => {\n  return props.context;\n});\n\nconst queryOptionText = ref<HTMLElement | null>(null);\n\nconst exactMatch = computed(() => {\n  return queryBuilderProps.value?.exactMatch || false;\n});\nconst displayText = computed(() => {\n  return props.text;\n});\n\nconst currentSearchText = computed(() => {\n  return props.searchText || \"\";\n});\n\nconst searchField = computed(() => {\n  return queryBuilderProps.value?.queryDisplayField;\n});\nconst primaryIcon = computed(() => {\n  const optionIcon = props.icon || \"search\";\n  return exactMatch.value ? optionIcon : \"search\";\n});\n\nonMounted(() => {\n  if (queryOptionText.value && currentSearchText.value) {\n    const regex = new RegExp(`(${currentSearchText.value})`, \"gi\");\n    queryOptionText.value.innerHTML = displayText.value.replace(regex, '<span style=\"font-weight: bold;\">$1</span>');\n  }\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"pv-flex\">\n      <PvIcon :name=\"primaryIcon\"></PvIcon>\n      <div>\n        <p ref=\"queryOptionText\" class=\"pv-text-body-md\">{{ displayText }}</p>\n        <p v-if=\"searchField\" class=\"pv-text-body-xs\">\n          <span v-if=\"!exactMatch\">Search in </span>\n          <span class=\"pv-text-subdued pv-text-body-xs\" style=\"font-weight: 500\">{{ searchField }}</span>\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pv-text-tertiary {\n  color: #6e8081;\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  QueryBuilderOutput,\n  QueryBuilderSuggestionMenuOption,\n  QueryTerm,\n  useQueryBuilder,\n} from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvTag from \"@/components/base/PvTag/PvTag.vue\";\nimport { computed } from \"vue\";\nimport { TagVariant } from \"@/components/base/PvTag/types\";\n\ninterface QueryFormatterProps {\n  queryTermDisplayLimit?: number;\n}\n\nconst props = withDefaults(defineProps<QueryFormatterProps>(), {\n  queryTermDisplayLimit: 3,\n});\n\nconst parsedQuery = defineModel<QueryBuilderOutput | null>({ required: true });\nconst wrapContent = defineModel<boolean>(\"wrap-content\", { required: false, default: false });\nconst { removeQueryOption } = useQueryBuilder();\n\nconst displayedQueryTerms = computed(() => {\n  // extract filter terms from parsedQuery\n  // if enableItemWrap is true, show all terms\n  const terms = parsedQuery.value?.queryTerms || [];\n  return wrapContent.value ? terms : terms.slice(0, props.queryTermDisplayLimit);\n});\n\nconst overflowQueryTermCount = computed(() => {\n  const availableQueryTermCount = parsedQuery.value?.queryTerms.length || 0;\n  const currentDisplayCount = displayedQueryTerms.value.length;\n  return availableQueryTermCount - currentDisplayCount;\n});\n\nconst tagLabelForQueryTerm = (term: QueryTerm) => {\n  // if exact match, don't show field\n  if (term.queryField && !term.exactMatch) {\n    const displayField = term.queryDisplayField || term.queryField;\n    return `${displayField}: '${term.queryText}'`;\n  }\n  return term.queryText || \"\";\n};\n\nconst tagVariantForQueryTerm = (term: QueryTerm): TagVariant => {\n  // return variant based on term type\n  return term.exactMatch ? \"primary\" : \"tertiary\";\n};\n\nconst handleTagClick = (term: QueryTerm) => {\n  const queryOption: QueryBuilderSuggestionMenuOption = {\n    id: \"id\",\n    text: term.queryText || \"\",\n    queryTerm: {\n      queryText: term.queryText,\n      queryDisplayField: term.queryDisplayField,\n      queryField: term.queryField || \"\",\n      exactMatch: term.exactMatch,\n    },\n  };\n  removeQueryOption(parsedQuery.value, queryOption);\n};\n</script>\n\n<template>\n  <PvTag\n    v-for=\"(queryTerm, index) in displayedQueryTerms\"\n    :key=\"`${index}-${queryTerm.queryText}`\"\n    :variant=\"tagVariantForQueryTerm(queryTerm)\"\n    :label=\"tagLabelForQueryTerm(queryTerm)\"\n    :show-clear=\"true\"\n    @handle-close=\"handleTagClick(queryTerm)\"\n  />\n  <PvTag v-if=\"overflowQueryTermCount > 0\" :label=\"`+${overflowQueryTermCount}`\" @handle-click=\"wrapContent = true\" />\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport {\n  QueryBuilderOutput,\n  QueryBuilderSuggestionMenuOption,\n  QueryTerm,\n  useQueryBuilder,\n} from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvTag from \"@/components/base/PvTag/PvTag.vue\";\nimport { computed } from \"vue\";\nimport { TagVariant } from \"@/components/base/PvTag/types\";\n\ninterface QueryFormatterProps {\n  queryTermDisplayLimit?: number;\n}\n\nconst props = withDefaults(defineProps<QueryFormatterProps>(), {\n  queryTermDisplayLimit: 3,\n});\n\nconst parsedQuery = defineModel<QueryBuilderOutput | null>({ required: true });\nconst wrapContent = defineModel<boolean>(\"wrap-content\", { required: false, default: false });\nconst { removeQueryOption } = useQueryBuilder();\n\nconst displayedQueryTerms = computed(() => {\n  // extract filter terms from parsedQuery\n  // if enableItemWrap is true, show all terms\n  const terms = parsedQuery.value?.queryTerms || [];\n  return wrapContent.value ? terms : terms.slice(0, props.queryTermDisplayLimit);\n});\n\nconst overflowQueryTermCount = computed(() => {\n  const availableQueryTermCount = parsedQuery.value?.queryTerms.length || 0;\n  const currentDisplayCount = displayedQueryTerms.value.length;\n  return availableQueryTermCount - currentDisplayCount;\n});\n\nconst tagLabelForQueryTerm = (term: QueryTerm) => {\n  // if exact match, don't show field\n  if (term.queryField && !term.exactMatch) {\n    const displayField = term.queryDisplayField || term.queryField;\n    return `${displayField}: '${term.queryText}'`;\n  }\n  return term.queryText || \"\";\n};\n\nconst tagVariantForQueryTerm = (term: QueryTerm): TagVariant => {\n  // return variant based on term type\n  return term.exactMatch ? \"primary\" : \"tertiary\";\n};\n\nconst handleTagClick = (term: QueryTerm) => {\n  const queryOption: QueryBuilderSuggestionMenuOption = {\n    id: \"id\",\n    text: term.queryText || \"\",\n    queryTerm: {\n      queryText: term.queryText,\n      queryDisplayField: term.queryDisplayField,\n      queryField: term.queryField || \"\",\n      exactMatch: term.exactMatch,\n    },\n  };\n  removeQueryOption(parsedQuery.value, queryOption);\n};\n</script>\n\n<template>\n  <PvTag\n    v-for=\"(queryTerm, index) in displayedQueryTerms\"\n    :key=\"`${index}-${queryTerm.queryText}`\"\n    :variant=\"tagVariantForQueryTerm(queryTerm)\"\n    :label=\"tagLabelForQueryTerm(queryTerm)\"\n    :show-clear=\"true\"\n    @handle-close=\"handleTagClick(queryTerm)\"\n  />\n  <PvTag v-if=\"overflowQueryTermCount > 0\" :label=\"`+${overflowQueryTermCount}`\" @handle-click=\"wrapContent = true\" />\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport { computed, ComputedRef, ref, useTemplateRef, watch } from \"vue\";\nimport {\n  QueryBuilderOutput,\n  QueryBuilderProcessor,\n  QueryBuilderSuggestionMenuOption,\n  QueryTerm,\n  useQueryBuilder,\n} from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvPopover from \"@/components/base/PvPopover/PvPopover.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvMenuItem from \"@/components/base/PvMenu/items/PvMenuItem.vue\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nimport QueryBuilderMenuOptionRenderer from \"@/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue\";\nimport QueryFormatter from \"@/components/base/PvQueryBuilderInput/QueryFormatter.vue\";\nimport type { MenuOption } from \"@/types\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport PvSpinner from \"@/components/base/PvSpinner/PvSpinner.vue\";\nimport { onKeyStroke } from \"@vueuse/core\";\n\nexport interface PvQueryBuilderInputProps {\n  /**\n   * Placeholder text shown in the input when no query is active.\n   */\n  placeholder?: string;\n  /**\n   * When true, the input is non-interactive and visually dimmed.\n   */\n  disabled?: boolean;\n  /** When true, displays a keyboard shortcut badge next to the input. */\n  displayShortcut?: boolean;\n  /**\n   * Determines how user input is parsed into structured query terms.\n   * - `'full'`: free-text and field-based queries.\n   * - `'field-only'`: only options with a queryField are shown.\n   */\n  processor?: QueryBuilderProcessor;\n  /**\n   * When true, shows a loading spinner in the suggestion dropdown.\n   */\n  optionsLoading?: boolean;\n  /**\n   * When true, users can press Enter to add free-text terms without selecting a suggestion.\n   */\n  enableCustomOptionsInput?: boolean;\n  /**\n   * When true, hides the search icon on the left side of the input.\n   */\n  hideSearchIcon?: boolean;\n  /**\n   * When true, hides the clear button that resets the query.\n   */\n  hideClearButton?: boolean;\n  /**\n   * Maximum number of query term pills to display before collapsing.\n   */\n  queryTermDisplayLimit?: number;\n  /**\n   * When true, query term pills wrap to the next line instead of scrolling horizontally.\n   */\n  enableWrapQueryTerms?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvQueryBuilderInputProps>(), {\n  placeholder: \"Search\",\n  disabled: false,\n  processor: \"full\",\n  optionsLoading: false,\n  enableCustomOptionsInput: false,\n  hideSearchIcon: false,\n  hideClearButton: false,\n  queryTermDisplayLimit: 3,\n  enableWrapQueryTerms: false,\n});\n\nconst menuOptionConfig = {\n  renderer: QueryBuilderMenuOptionRenderer,\n};\n\n// const wrapper = useTemplateRef<HTMLDivElement | null>(\"query-builder-input\");\nconst input = useTemplateRef<HTMLInputElement | null>(\"search-input\");\nconst inputText = defineModel<string>(\"searchText\", { required: false, default: \"\" });\nconst parsedQuery = defineModel<QueryBuilderOutput | null>(\"query\", { required: true });\nconst queryOptions = defineModel<QueryBuilderSuggestionMenuOption[]>(\"options\", {\n  required: false,\n});\nconst { addQueryOption, containsQueryOption } = useQueryBuilder();\nconst displayOptions = ref(false);\nconst isCurrentInputFocused = ref(false);\nconst wrapContent = ref(false);\n\nconst computedPlaceholder = computed(() => {\n  return parsedQuery.value !== null ? \"\" : props.placeholder;\n});\n\nconst invalidQueryReason = ref<string | null>(null);\nconst displayInvalidQuery = computed(() => {\n  return invalidQueryReason.value !== null && invalidQueryReason.value !== \"\" && !isCurrentInputFocused.value;\n});\n\nconst clearQuery = () => {\n  parsedQuery.value = null;\n  inputText.value = \"\";\n  invalidQueryReason.value = null;\n  wrapContent.value = false;\n};\n\nif (props.enableCustomOptionsInput) {\n  onKeyStroke(\n    \"Enter\",\n    () => {\n      if (inputText.value.trim()) {\n        handleAddSelfAddedOption();\n      }\n    },\n    { target: input },\n  );\n}\n\nconst handleAddSelfAddedOption = () => {\n  if (inputText.value.trim()) {\n    parsedQuery.value = addQueryOption(parsedQuery.value, {\n      id: inputText.value.trim(),\n      text: inputText.value,\n      queryTerm: {\n        queryText: inputText.value,\n      },\n    });\n    clearInputText();\n  }\n};\n\nconst availableOptions: ComputedRef<MenuOption<QueryTerm>[]> = computed(() => {\n  if (!queryOptions.value || queryOptions.value.length === 0) {\n    return [];\n  }\n  let filteredOptions = queryOptions.value;\n  // if the processor is field-only, filter out options without a queryField\n  if (props.processor === \"field-only\") {\n    filteredOptions = queryOptions.value.filter((option) => option.queryTerm?.queryField);\n  }\n  // filter out options that are already present in the current query\n  if (parsedQuery.value) {\n    filteredOptions = filteredOptions.filter((option) => !containsQueryOption(parsedQuery.value, option));\n  }\n  // append the input text to the option text for highlighting in the menu item\n  return filteredOptions.map((option) => {\n    const menuOption: MenuOption<QueryTerm> = {\n      id: option.id,\n      text: option.text,\n      icon: option.icon,\n      disabled: option.disabled,\n      searchText: inputText.value,\n      context: option.queryTerm,\n    };\n    return menuOption;\n  });\n});\n\n// Watch for changes in available options, input text, or loading state to ensure menu is displayed when typing.\nwatch(\n  [availableOptions, inputText, () => props.optionsLoading],\n  ([newOptions, newInputText, isLoading]) => {\n    // If user is typing and there are options to show OR loading, display the menu\n    if (newInputText && newInputText.length > 0 && (newOptions.length > 0 || isLoading)) {\n      displayOptions.value = true;\n    } else if (!newInputText || newInputText.length === 0) {\n      // Clear the menu if no input text\n      displayOptions.value = false;\n    }\n  },\n  { immediate: true },\n);\n\nconst handleClickOutside = () => {\n  if (props.enableCustomOptionsInput) {\n    handleAddSelfAddedOption();\n  }\n\n  displayOptions.value = false;\n  isCurrentInputFocused.value = false;\n  wrapContent.value = false;\n};\n\nconst handleOptionSelected = (option: MenuOption<QueryTerm>) => {\n  try {\n    const queryOption: QueryBuilderSuggestionMenuOption = {\n      id: option.id,\n      text: option.text,\n      queryTerm: option.context,\n      icon: option.icon,\n    };\n    parsedQuery.value = addQueryOption(parsedQuery.value, queryOption);\n    //clear input text after adding option\n    clearInputText();\n  } catch (error) {\n    console.error(\"Error adding query option:\", error);\n  } finally {\n    displayOptions.value = false;\n    isCurrentInputFocused.value = false;\n  }\n};\n\nfunction handleWrapperClick(event: MouseEvent) {\n  const target = event.target as HTMLElement;\n\n  // Don't interfere if clicking on a contenteditable element (QueryTerm)\n  if (target.isContentEditable || target.closest('[contenteditable=\"true\"]')) {\n    return;\n  }\n\n  // Don't interfere if clicking on buttons or other interactive elements\n  if (target.tagName === \"BUTTON\" || target.tagName === \"SVG\" || target.closest(\"button\")) {\n    return;\n  }\n\n  // Focus the main input for everything else\n  input.value?.focus();\n}\n\nfunction checkWrapperFocus(event: FocusEvent) {\n  if (event.type === \"focus\") {\n    isCurrentInputFocused.value = true;\n    displayOptions.value = true;\n  } else if (event.type === \"blur\") {\n    // Use setTimeout to allow other focus events to fire first\n    // setTimeout(() => {\n    //   // Check if any element inside the wrapper is currently focused\n    //   const wrapperEl = wrapper.value;\n    //   const activeElement = document.activeElement;\n    //   if (!wrapperEl || !wrapperEl.contains(activeElement)) {\n    //     isCurrentInputFocused.value = false;\n    //     displayOptions.value = false;\n    //   }\n    // }, 100);\n  }\n}\n\nconst clearInputText = () => {\n  inputText.value = \"\";\n};\n</script>\n\n<template>\n  <div\n    ref=\"query-builder-input\"\n    class=\"pv-relative pv-query-builder-input-wrapper\"\n    @focus=\"checkWrapperFocus\"\n    @click=\"handleWrapperClick\"\n    v-on-click-outside=\"handleClickOutside\"\n  >\n    <PvIcon v-if=\"!hideSearchIcon\" name=\"search\" />\n    <div\n      class=\"pv-flex pv-full-width pv-inset-inline pv-query-builder-input\"\n      style=\"--inset-size: 4px; --flex-gap: 4px\"\n      :style=\"enableWrapQueryTerms || wrapContent ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;'\"\n    >\n      <QueryFormatter\n        v-model=\"parsedQuery\"\n        v-model:wrap-content=\"wrapContent\"\n        :query-term-display-limit=\"queryTermDisplayLimit\"\n      ></QueryFormatter>\n      <input\n        v-model=\"inputText\"\n        ref=\"search-input\"\n        data-testid=\"pv-search-input\"\n        type=\"text\"\n        :disabled=\"disabled\"\n        :placeholder=\"computedPlaceholder\"\n        :data-invalid=\"displayInvalidQuery ? 'true' : undefined\"\n        @focus=\"checkWrapperFocus\"\n        @blur=\"checkWrapperFocus\"\n      />\n    </div>\n    <PvButton v-if=\"parsedQuery && !hideClearButton\" variant=\"ghost\" leftIcon=\"close\" size=\"md\" @click=\"clearQuery\" />\n    <p v-if=\"displayInvalidQuery\" class=\"pv-text-red pv-text-body-xs\">\n      {{ invalidQueryReason }}\n    </p>\n    <PvPopover\n      v-if=\"availableOptions.length > 0 || optionsLoading\"\n      :class=\"{ 'pv-hide': !displayOptions }\"\n      :css-custom-properties=\"{ width: '100%', maxWidth: '100%' }\"\n      :isList=\"true\"\n    >\n      <template v-if=\"!optionsLoading\">\n        <template v-for=\"(option, index) in availableOptions\" :key=\"`${index}-${option.searchText}`\">\n          <PvMenuItem v-bind=\"option\" @handleSelected=\"handleOptionSelected(option)\" :config=\"menuOptionConfig\" />\n        </template>\n      </template>\n      <template v-else>\n        <div class=\"pv-text-center\">\n          <PvSpinner variant=\"dark\" />\n        </div>\n      </template>\n    </PvPopover>\n  </div>\n</template>\n\n<style scoped>\n.pv-query-builder-input-wrapper {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  background: rgb(247, 248, 248);\n  padding: 0.25rem;\n  border-radius: 0.5rem;\n  border: 2px solid transparent;\n  font-size: 0.75rem;\n  min-height: 2.25rem;\n  cursor: text;\n}\n\n.pv-query-builder-input {\n  justify-content: start;\n  overflow-x: hidden;\n}\n\n.pv-query-builder-input-wrapper input {\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: 0.75rem;\n}\n\n.pv-query-builder-input-wrapper:focus-within {\n  border: 2px solid #36c5ba;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ComputedRef, ref, useTemplateRef, watch } from \"vue\";\nimport {\n  QueryBuilderOutput,\n  QueryBuilderProcessor,\n  QueryBuilderSuggestionMenuOption,\n  QueryTerm,\n  useQueryBuilder,\n} from \"@/components/base/PvQueryBuilderInput/useQueryBuilder\";\nimport PvPopover from \"@/components/base/PvPopover/PvPopover.vue\";\nimport PvIcon from \"@/components/base/PvIcon/PvIcon.vue\";\nimport PvMenuItem from \"@/components/base/PvMenu/items/PvMenuItem.vue\";\nimport { vOnClickOutside } from \"@vueuse/components\";\nimport QueryBuilderMenuOptionRenderer from \"@/components/base/PvQueryBuilderInput/QueryBuilderMenuOptionRenderer.vue\";\nimport QueryFormatter from \"@/components/base/PvQueryBuilderInput/QueryFormatter.vue\";\nimport type { MenuOption } from \"@/types\";\nimport PvButton from \"@/components/base/PvButton/PvButton.vue\";\nimport PvSpinner from \"@/components/base/PvSpinner/PvSpinner.vue\";\nimport { onKeyStroke } from \"@vueuse/core\";\n\nexport interface PvQueryBuilderInputProps {\n  /**\n   * Placeholder text shown in the input when no query is active.\n   */\n  placeholder?: string;\n  /**\n   * When true, the input is non-interactive and visually dimmed.\n   */\n  disabled?: boolean;\n  /** When true, displays a keyboard shortcut badge next to the input. */\n  displayShortcut?: boolean;\n  /**\n   * Determines how user input is parsed into structured query terms.\n   * - `'full'`: free-text and field-based queries.\n   * - `'field-only'`: only options with a queryField are shown.\n   */\n  processor?: QueryBuilderProcessor;\n  /**\n   * When true, shows a loading spinner in the suggestion dropdown.\n   */\n  optionsLoading?: boolean;\n  /**\n   * When true, users can press Enter to add free-text terms without selecting a suggestion.\n   */\n  enableCustomOptionsInput?: boolean;\n  /**\n   * When true, hides the search icon on the left side of the input.\n   */\n  hideSearchIcon?: boolean;\n  /**\n   * When true, hides the clear button that resets the query.\n   */\n  hideClearButton?: boolean;\n  /**\n   * Maximum number of query term pills to display before collapsing.\n   */\n  queryTermDisplayLimit?: number;\n  /**\n   * When true, query term pills wrap to the next line instead of scrolling horizontally.\n   */\n  enableWrapQueryTerms?: boolean;\n}\n\nconst props = withDefaults(defineProps<PvQueryBuilderInputProps>(), {\n  placeholder: \"Search\",\n  disabled: false,\n  processor: \"full\",\n  optionsLoading: false,\n  enableCustomOptionsInput: false,\n  hideSearchIcon: false,\n  hideClearButton: false,\n  queryTermDisplayLimit: 3,\n  enableWrapQueryTerms: false,\n});\n\nconst menuOptionConfig = {\n  renderer: QueryBuilderMenuOptionRenderer,\n};\n\n// const wrapper = useTemplateRef<HTMLDivElement | null>(\"query-builder-input\");\nconst input = useTemplateRef<HTMLInputElement | null>(\"search-input\");\nconst inputText = defineModel<string>(\"searchText\", { required: false, default: \"\" });\nconst parsedQuery = defineModel<QueryBuilderOutput | null>(\"query\", { required: true });\nconst queryOptions = defineModel<QueryBuilderSuggestionMenuOption[]>(\"options\", {\n  required: false,\n});\nconst { addQueryOption, containsQueryOption } = useQueryBuilder();\nconst displayOptions = ref(false);\nconst isCurrentInputFocused = ref(false);\nconst wrapContent = ref(false);\n\nconst computedPlaceholder = computed(() => {\n  return parsedQuery.value !== null ? \"\" : props.placeholder;\n});\n\nconst invalidQueryReason = ref<string | null>(null);\nconst displayInvalidQuery = computed(() => {\n  return invalidQueryReason.value !== null && invalidQueryReason.value !== \"\" && !isCurrentInputFocused.value;\n});\n\nconst clearQuery = () => {\n  parsedQuery.value = null;\n  inputText.value = \"\";\n  invalidQueryReason.value = null;\n  wrapContent.value = false;\n};\n\nif (props.enableCustomOptionsInput) {\n  onKeyStroke(\n    \"Enter\",\n    () => {\n      if (inputText.value.trim()) {\n        handleAddSelfAddedOption();\n      }\n    },\n    { target: input },\n  );\n}\n\nconst handleAddSelfAddedOption = () => {\n  if (inputText.value.trim()) {\n    parsedQuery.value = addQueryOption(parsedQuery.value, {\n      id: inputText.value.trim(),\n      text: inputText.value,\n      queryTerm: {\n        queryText: inputText.value,\n      },\n    });\n    clearInputText();\n  }\n};\n\nconst availableOptions: ComputedRef<MenuOption<QueryTerm>[]> = computed(() => {\n  if (!queryOptions.value || queryOptions.value.length === 0) {\n    return [];\n  }\n  let filteredOptions = queryOptions.value;\n  // if the processor is field-only, filter out options without a queryField\n  if (props.processor === \"field-only\") {\n    filteredOptions = queryOptions.value.filter((option) => option.queryTerm?.queryField);\n  }\n  // filter out options that are already present in the current query\n  if (parsedQuery.value) {\n    filteredOptions = filteredOptions.filter((option) => !containsQueryOption(parsedQuery.value, option));\n  }\n  // append the input text to the option text for highlighting in the menu item\n  return filteredOptions.map((option) => {\n    const menuOption: MenuOption<QueryTerm> = {\n      id: option.id,\n      text: option.text,\n      icon: option.icon,\n      disabled: option.disabled,\n      searchText: inputText.value,\n      context: option.queryTerm,\n    };\n    return menuOption;\n  });\n});\n\n// Watch for changes in available options, input text, or loading state to ensure menu is displayed when typing.\nwatch(\n  [availableOptions, inputText, () => props.optionsLoading],\n  ([newOptions, newInputText, isLoading]) => {\n    // If user is typing and there are options to show OR loading, display the menu\n    if (newInputText && newInputText.length > 0 && (newOptions.length > 0 || isLoading)) {\n      displayOptions.value = true;\n    } else if (!newInputText || newInputText.length === 0) {\n      // Clear the menu if no input text\n      displayOptions.value = false;\n    }\n  },\n  { immediate: true },\n);\n\nconst handleClickOutside = () => {\n  if (props.enableCustomOptionsInput) {\n    handleAddSelfAddedOption();\n  }\n\n  displayOptions.value = false;\n  isCurrentInputFocused.value = false;\n  wrapContent.value = false;\n};\n\nconst handleOptionSelected = (option: MenuOption<QueryTerm>) => {\n  try {\n    const queryOption: QueryBuilderSuggestionMenuOption = {\n      id: option.id,\n      text: option.text,\n      queryTerm: option.context,\n      icon: option.icon,\n    };\n    parsedQuery.value = addQueryOption(parsedQuery.value, queryOption);\n    //clear input text after adding option\n    clearInputText();\n  } catch (error) {\n    console.error(\"Error adding query option:\", error);\n  } finally {\n    displayOptions.value = false;\n    isCurrentInputFocused.value = false;\n  }\n};\n\nfunction handleWrapperClick(event: MouseEvent) {\n  const target = event.target as HTMLElement;\n\n  // Don't interfere if clicking on a contenteditable element (QueryTerm)\n  if (target.isContentEditable || target.closest('[contenteditable=\"true\"]')) {\n    return;\n  }\n\n  // Don't interfere if clicking on buttons or other interactive elements\n  if (target.tagName === \"BUTTON\" || target.tagName === \"SVG\" || target.closest(\"button\")) {\n    return;\n  }\n\n  // Focus the main input for everything else\n  input.value?.focus();\n}\n\nfunction checkWrapperFocus(event: FocusEvent) {\n  if (event.type === \"focus\") {\n    isCurrentInputFocused.value = true;\n    displayOptions.value = true;\n  } else if (event.type === \"blur\") {\n    // Use setTimeout to allow other focus events to fire first\n    // setTimeout(() => {\n    //   // Check if any element inside the wrapper is currently focused\n    //   const wrapperEl = wrapper.value;\n    //   const activeElement = document.activeElement;\n    //   if (!wrapperEl || !wrapperEl.contains(activeElement)) {\n    //     isCurrentInputFocused.value = false;\n    //     displayOptions.value = false;\n    //   }\n    // }, 100);\n  }\n}\n\nconst clearInputText = () => {\n  inputText.value = \"\";\n};\n</script>\n\n<template>\n  <div\n    ref=\"query-builder-input\"\n    class=\"pv-relative pv-query-builder-input-wrapper\"\n    @focus=\"checkWrapperFocus\"\n    @click=\"handleWrapperClick\"\n    v-on-click-outside=\"handleClickOutside\"\n  >\n    <PvIcon v-if=\"!hideSearchIcon\" name=\"search\" />\n    <div\n      class=\"pv-flex pv-full-width pv-inset-inline pv-query-builder-input\"\n      style=\"--inset-size: 4px; --flex-gap: 4px\"\n      :style=\"enableWrapQueryTerms || wrapContent ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;'\"\n    >\n      <QueryFormatter\n        v-model=\"parsedQuery\"\n        v-model:wrap-content=\"wrapContent\"\n        :query-term-display-limit=\"queryTermDisplayLimit\"\n      ></QueryFormatter>\n      <input\n        v-model=\"inputText\"\n        ref=\"search-input\"\n        data-testid=\"pv-search-input\"\n        type=\"text\"\n        :disabled=\"disabled\"\n        :placeholder=\"computedPlaceholder\"\n        :data-invalid=\"displayInvalidQuery ? 'true' : undefined\"\n        @focus=\"checkWrapperFocus\"\n        @blur=\"checkWrapperFocus\"\n      />\n    </div>\n    <PvButton v-if=\"parsedQuery && !hideClearButton\" variant=\"ghost\" leftIcon=\"close\" size=\"md\" @click=\"clearQuery\" />\n    <p v-if=\"displayInvalidQuery\" class=\"pv-text-red pv-text-body-xs\">\n      {{ invalidQueryReason }}\n    </p>\n    <PvPopover\n      v-if=\"availableOptions.length > 0 || optionsLoading\"\n      :class=\"{ 'pv-hide': !displayOptions }\"\n      :css-custom-properties=\"{ width: '100%', maxWidth: '100%' }\"\n      :isList=\"true\"\n    >\n      <template v-if=\"!optionsLoading\">\n        <template v-for=\"(option, index) in availableOptions\" :key=\"`${index}-${option.searchText}`\">\n          <PvMenuItem v-bind=\"option\" @handleSelected=\"handleOptionSelected(option)\" :config=\"menuOptionConfig\" />\n        </template>\n      </template>\n      <template v-else>\n        <div class=\"pv-text-center\">\n          <PvSpinner variant=\"dark\" />\n        </div>\n      </template>\n    </PvPopover>\n  </div>\n</template>\n\n<style scoped>\n.pv-query-builder-input-wrapper {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  background: rgb(247, 248, 248);\n  padding: 0.25rem;\n  border-radius: 0.5rem;\n  border: 2px solid transparent;\n  font-size: 0.75rem;\n  min-height: 2.25rem;\n  cursor: text;\n}\n\n.pv-query-builder-input {\n  justify-content: start;\n  overflow-x: hidden;\n}\n\n.pv-query-builder-input-wrapper input {\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: 0.75rem;\n}\n\n.pv-query-builder-input-wrapper:focus-within {\n  border: 2px solid #36c5ba;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, useId } from \"vue\";\n\nconst range = defineModel<number>({ required: true });\n\nwithDefaults(\n  defineProps<{\n    /** Minimum value of the range slider */\n    min?: number;\n    /** Maximum value of the range slider */\n    max?: number;\n    /** Step increment between values */\n    step?: number;\n    /** Accessible name for the range slider */\n    ariaLabel?: string;\n  }>(),\n  {\n    min: 0,\n    max: 100,\n    step: 1,\n  },\n);\n\nconst id = useId();\n\nconst rangeStyle = computed(() => {\n  return {\n    \"--value\": `${range.value}%`,\n  };\n});\n</script>\n\n<template>\n  <input\n    v-model.number=\"range\"\n    class=\"pv-range\"\n    type=\"range\"\n    :id=\"id\"\n    :aria-label=\"ariaLabel\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :style=\"rangeStyle\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from \"vue\";\n\nconst range = defineModel<number>({ required: true });\n\nwithDefaults(\n  defineProps<{\n    /** Minimum value of the range slider */\n    min?: number;\n    /** Maximum value of the range slider */\n    max?: number;\n    /** Step increment between values */\n    step?: number;\n    /** Accessible name for the range slider */\n    ariaLabel?: string;\n  }>(),\n  {\n    min: 0,\n    max: 100,\n    step: 1,\n  },\n);\n\nconst id = useId();\n\nconst rangeStyle = computed(() => {\n  return {\n    \"--value\": `${range.value}%`,\n  };\n});\n</script>\n\n<template>\n  <input\n    v-model.number=\"range\"\n    class=\"pv-range\"\n    type=\"range\"\n    :id=\"id\"\n    :aria-label=\"ariaLabel\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :style=\"rangeStyle\"\n  />\n</template>\n","import Aura from \"@primeuix/themes/aura\";\n\nexport const PvComponentsConfig = {\n  theme: {\n    preset: Aura,\n    options: {\n      darkModeSelector: false || \"none\",\n      cssLayer: {\n        name: \"primevue\",\n        order: \"pit-viper-v2, primevue\",\n      },\n    },\n  },\n};\n","import { PrimeVue } from \"@primevue/core\";\nimport { App } from \"vue\";\nimport { PvComponentsConfig } from \"./primeVue.config.ts\";\n\nexport const usePvComponents = (app: App<Element>) => {\n  app.use(PrimeVue, PvComponentsConfig);\n};\n"],"x_google_ignoreList":[30,31,32,33,34,35],"mappings":"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"}