@citizenplane/pimp 9.1.7 → 9.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citizenplane/pimp",
3
- "version": "9.1.7",
3
+ "version": "9.1.8",
4
4
  "scripts": {
5
5
  "dev": "storybook dev -p 8080",
6
6
  "build-storybook": "storybook build --output-dir ./docs",
@@ -22,6 +22,8 @@
22
22
  @update:model-value="handleUpdateModelValue"
23
23
  @complete="handleSearch"
24
24
  @keydown.esc.stop
25
+ @show="handleOverlayShown"
26
+ @hide="handleOverlayHidden"
25
27
  >
26
28
  <template #empty>
27
29
  <slot name="empty">
@@ -77,6 +79,8 @@ interface Emits {
77
79
  (e: 'search', query: string): void
78
80
  (e: 'clear'): void
79
81
  (e: 'update:modelValue', value: Record<string, unknown> | Record<string, unknown>[] | null): void
82
+ (e: 'overlayShown'): void
83
+ (e: 'overlayHidden'): void
80
84
  }
81
85
 
82
86
  interface Props {
@@ -165,6 +169,8 @@ const displayClearButton = computed(() => {
165
169
 
166
170
  const handleSearch = (event: { query: string }) => emit('search', event.query)
167
171
  const handleClear = () => (selectModel.value = null)
172
+ const handleOverlayShown = () => emit('overlayShown')
173
+ const handleOverlayHidden = () => emit('overlayHidden')
168
174
 
169
175
  const toggleDropdown = () => {
170
176
  if (isDropdownOpen.value) {