platform/packages/ui/src/components/Component.svelte
Andrey Sobolev 821e9ebece
Fix webpack build conflicts (#985)
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
2022-02-09 10:08:09 +01:00

47 lines
1.4 KiB
Svelte

<!--
// Copyright © 2020 Anticrm Platform Contributors.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
import { getResource } from '@anticrm/platform'
import type { AnyComponent } from '../types'
// import Icon from './Icon.svelte'
import Loading from './Loading.svelte'
import ErrorBoundary from './internal/ErrorBoundary'
import ErrorPresenter from './ErrorPresenter.svelte'
export let is: AnyComponent
export let props = {}
$: component = (is != null) ? getResource(is) : Promise.reject(new Error('is not defined'))
</script>
{#if is}
{#await component}
<Loading/>
{:then Ctor}
<ErrorBoundary>
<Ctor {...props} on:change on:close on:open on:click on:delete>
<slot />
</Ctor>
</ErrorBoundary>
{:catch err}
<pre style='max-height: 140px; overflow: auto;'>
<ErrorPresenter error={err}/>
</pre>
<!-- <Icon icon={ui.icon.Error} size="32" /> -->
{/await}
{/if}