Bootstrap components build with Typescript
MIT License
Bot releases are hidden (Show)
Published by thednp over 7 years ago
Published by thednp over 7 years ago
This is a major release that could break backward compatibility (especially for those who rely heavily on JavaScript) as we have renamed some methods, completely revamped components, added more utilities, added original events, improved performance along with other cosmetic changes.
This is a transition version to prepare for a future version aimed at Bootstrap 4. It introduces a dedicated 4kb polyfill for legacy browsers, along with the recommended minifill.js and polyfill.io service.
Utilities
on()
, off()
bootstrapCustomEvents()
https://github.com/thednp/bootstrap.native/pull/81#issuecomment-264433569
initializeDataAPI
utilityqueryElement()
utilityhasClass()
utility as suggested https://github.com/thednp/bootstrap.native/issues/98#issuecomment-268359986 , but implemented with classList
getClosest()
utility and now can be used by other components as well, like AlertstylePopover()
and styleTooltip()
are now one common utility called styleTip()
Alert
data-dismiss="alert"
attribute in order to work, for both DATA API usage and JavaScriptdocument
object, but the element with data-dismiss="alert"
attributeclose()
Affix
update()
Dropdown
persist: true/false
option or data-persist="true"
attributeevent.preventDefault()
toggle()
Button
bs.change.button
to change.bs.button
Tab
data-height="true"
and the CSS from Collapse componentisAnimating
private boolean
Modal
.modal
via DATA API, but on [data-toggle="modal"]
elements, while via JavaScript we initialize on a triggering element, also not a modal<div class="modal">
object stores the triggering button reference in modal.modalTrigger
, and this updates everytime you open a modal by clicking a different trigger button.open()
to .show()
and .close()
to .hide()
.toggle()
methodCollapse
isAnimating
to prevent clickopen()
to show()
and close()
to hide()
methodsCarousel
isSliding
to prevent click handlers from_slideTo()
to slideTo()
and _getActiveIndex()
to getActiveIndex()
methodsrelatedTarget
like the original plugindirection
in the initialization and gets updated on every instance of slideTo()
Popover
dismiss
to dismissible
Tooltip
ScrollSpy
All Components
this
instance, much more readable code, now the library is only ~20Kb minified instead of 38KbPublished by thednp almost 8 years ago
Published by thednp about 8 years ago
All thanks to @RyanZim's PR https://github.com/thednp/bootstrap.native/pull/80
Thanks Ryan
Published by thednp about 8 years ago
Published by thednp about 8 years ago
Dropdown
dropdown-menu
Collapse
aria
attribute
Carousel
Modal
Documentation
Published by thednp over 8 years ago
blur
handler on SafariEsc
for Dropdowndblclick
webkit-transition
for .collapse
Published by thednp over 8 years ago
Small issue fixed with dropdown inside tabs https://github.com/thednp/bootstrap.native/pull/40
Published by thednp almost 9 years ago
slideToggle
Published by thednp about 9 years ago
classList
dependencyresize
handlers on IE8, so that it should really be usableclick
and resize
addClass
/ removeClass
utility functions for the Button, ScrollSpy and Tab, modern browsers really need & work with classList
change
event to bs.button.change
, it works better than the native change
CustomEvent
found, script should still work without element does not support that property
errorPublished by thednp about 9 years ago
Published by thednp over 9 years ago
Thanks to IngwiePhoenix we now have support to all modern stuff, changelog and details
Thank you. CDN is comming soon :)
Published by thednp over 9 years ago
Published by thednp over 9 years ago
Published by thednp over 9 years ago
Changes:
Published by thednp over 9 years ago
Now modal works perfect.
Published by thednp over 9 years ago
Small issue with Modal fixed.