Svelte

No config needed. Svelte assigns properties for non-primitive values and on:import-applied maps straight to the element’s CustomEvent.

<script lang="ts">
  import { onMount } from 'svelte';
  import { defineImportSuiteElement, type AppliedDetail } from '@capitality-io/mildport-widget';

  export let licenseKey: string;

  const targets = [
    {
      id: 'contact',
      label: 'Contact',
      fields: [{ key: 'person.email', label: 'Email', required: true, columnType: 'email' }],
    },
  ];

  onMount(() => {
    void defineImportSuiteElement();
  });

  function onApplied(e: CustomEvent<AppliedDetail>) {
    console.log(e.detail.recordId);
  }
</script>

<mildport-import
  api-base-url="https://imports.your-infra.example"
  license-key={licenseKey}
  targets={targets}
  on:import-applied={onApplied}
/>

Svelte 5 behaves the same — object props like targets={targets} are assigned as properties.

Vite linker

Non-Angular Vite apps need the Analog Angular linker once — see Install.

Siguiente: Configurar · Eventos · todos los frameworks