Releases · StackExchange/Stacks

27 Oct 09:42

stacks-tooling

@stackoverflow/[email protected]

58dbcd9

@stackoverflow/[email protected] Latest

Latest

Minor Changes

#2018 9cfbe19 Thanks @giamir! - Migrate Pagination components to use Svelte 5 runes API.

BREAKING CHANGES:
- PaginationItem: on:click event forwarding is replaced by onclick callback prop.
- PaginationController: on:pagechange event is replaced by onpagechange callback prop with simplified signature. Previously the event passed { detail: pageNumber }, now the callback directly receives the page number as the argument: onpagechange(pageNumber).
  
  Migration example:
```

<PaginationController on:pagechange={(e) => handlePageChange(e.detail)} />


<PaginationController
    onpagechange={(pageNumber) => handlePageChange(pageNumber)}
/>
```

#2016 6712bc2 Thanks @giamir! - Migrate Popover, PopoverReference, PopoverContent, and PopoverCloseButton components to use Svelte 5 runes API

BREAKING CHANGES:

Popover component:

Slot props (let:visible, let:open, let:close) are not available anymore. Snippet parameters should be used instead: {#snippet children({ visible, open, close })}...{/snippet}
on:open and on:close events are not available anymore. The new callback props should be used instead: onopen, onclose.

PopoverCloseButton component:

on:click event forwarding is not available anymore. The new callback prop should be used instead: onclick.

Migration examples:

<!-- Before (Svelte 4 API) -->
<Popover
    id="my-popover"
    on:open={() => console.log("opened")}
    on:close={() => console.log("closed")}
    let:visible
    let:close
>
    <PopoverReference>
        <button>Trigger</button>
    </PopoverReference>
    <PopoverContent>
        <p>Content here</p>
        <PopoverCloseButton on:click={handleClick} />
    </PopoverContent>
    <p>Visible: {visible}</p>
</Popover>

<!-- After (Svelte 5 API) -->
<Popover
    id="my-popover"
    onopen={() => console.log("opened")}
    onclose={() => console.log("closed")}
>
    {#snippet children({ visible, close })}
        <PopoverReference>
            <button>Trigger</button>
        </PopoverReference>
        <PopoverContent>
            <p>Content here</p>
            <PopoverCloseButton onclick={handleClick} />
        </PopoverContent>
        <p>Visible: {visible}</p>
    {/snippet}
</Popover>

#2017 067d647 Thanks @giamir! - Migrate Modal component to use Svelte 5 runes API.

BREAKING CHANGES:
- Named slots (header, body, footer) are replaced by snippet props. Use {#snippet header()}...{/snippet} instead of <svelte:fragment slot="header">...</svelte:fragment>.
- on:close event is replaced by onclose callback prop.

Assets 2

14 Oct 11:43

stacks-tooling

@stackoverflow/[email protected]

b686c1d

@stackoverflow/[email protected]

Patch Changes

#2005 b5ca551 Thanks @giamir! - Migrate Select and SelectItem components to use Svelte 5 runes API

BREAKING CHANGES:
- message and description slotted content are not available anymore. message and description snippets should be used instead.
- on:change on:focus and on:blur are not available anymore. The new callback props should be used instead: onchange, onfocus, onblur.