mirror of
https://github.com/hcengineering/platform.git
synced 2025-02-08 11:57:43 +00:00
29 lines
910 B
Svelte
29 lines
910 B
Svelte
<script lang="ts">
|
|
import { Employee } from '@hcengineering/contact'
|
|
import { Ref } from '@hcengineering/core'
|
|
import type { ButtonKind, ButtonSize } from '@hcengineering/ui'
|
|
import { IntlString } from '@hcengineering/platform'
|
|
import UserBoxList from './UserBoxList.svelte'
|
|
|
|
export let label: IntlString
|
|
export let value: Ref<Employee>[]
|
|
export let onChange: (refs: Ref<Employee>[]) => void
|
|
export let readonly = false
|
|
|
|
export let kind: ButtonKind = 'link'
|
|
export let size: ButtonSize = 'medium'
|
|
export let width: string | undefined = '100%'
|
|
export let justify: 'left' | 'center' = 'left'
|
|
|
|
let timer: any
|
|
|
|
function onUpdate (evt: CustomEvent<Ref<Employee>[]>): void {
|
|
clearTimeout(timer)
|
|
timer = setTimeout(() => {
|
|
onChange(evt.detail)
|
|
}, 500)
|
|
}
|
|
</script>
|
|
|
|
<UserBoxList items={value} {label} on:update={onUpdate} {kind} {size} {justify} {width} {readonly} />
|