Highlights

• Updated the package.json file for security vulnerabilities.
• Updated the URL in component examples.
• Removed bootstrap css from the dist folder.

Highlights

• Updated the link issue of "Visit Propeller" in README.md file
• Updated path of "Clone the repo" in README.md file
• Updated the url of "Propeller Guidelines" in README.md file
• Updated the package.json file for the SCSS compilations
• Added the SCSS compiler task with auto watch (grunt dev) in the Grunt file.
• Added the jQuery plugin - propellerkit(); to re-initialize the entire propellerkit.
• Solved the issue of "Uncaught RangeError: Maximum call stack size exceeded" in Javascript

Added

JS

• Added the SCSS compiler task with auto watch (grunt dev) in the Grunt file.
• Added the jQuery plugin - propellerkit(); to re-initialize the entire propellerkit.

Fixed

JS

• Solved the issue of "Uncaught RangeError: Maximum call stack size exceeded" in Javascript

Highlights

• Resolved the issue of missing fonts in Typography
• Resolved the issue of header coming in the top inplace of left in the DateTimePicker with Left Header.
• Resolved the dropdown alignment and font-color issue in the Inverse Datatable component.
• Created separate SCSS variables for the Third Party Components
• Resolved the woff2 missing font issue by removing woff2 font from font face.

Added

SCSS

• Created separate SCSS variables for the Third Party Components

Fixed

SCSS

• #6b20d47 Resolved the issue of missing fonts in Typography
• #fc61020 Resolved the issue of header coming in the top inplace of left in the DateTimePicker with Left Header.
• #f3b06e6 Resolved the dropdown alignment and font-color issue in the Inverse Datatable component.
• #1a1bc1c Resolved the woff2 missing font issue by removing woff2 font from font face.

Highlights

• Enhanced library by using the Sass variables, maps and functions to make customizing a theme and the components easier and faster.
• Resolved the alignment related issue which was occurring while placing one outline and one normal button side by side.
• Resolved the issue with the labels in the Floating Action Button when the .pmd-ripple-effect class is removed from the buttons.
• Removed unnecessary classes from Typography, Accordion, Card, TextField and Table components.
• Removed opacity css property and replaced it with RGBA in Typography.
• Removed the box shadow when the sidebar is collapsed.
• Removed the unnecessary images from the custom-select class in Data Table.

Added

SCSS

• Added Sass variables, maps and functions to make customizing a theme and the components easier and faster.

Fixed

CSS

• Resolved the alignment related issue which was occurring while placing one outline and one normal button side by side.
• Resolved the issue with the labels in the Floating Action Button when the .pmd-ripple-effect class is removed from the buttons.

Removed

CSS

• Removed unnecessary classes from Typography, Accordion, Card, TextField and Table components.
• Removed opacity css property and replaced it with RGBA in Typography.
• Removed the box shadow when the sidebar is collapsed.
• Removed the unnecessary images from the custom-select class in Data Table.

Highlights

• Created jQuery plugins to initialize the components while fetching the data dynamically. Also, we have used DOM Observer which will auto re-initialize the components while updating the DOM.
• Enhanced scrollable tabs component, removed <div class="pmd-tabs-scroll"> and <div class="pmd-tabs-scroll-container"> which were earlier needed to create scrollable tabs. We have replaced them with scroll attribute which holds value true or false. For example: <div class="pmd-tabs" scroll="carview.php?tsp=true">.
• Enhanced the implementation of multiple sidebars in a single page by adding the data-target attribute, whose value will be the id of the aside/div to be called. For example, If data-target=''basicSidebar" is added in the anchor tag - <a href="javascript:void(0);" data-target="basicSidebar></a>, the same id="basicSidebar" needs to be added in the sidebar container <aside id="basicSidebar" class="pmd-sidebar">.
• To create different types of sidebars, we have removed sidebar configuration classes .pmd-sidebar-slide-push, .pmd-sidebar-left-fixed, .pmd-sidebar-left and .pmd-sidebar-open from .pmd-sidebar and replaced them with data attributes data-position=”slidepush/fixed”, data-placement="left/right" and is-open="true/false" respectively.
• Added is-open-width="1000" data attribute in the anchor tag of the sidebar so that the sidebar will remain closed for the device whose width is less than 1000px.
• Removed bootstrap-hover-dropdown.js file from the library and merged the JS into dropdown.js. So now, to add a hover effect in the Dropdown component, only .pmd-dropdown-hover class is to be added. Also no need to add initialize function.
• Moved "Expand All and Collapse All" button into pmd-accordion div container.
• Resolved time picker numbers crumble issue when up and down arrow keys are pressed from the keyboard.
• Removed unnecessary </a> from accordion components.
• Fixed TextArea floating label on load/change event.
• Removed admin template.
• Made text related changes in modal.
• Fixed floating label issue in select2.

Added

JS

• #02b313d Added DOM Observer which will auto re-initialize the components while updating the DOM.
• #51c06fd Added jQuery plugins to initialize the components while fetching the data dynamically.

JS, Docs

• #ef8d88c, #969f1c4 Added feature of multiple sidebars in a single page by adding the data-target attribute and the value of this data-target attribute will be the id of the aside/div to be called.
• #ef8d88c, #969f1c4 Added is-open-width="1000" data attribute in the anchor tag of the sidebar so that the sidebar will remain closed for the device whose width is less than 1000px.

Updated

JS

• #51c06fd Enhanced components with jQuery plugins and DOM observer following the coding standards.
• #cd96caa, #13c4335 Removed bootstrap-hover-dropdown.js file from the library and merged the JS into dropdown.js. So now, to add a hover effect in the Dropdown component, only .pmd-dropdown-hover class is to be added. Also no need to add initialize function.

JS, Docs

• #534ffb1, #65088ee Enhanced scrollable tabs component, removed <div class="pmd-tabs-scroll"> and <div class="pmd-tabs-scroll-container"> which were earlier needed to create scrollable tabs. We have replaced them with scroll attribute which holds value true or false. For example: <div class="pmd-tabs" scroll="carview.php?tsp=true">.
• #ef8d88c, #969f1c4 To create different types of sidebars, we have removed the sidebar configuration classes and replaced them with necessary data attributes.

Docs

• #af02321 Moved "Expand All and Collapse All" button into pmd-accordion div container.

Fixed

JS

• #e5406a5: Resolved time picker numbers crumble issue when up and down arrow keys are pressed from the keyboard.
• #67fa463Fixed the TextArea floating label on load/change.
• #8c71064 Fixed floating label issue in select2.

Docs

• Fixed text-related bugs in modal.

CSS

• #f34ba7e Fixed right sidebar appears issue while the page load or reference.

Removed

Docs

• #386193a Removed admin template.
• #d3bdc73 Removed unnecessary from accordion components.

Highlights

• Integrated Bower and NPM packages.
• Integrated Grunt.
• Added data-duration attribute in Alert component to customize alert visibility time .
• Removed modal.js file from library and handle Modalbox component vertical center alignment with CSS.
• Fixed active tab bar and navigation arrow alignment issue and active tab container width issue in Scrollable Tab component on Window resize function.
• Enhanced our Landing page with new section which includes - 'Roadmap'.
• Updated docs section for the components.
• Fixed up issues in the following component - Dropdown, Alert, Floating Action Button, Select2, Scrollable Tabs, Datetimepicker, and Modalbox.

Added

JS

• #41dd312: Added 'data-duration' attribute in Alert component.

Updated

CSS

• #26f7356: Enhanced Dropdown component's animation property.
• #f41df18: Updated css to vertically middle align the modalbox component.

Fixed

JS

• #26f7356: Resolved Dropdown component's toggle issue for mobile and tablet devices.
• #ce8e4bc: Resolved Floating label alignment issue in Select2 component, when initial value was null.
• #be27f64: Resolved Sidebar overlay closing issue for window resize function.
• #44662c8: Resolved Browser Console error issue coming in DateTimePicker component on selecting datepicker only.
• #41dd312: Fixed 'data-duration' issue in Alert component.
• #315f701: Fixed active tab bar and navigation arrow alignment issue and active tab container width issue in Scrollable Tab component for Window resize function.
• #cf94b03: Resolved Datetimepicker Hour Hand update issue.

Removed

CSS

• #fe22e08: Removed unwanted white space in the browser speciflc CSS property for Accordion component.
• #fe722fc #3267639: Removed the ripple effect animtion css class for Floating Action Button component.

JS

• #f41df18: Removed 'modal.js' file from modalbox component.

Packages

• #f8efeb0: Integrated Grunt with Propeller.
• #e334be8: Built NPM packages.
• #ecdad8b: Built BOWER packages.
• Built NPM package for below third party components:
  • #3308812: Select2
  • #386750d: Range Slider
  • #2f2a2ee: Datetimepicker
  • #852726b: Data tables
  • #fe22e08: Custom Scroll