sveltestrap

Updates to deps and audit fixes.

This release corrects types for Accordion, and exposes the Button inner element.

This release adds support for binding to Input inner element (#298), and improves Toast by add autohide and delay props for auto-dismissing, adds on:opening|open|closing|close events, and body and header shorthand (#300)

This release corrects Tooltip:

• Adds support for focus and blur events
• Removes event listeners on destroy
• Correct accessibility

This release updates Accordion to add missing flush and stayOpen props.

This release corrects #286

Removed from Bootstrap 5, but adding equivalent component using Bootstrap utility classes for backwards compatibility.

Add new Styles component for easier styling in simple use cases.
(Technically a semver addition, but mistakenly left out of 5.0.0 release.)

Sveltestrap v5.0.0 brings support for Bootstrap 5!
https://blog.getbootstrap.com/2021/05/05/bootstrap-5/
https://getbootstrap.com/docs/5.0/migration/

Breaking changes from Sveltestrap v4.x:

• You must use Bootstrap 5.x CSS - If your app uses Bootstrap 4.x you must use Sveltestrap v4
• CustomInputs are removed - Bootstrap 5 styles all inputs now, use Input as replacement.
• Removed Jumbotron, Media components use Bootstrap CSS utils as replacement.
• Remove Uncontrolled* components, stateful logic has been moved to their base components as replacement.
• TabContent and TabPane have been reworked to manage tab state internally.
• Removed node 10 support (should work, just no longer testing)

New Components:

• Accordion
• Offcanvas
• Fullscreen Modals
• Dark DropdownMenu, Carousel

Popper 2 has been added and Dropdown now use Popper.

This release adds Table Column support for easier table creation

<Table rows={ROWS} let:row>
  <Column header="First Name" width="8rem">
    {row.first}
  </Column>
  <Column header="Last Name" width="8rem">
    {row.last}
  </Column>
  <Column header="Email">
    {row.email}
  </Column>
  <Column header="Birthdate" width="10rem" class="text-right">
    {row.dob.toDateString()}
  </Column>
</Table>

This also includes improved TypeScript types using official Svelte base class.

This release adds the header prop to Modal, which lets you create simple Modals without needing to add ModalHeader and ModalBody.

Corrects #262

Major version release due to some potentially breaking changes:

• Icon now requires apps to include bootstrap-icon CSS from CDN or self-hosted.
• Update minimum svelte version to 3.29 for {#key} usage
• Uncontrolled Alert/Collapse/Dropdown/Fade/ButtonDropdown are now deprecated with functionality moved into base components.
• Modal external render location was moved/corrected.
• Popover, Tooltip, Modal now append to body by default
• node 10 is unsupported (untested)

Additions:

• Modal body prop for easier usage.
• Popover, Tooltip, Modal now append to body by default or can be inline with new container prop.
• node 16 is supported/tested

This release corrects Tooltips and Popovers issue with popperjs imports (#250).
Also corrects issue with Dropdown handlers not being removed when destroyed (#249)

Removes lodash dependency for better Sveltekit support

Reverts Modal body rendering changes mistakenly introduced in v3 codebase

This release adds support for the Row cols prop: https://getbootstrap.com/docs/4.6/layout/grid/#row-columns

Thanks @ladeiko for the addition.

This release corrects missing TypeScript definitions for Icon, Popover, Tooltip, & UncontrolledFade

Rename Popover dismissible prop to dismissible.

This release adds Icon component for embedding Bootstrap Icons.

Also Popover now supports dismissable prop for click-outside support.