A tooltip with a new approach (#2172)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

plugins/devmodel-resources/src/components/ModelView.svelte

@@ -16,7 +16,7 @@
 <script lang="ts">
   import core, { Doc, TxCUD } from '@anticrm/core'
   import { createQuery } from '@anticrm/presentation'
-  import { ScrollBox, Tooltip } from '@anticrm/ui'
+  import { ScrollBox, tooltip } from '@anticrm/ui'
   import { toIntl } from '..'
   import ContentPopup from './ContentPopup.svelte'
 
@@ -49,7 +49,9 @@
             <td>{tx.objectId}</td>
             <td>{tx.objectClass}</td>
             <td>
-              <Tooltip label={toIntl('Content')} component={ContentPopup} props={{ content: tx }}>Content</Tooltip>
+              <span use:tooltip={{ label: toIntl('Content'), component: ContentPopup, props: { content: tx } }}>
+                Content
+              </span>
             </td>
           </tr>
         {/each}

plugins/devmodel-resources/src/components/QueryView.svelte

@@ -14,7 +14,7 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { ScrollBox, Tooltip } from '@anticrm/ui'
+  import { ScrollBox, tooltip } from '@anticrm/ui'
   import ActionIcon from '@anticrm/ui/src/components/ActionIcon.svelte'
   import view from '@anticrm/view'
   import { queries, toIntl } from '..'
@@ -44,9 +44,9 @@
             <td>{JSON.stringify(q.options ?? {})}</td>
             <td>{q.result.length}</td>
             <td>
-              <Tooltip label={toIntl('Content')} component={ContentPopup} props={{ content: q.result }}>
+              <span use:tooltip={{ label: toIntl('Content'), component: ContentPopup, props: { content: q.result } }}>
                 Results
-              </Tooltip>
+              </span>
             </td>
             <td>
               <ActionIcon