bootstrap.native

Bootstrap components build with Typescript

MIT License

Downloads
975.7K
Stars
1.7K
Committers
42

Bot releases are hidden (Show)

bootstrap.native - A minor improvement and docs update

Published by thednp over 7 years ago

bootstrap.native - Major release with important changes and NEW features

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

Alert

  • now requires data-dismiss="alert" attribute in order to work, for both DATA API usage and JavaScript
  • the event handler is no longer attached to the document object, but the element with data-dismiss="alert" attribute
  • now the component exposes a single public method close()

Affix

  • if the offset options are set as functions, they are executed on update instead of only at the time of initialization
  • renamed most methods and now we expose a single public method update()
  • major code cleanup and performance improvements

Dropdown

  • added ability to keep the dropdown-menu open via persist: true/false option or data-persist="true" attribute
  • if the trigger is a link, it will event.preventDefault()
  • now the component exposes a single public method toggle()

Button

  • events renamed from bs.change.button to change.bs.button
  • events no longer trigger twice
  • now the component exposes no public method

Tab

  • now can animate height as well via data-height="true" and the CSS from Collapse component
  • because the above, the handler is protected by a isAnimating private boolean

Modal

  • no longer initialize on .modal via DATA API, but on [data-toggle="modal"] elements, while via JavaScript we initialize on a triggering element, also not a modal
  • no longer resizes the backdrop, seems it's not needed
  • the <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
  • renamed methods from .open() to .show() and .close() to .hide()
  • added .toggle() method
  • reworked event handlers, solving https://github.com/thednp/bootstrap.native/issues/98

Collapse

  • reworked event handlers, they are not removed and readded anymore, we now have a local variable isAnimating to prevent click
  • renamed open() to show() and close() to hide() methods
  • triggering elements no longer target collapsible elements via class name, only parent accordion
  • some code improvements and major cleanup

Carousel

  • reworked event handlers, they are not removed and readded anymore, we now have a local variable isSliding to prevent click handlers from
  • renamed _slideTo() to slideTo() and _getActiveIndex() to getActiveIndex() methods
  • if no active item is found on initialization, the first carousel item (with the 0 [zero] index) will be made active
  • events also point the relatedTarget like the original plugin
  • the component also stores the direction in the initialization and gets updated on every instance of slideTo()

Popover

  • renamed Popover option dismiss to dismissible
  • renamed methods and only exposing 3 main public methods

Tooltip

  • renamed methods and only exposing 3 main public methods

ScrollSpy

  • reworked all about the component, now the JavaScript initialization should work as expected
  • major performance improvements, the component now should be one of the fastest of it's kind
  • fixed non-window overflowing elements active state processing, now the component will handle level 1 nested containers

All Components

  • added original events to all components
  • major code clean up in all components: total separation of public methods and private methods, removed alot of stuff from each component's this instance, much more readable code, now the library is only ~20Kb minified instead of 38Kb
  • major documentation re-write: added methods, more usage and added events usage guides
bootstrap.native - New build script and new code structure

Published by thednp about 8 years ago

All thanks to @RyanZim's PR https://github.com/thednp/bootstrap.native/pull/80

Thanks Ryan

bootstrap.native - Minor fix for Carousel

Published by thednp about 8 years ago

bootstrap.native - Improvements, cleanups and fixes

Published by thednp about 8 years ago

Dropdown

  • the trigger can be a level 2 element
  • the script now supports forms inside dropdown-menu
  • made methods to be easily accessed
  • now the script supports nested dropdowns

Collapse

Carousel

Modal

Documentation

  • typo issue with Button script
  • added CDNJS link
  • added demos for nested dropdowns and forms in dropdown
bootstrap.native - Fixes for Safari and other improvements

Published by thednp over 8 years ago

  • Fixed mouse events for Tooltip and Popover on Safari
  • Fixed Dropdown blur handler on Safari
  • Added dismiss on Esc for Dropdown
  • Dropdown can now handle later added dropdowns
  • Improvement for Collapse, now it should not bubble on dblclick
  • Fixed demo for Collapse, it seems we don't need prefixed webkit-transition for .collapse
  • Updated docs
bootstrap.native - Minor fix with Tab script

Published by thednp over 8 years ago

Small issue fixed with dropdown inside tabs https://github.com/thednp/bootstrap.native/pull/40

bootstrap.native - Major improvements for Modal / Collapse components + other small improvements

Published by thednp almost 9 years ago

Improvements

  • change Modal prototype for easier function binding
  • added addClass/removeClass utility functions to Modal
  • Modal can now handle the overflow just like the original plugin
  • Collapse no longer works with resize handlers, it just works exactly like jQuery's slideToggle
  • Make options optional https://github.com/thednp/bootstrap.native/issues/22

Issues:

bootstrap.native - Some fixes and improvements

Published by thednp about 9 years ago

  • Removed classList dependency
  • Removed (Collapse, Modal) or minimized (Affix, ScrollSpy) the effect of resize handlers on IE8, so that it should really be usable
  • Replaced the synthax highlighter for the demo with PRISM
  • Included a CSS "polyfill" for Bootstrap 3 to render normal layout on IE8 without respond.js
  • Fixed the Collapse resize handlers for both click and resize
  • Added some addClass / removeClass utility functions for the Button, ScrollSpy and Tab, modern browsers really need & work with classList
  • fixed Collapse overflow and other code improvements
  • changed Button's change event to bs.button.change, it works better than the native change
  • minor Carousel improvements, if no CustomEvent found, script should still work without element does not support that property error
  • minor change to Scrollspy
  • Demo features minifill, a 5k polyfill for IE9-
  • Improved/updated demo
  • Documentation updates
bootstrap.native - Minor fixes and improvements

Published by thednp about 9 years ago

  • Added dismissible popovers feature
  • Fixed some small issues with Button and child elements
  • Fixed the Collapse overflow issue caused by a setTimeout, the update function
  • All modules reworked for lesser polyfill requirements - replaced forEach with for
  • documentation updates
bootstrap.native - Added Bower/npm/RequireJS/CommonJS

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 :)

bootstrap.native - Two quick fixes for Button and Modal

Published by thednp over 9 years ago

bootstrap.native - Minor fix and improvement merged recently

Published by thednp over 9 years ago

Changes:

bootstrap.native - Fixed bubble with Modal

Published by thednp over 9 years ago

Now modal works perfect.

bootstrap.native - Updated to Bootstrap 3.3.4

Published by thednp over 9 years ago

Small issue with Modal fixed.