Permalink
Browse files

feature: Accordion Radio-Style can be unchecked, bug: Componenthandle…

…r did not upgrade BaseElement
  • Loading branch information...
MikeMitterer committed Jun 9, 2015
1 parent 874d1ce commit 515568d909030fb27371fbde664df2a7dc646e64
Showing with 198 additions and 271 deletions.
  1. +6 −6 example/mdlx_accordion/.sitegen/html/_content/index.html
  2. +6 −6 example/mdlx_accordion/web/index.html
  3. +6 −6 example/styleguide/.sitegen/html/_content/views/accordion.html
  4. +6 −6 example/styleguide/.sitegen/html/_partials/usage/accordion/html.html
  5. +9 −8 example/styleguide/.sitegen/html/_templates/default.html
  6. +3 −7 example/styleguide/.sitegen/html/_templates/usage.html
  7. +8 −8 example/styleguide/web/index.html
  8. +5 −3 example/styleguide/web/styleguide.scss
  9. +6 −6 example/styleguide/web/views/accordion.html
  10. +9 −12 example/styleguide/web/views/usage/accordion.html
  11. +3 −6 example/styleguide/web/views/usage/animation.html
  12. +3 −6 example/styleguide/web/views/usage/badge.html
  13. +3 −6 example/styleguide/web/views/usage/button.html
  14. +3 −6 example/styleguide/web/views/usage/card.html
  15. +3 −6 example/styleguide/web/views/usage/checkbox.html
  16. +3 −6 example/styleguide/web/views/usage/content.html
  17. +3 −6 example/styleguide/web/views/usage/data-table.html
  18. +3 −6 example/styleguide/web/views/usage/dialog.html
  19. +3 −6 example/styleguide/web/views/usage/footer.html
  20. +3 −6 example/styleguide/web/views/usage/forms.html
  21. +3 −6 example/styleguide/web/views/usage/grid.html
  22. +3 −6 example/styleguide/web/views/usage/icon-toggle.html
  23. +3 −6 example/styleguide/web/views/usage/icons.html
  24. +3 −6 example/styleguide/web/views/usage/include.html
  25. +3 −6 example/styleguide/web/views/usage/layout.html
  26. +3 −6 example/styleguide/web/views/usage/list.html
  27. +3 −6 example/styleguide/web/views/usage/menu.html
  28. +3 −6 example/styleguide/web/views/usage/nav-pills.html
  29. +3 −6 example/styleguide/web/views/usage/palette.html
  30. +3 −6 example/styleguide/web/views/usage/panel.html
  31. +3 −6 example/styleguide/web/views/usage/progress.html
  32. +3 −6 example/styleguide/web/views/usage/radio.html
  33. +3 −6 example/styleguide/web/views/usage/shadow.html
  34. +3 −6 example/styleguide/web/views/usage/slider.html
  35. +3 −6 example/styleguide/web/views/usage/snackbar.html
  36. +3 −6 example/styleguide/web/views/usage/spinner.html
  37. +3 −6 example/styleguide/web/views/usage/switch.html
  38. +3 −6 example/styleguide/web/views/usage/tabs.html
  39. +3 −6 example/styleguide/web/views/usage/textfield.html
  40. +3 −6 example/styleguide/web/views/usage/toast.html
  41. +3 −6 example/styleguide/web/views/usage/todo.html
  42. +3 −6 example/styleguide/web/views/usage/tooltip.html
  43. +3 −6 example/styleguide/web/views/usage/typography.html
  44. +22 −5 lib/src/components/MaterialAccordion.dart
  45. +11 −0 lib/src/core/MdlComponentHandler.dart
  46. +2 −0 tool/grind.dart
@@ -7,23 +7,23 @@ <h5>Multiple sections can be open at the same time</h5>
<div class="mdl-accordion-group mdl-js-accordion mdl-js-ripple-effect">
<!-- Panel 1 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 1<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 1<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet.</p>
</div>
</div>
<!-- Panel 2 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 2<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 2<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eligendi nulla illo culpa ab in at adipisci eveniet id itaque maxime soluta recusandae doloribus laboriosam dignissimos est aut cupiditate delectus.</p>
</div>
</div>
<!-- Panel 3 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 3<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 3<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
@@ -37,23 +37,23 @@ <h5>Only one section is open</h5>
<div class="mdl-accordion-group mdl-js-accordion mdl-accordion--radio-type mdl-js-ripple-effect">
<!-- Panel 1 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 1<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 1<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet.</p>
</div>
</div>
<!-- Panel 2 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 2<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 2<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eligendi nulla illo culpa ab in at adipisci eveniet id itaque maxime soluta recusandae doloribus laboriosam dignissimos est aut cupiditate delectus.</p>
</div>
</div>
<!-- Panel 3 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 3<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 3<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
@@ -53,23 +53,23 @@ <h5>Multiple sections can be open at the same time</h5>
<div class="mdl-accordion-group mdl-js-accordion mdl-js-ripple-effect">
<!-- Panel 1 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 1<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 1<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet.</p>
</div>
</div>
<!-- Panel 2 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 2<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 2<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eligendi nulla illo culpa ab in at adipisci eveniet id itaque maxime soluta recusandae doloribus laboriosam dignissimos est aut cupiditate delectus.</p>
</div>
</div>
<!-- Panel 3 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 3<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 3<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
@@ -82,23 +82,23 @@ <h5>Only one section is open</h5>
<div class="mdl-accordion-group mdl-js-accordion mdl-accordion--radio-type mdl-js-ripple-effect">
<!-- Panel 1 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 1<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 1<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet.</p>
</div>
</div>
<!-- Panel 2 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 2<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 2<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eligendi nulla illo culpa ab in at adipisci eveniet id itaque maxime soluta recusandae doloribus laboriosam dignissimos est aut cupiditate delectus.</p>
</div>
</div>
<!-- Panel 3 -->
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 3<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 3<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
@@ -6,21 +6,21 @@
<h5>Multiple sections can be open at the same time</h5>
<div class="mdl-accordion-group mdl-js-accordion mdl-js-ripple-effect">
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 1<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 1<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 2<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 2<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eligendi nulla illo culpa ab in at adipisci eveniet id itaque maxime soluta recusandae doloribus laboriosam dignissimos est aut cupiditate delectus.</p>
</div>
</div>
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 3<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 3<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
@@ -32,21 +32,21 @@ <h5 class="mdl-accordion--header">Header</h5>
<h5>Only one section is open</h5>
<div class="mdl-accordion-group mdl-js-accordion mdl-accordion--radio-type mdl-js-ripple-effect">
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 1<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 1<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 2<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 2<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eligendi nulla illo culpa ab in at adipisci eveniet id itaque maxime soluta recusandae doloribus laboriosam dignissimos est aut cupiditate delectus.</p>
</div>
</div>
<div class="mdl-accordion">
<label class="mdl-accordion__label">Panel 3<span class="mdl-icon mdl-icon--chevron-right indicator"></span></label>
<label class="mdl-accordion__label">Panel 3<i class="material-icons indicator">chevron_right</i></label>
<div class="mdl-accordion--content">
<h5 class="mdl-accordion--header">Header</h5>
<p class="mdl-accordion--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto possimus at a cum saepe molestias modi illo facere ducimus voluptatibus praesentium deleniti fugiat ab error quia sit perspiciatis velit necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
Oops, something went wrong.

0 comments on commit 515568d

Please sign in to comment.