All files / projects-dev/libs/ui/button/src button.svelte

100% Statements 25/25
0% Branches 0/2
0% Functions 0/1
100% Lines 25/25

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 261x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x  
<svelte:options customElement="jga-ui-button" immutable="{true}" />
 
<style lang="scss">
    @import "./style";
</style>
 
<script lang="ts">
    import { createEventDispatcher } from "svelte";
 
    // eslint-disable-next-line import/no-mutable-exports
    export let label = "";
    // eslint-disable-next-line import/no-mutable-exports
    export let color = "primary";
 
    let buttonElement: HTMLElement;
    const dispatch = createEventDispatcher();
 
    const notify = () => {
        dispatch("buttonClicked", buttonElement);
    };
</script>
 
<button class="{color}" bind:this="{buttonElement}" on:click="{() => notify()}">
    {label}
</button>