performance(remove $watch from menuController) update version number in package.json to 0.11.0-rc2 update(demo): stagger animations timings fix(layout): device size attributes should not set max-width or max-height do not specify max-height or max-width for **.layout-column** and **.layout-row** media breakpoints; as these incorrectly limited the size of the container. > Consider below where `` is the display breakpoints sm, md, lg, gt-sm, etc. Breaking Changes Before ```css .layout-colum > .flex- { max-height : ; } .layout-row > .flex- { max-width : ; } ``` now ```css .layout-colum > .flex- { } .layout-row > .flex- { } ``` fix(layout): restrict directives to attributes only Breakout of 0.11.0-rc2 from 0.11.0-rc1 changes Update CHANGELOG.md Update CHANGELOG.md Update CHANGELOG.md Update CHANGELOG.md update(radioButton): add md-checked style to parent (if not mdRadioGroup) if radiobutton elements are nested in DIV (instead of direct children of MD-RADIO-GROUP), then add/remove `.md-checked` styles when selected/deselected. update version number in package.json to 0.11.0 Add SHA links to ripple and layout changes feat(datepicker): allow changing first day of the week. Fixes #4316. fix(utils): extractElementByName() and findFocusTarget() logic improved findFocusTarget() scans deep and properly uses `$eval()` on possible focus expression. extractElementByName() includes optional argument to scan deep in all child nodes. added unit tests Fixes #4532. Fixes #4497. fix(theme): input placeholder color style fixed for Chrome mixin placeholder-input-color in `mixins.scss` do not work as expected in Chrome. Fixes #4162. fix(datepicker): handle DST incocnsistency encountered in some timezones. Fixes #4215. fix(util): improve parse logic in supplant() Fixes #4511. update(demos): codepen demos use Roboto fonts and css when launching the demos, the same font sets and extra styles used in the online docs should be included in the launched demo. Fixes #4529. fix(codepen): improve use of external css fix(util, autocomplete, chips): logic for cleanup when scope.$$destroyed == true update `$mdUtil.nextTick( )` with option `scope` argument that can be used to check `scope.$$destroyed` skip callback. refactors to resolve `scope.$destroy()` race conditions Fixes #4525. feat(datepicker): add shadow and animation cue for scrolling. Fixes Closes #4547. perf($mdSticky): Fix performance issue when sticky is emulated. When the browser is not naitively capable of handling sticky elements, we fake it by watching for scroll changes and manually triggering certain events. These use `$$rAF`, but were not throttling the call. Fix: use `$$rAF.throttle` when calling our loop function. Fixes #4523. Fixes #4459. Closes #4552. docs: fix codepen buttons not working in Demos > Menu Fixes Codepen buttons not working in Menu Position Modes & Menu Width demos & removes duplicate call to htmlEscapeAmpersand() function in codepen.js Fixes #4514. Closes #4519. docs: fix typo in demos > Menu > Menu Position Modes Fixes a typo ('Positon' -> 'Position') in the Demos > Menu > Menu Position Modes docs Closes #4516. fix(switch): inverted logic in md-switch dragging md-switch was being toggled when the user dragged less than half the way and didn't toggle when dragged more than half the way. Invert this logic. Fixes #4549. Closes #4560. fix(mdAutocomplete): Compile autocomplete template against proper scope. After the performance modifications to make autocomplete use the virtual repeat directive, the autocomplete no longer compiled the contents of the dropdown against the proper parent scope This PR fixes it by manually compiling against the proper parent scope and copying over the necessary `item` and `$index` properties. Fixes #4390. Fixes #4495. Closes #4391. feat(dialog): allow specifying parent by string selector. feat(datepicker): prevent calendar from going off-screen. Fixes #4333. chore(datepicker): remove accidental function def. test(dialog): added test for parent specified by string selector fix(tooltip): trigger parent blur on `leaveHandler( )` `md-button` with tooltip should not continue to display focus style after mouseleave and tooltip hide. Fixes #4249. Fixes #4597. Closes #4590. Update tabsDirective.js not to use multiline string literal Multiline string literals aren't considered a best practice. References: http://stackoverflow.com/a/6247331 http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Multiline_string_literals#Multiline_string_literals Closes #4556. update(docs): Toast API docs correction inlucde improvement to **$log.warn** in `util.extractElementByName( )` Fixes #4612. update(util): typo correction fix(ripple): ripple will no longer be triggered on disabled elements Closes #5445 ripple: re-adds code that was accidentally removed from the previous commit ripple: fixes typo in previous commit. again. I'm on a roll, today! Update slider.js not to use multiline string literal fix(datepicker): make dark theme picker not terrible. Fixes #4614 update(tabs): speeds up ink bar animation Closes #4582 fixes typo in dialog fixes improper variable name in dialog fix(select): fix options not closing with explicit md-select-label closes #4387 style(menu): fix alignment with anchor menu items closes #4142, closes #4353 fix(listItem): fix menu triggering proxy elements fixes #4303 fix(select): fix undefined class on select container closes #4184 style(select): bring disabled style inline with input closes #4179 fix(dialog): incorrect dialog placement if page is scrolled closes #4115 style(select): dividers now appear in scrollable menus closes #4017 fix(general): common disabled behavior for switch/slider/select. Fixes #3797. Closes #4654. fix(datepicker): ngModel updates for empty input. Fixes #4643. Closes #4648. fix(mdInput): Support multiple ng-messages simultaneously. Previously, multiple `ng-message`s would render on top of each other. Fix by altering CSS position and altering transition to support multiple messages (i.e. potentially varying height). Also some other small fixes to inputs/errors: * Fix number input widths in Firefox * Update errors demo messages to be more dynamic and show multiple errors * Update SCSS to allow `ng-message-exp` and associated `data-` and `x-` attributes * Add demo using `ng-message-exp` to show new SCSS styles being applied Fixes #2648. Fixes #1957. Fixes #1793. Closes #4647. Closes #4472. Closes #4008. > Should also close PRs #4472 and #4008. Thanks to @bopm and @iksose for the initial PRs! fix(interimElement): support scope.$destroy events when navigation (eg $location) changes occur, the `scope.$destroy` event is triggered; which should remove/close/cleanup the following components: menu, select, dialog, toast, and bottomSheet. Fixes #3741. Fixes #4405. Fixes #4504. Fixes #4151. Closes #4659. fix(autocomplete): re-adds support for custom item names in autocomplete templates Closes #4667 fix(menu): fixes JS focus error on close fix(interimElement): use angular.extend AngularJS 1.3.x does not support `angular.merge` Fixes #4683. feat(mdInput): Add support for both labels and placeholders. Previously, if a user supplied both a placeholder and a label, the label would float on top of the placeholder when the input did not have a value. Fix by adding styles/code to support both at the same time. **Note:** If the users provides both a label and a placeholder, the label will no longer animate. Also fix input styles so transition does not happen if input already has a value to avoid unneccessary and eratic-looking animations. Fixes #4462. Fixes #4258. Closes #4623. test(all): make changes to use $animate.flush update ngMaterial docs and tests to use AngularJS 1.4.6 simplify testing with unified, new API `$animate.flush()` add ngMaterial mock `flush()` methods to hide complexities on Material animations fix interimElement recover logic when templateURL loads fail > supports only AngularJS ^1.3.19 and ^1.4.6 Closes #4460. fix(util, datePicker): support $compileProvider.debugInfoEnabled(false); add `$mdUtil.validateScope( )` to confirm availability of scope value. Fixes #4532. > [$compileProvider](https://docs.angularjs.org/guide/production) explains that `$compileProvider.debugInfoEnabled(false)` will make the `scope()` function return undefined: @see https://github.com/angular/angular.js/commit/dbbe6b3831e9e3545e3fae6d109aab6251131d82 update(sidenav): add `$destroy` logic to remove backdrop update(demo): add footer note to Dialog demo Closes #3136. fix(menu): safeguard NRE in `activateInteraction()` Fixes #3741 fix(dialog): resize top and height on window resize Fixes #4513. update(mixin): improved input-placeholder-color Fixes #4742. update(npm): add standard package.json fields Fix license warnings from npm Add a useful npm 'watch' script to build, watch the docs; opens browser at http://localhost:8080 Add other standard fields as detailed in https://docs.npmjs.com/files/package.json Closes #4741. > Thx @splaktar for PR #4741. Added the ability to apply custom CSS classes to dialog-presets. Closes #4722. fix(whiteframe): working with dp insted of z-index Closes #4706. fix(progressLinear, progressCircular): trim md-mode values Fixes #2336. fix(select): multiple no longer sets form to $dirty closes #3933 style(list): truncate overflow on h3 and h4 closes #2199 fix(fabSpeekDial): remove keyboard handlers on scope destroy Closes #4681. fix(mdAutocomplete): Fix small style regression introduced by multiple errors. The autocomplete used different CSS than the multilple error messages expeceted. Fix by making autocomplete the same as input.scss. Fixes #4692. Closes #4695. feat(layout): add `md-css-only` option, restore max-width for layouts * support use of `` to use Layout features **without** any JS requirements or `ngMaterial` module dependencies. * May use standard Attribute selectors * May use class selectors * Disables Layout directive postlinks for optimization * restore `layout > flex` specifiers of max-width or max-height. * publish `$$mdLayout` service to allow Attribute selectors to be removed when the translation inject to Class selector finishes. fix(layout, flexbox): longhand workarounds, flex-order, interpolated values * apply flexbox workarounds per [Flexbox Workarounds](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items): use flex longhand notations with workarounds * add support for flex="1", flex="auto", and flex * add references to online specs/resources * fix flex-33 and flex-67 max-width and max-heights * fix layout-align to use max-width * layout-fill should use height:100% * allow flex-order to be negative * add support to observe interpolated layout values. * restore max-width for layouts * restore `layout > flex` specifiers of max-width or max-height. * publish `$$mdLayout` service to allow Attribute selectors to be removed when the translation inject to Class selector finishes. According to CSS Flexible Box Layout Module Level 1 and CSS Values and Units Module Level 3, the order property can be negative, -9 to -1, as well as positive, 1 to 9, and zero. Fixes #4729. Fixes #4616. Fixes #4520. Fixes #4482. Close #3376. Closes #4592. > Thx @flowersinthesand for original PR fix(layout): resolve incorrect and duplicate layout tests There were a number of typos and incorrect combinations of values in the alignmentValues array that didn't correspond to the layout.scss causing incorrect tests to be run. There were also duplicates, there were 31 values, now 19. Closes #4740. update(layout): refactor and fix media breakpoint styles * improve logic for `postLinkIsDisabled( )` * add `max-width:100%` for layout=row * add `max-height:100%` for layout=column * fix media trigger .layout--row and .layout--column layouts fix(gridlist): improve getTileStyle() to use rowCount Fixes #2741. fix(menu): remove exception when async loading Fixes #4687. fix(mdAutocomplete): Fix scope watch bug. Commit 8849213ce42fa98169b6fbbb0805feb95a6ba678 introduced a scope watching bug cauinsg the autocomplete to no longer update it's list of items as you scrolled (since it re-uses DOM elements). Fix by swapping nextTick to be inside the watch statement. Fixes #4713. Closes #4715. docs(datepicker): fix type for min/max dates. Fixes #4738 chore(ci): add scripts to test against multiple releases of AngularJS fix(tabs): addresses potential `$digest already in progress` error Closes #4743 docs(dateLocale): make parse function reflect real moment use. fix(dateLocale): guard for setting midnight to null. Fixes #4780 fix(datepicker): prevent calendar clipping on small screens. For #4558 fix(mdInput): Fix md-maxlength when used with ng-messages. The recently added support for input elements to have multiple messages caused a rendering issue for the `md-maxlength` character counter. Update code/CSS to properly position the character counter when used with and without ng-messages. Fixes #4783. POSSIBLE BREAKING CHANGE - The `

` that is automatically added to the input is now added after the input if no messages are found, but inside if they are. This may cause some styling issues if users provide custom CSS. Users may need to update their CSS to take the extra HTML into account. Example rendered HTML: **Without `ng-messages`:** ```html Label is here

10/20

``` **With `ng-messages`:** ```html Label is here

10/20

This is required

``` Closes #4786. fix(layout): prevents missing body error in unit tests chore(tooltip): removes multiline string template chore(layout): fixes document.body undefined error fix(list): fixes list item height feat(datepicker): support for ngMessages. Closes #4672. fix(tooltip): using tooltip inside subheader causes Firefox hang. When a `` was placed inside the ``, an infinite loop was being hit (only in Firefox) which was causing the browser to hang. The infinite loop was caused by the tooltip's `getParentWithPointerEvents()` method which travels up the DOM looking for a parent who has pointer events. In Firefox, the `element.parent()` can apparently return an empty jqLite object that is not null, but whose length is 0. In this case, calling `parent.parent()` again will return the same object. Add a check to the tooltip's loop to ensure that `parent.length` is never 0. Fixes #4777. Closes #4800. fix(sidenav): binds remove function to prevent errors replaces fn.prototype.bind with angular.bind removes duplicate line of code left in during previous commit. ugh fix(virtualRepeat): prevents digest if digest is already in progress fix(list): fix clipping on list items, simplify code closes #2199 update(layout): remove md-css-only usages refactor layout.scss to reduce layout.css size chore(ci): use Chrome, Firefox and Safari as browsers on CI for the daily script test(animateCss): fix broken safari tests Closes #4819. fix(dialog): resolves issue where dialog templates were displaying HTML as text update(layout): restore sized flex-order styles restore build-scss 'modules' feature on #L63. update version number in package.json to 0.11.1 Create COMMIT_LEVELS.md Update CONTRIBUTING.md Update COMMIT_LEVELS.md Update COMMIT_LEVELS.md Update COMMIT_LEVELS.md fix(select): fix dynamic placeholder text closes #4689 fix(select): rollback number parsing on value attr closes #4615 As per the discussion in #4615, please use `ng-value` if you need a non-string value from an md-option for the `ng-model` of a select. fix(datepicker): stop calendar going off-screen if body is scrollable. Fixes #4781. remove debug ECHO. fixes(layout): corrections to generated css * fixes to generated css and media query specificity * layout.scss includes both attribute and class selectors * improved css for hide/show with breakpoints * improved css for flex-order with breakpoints * also generates angular-material-layouts.css for * standalone* CSS with attribute selectors. fix(sidenav): resolve jQuery conflict with handler Fixes #4876. fix(layout): conflict with [flex='initial'] * fix CSS so `[flex] !== [flex="initial"]` * add `[flex="grow"]` update(demo, content): refactor styles * set demo-content `height:600px;` for properly layouts and scrolling. fix(docs): fix demos GitCDN link to use proper URL for versioning The GitCDN link used in the current demos points to a URL which is redirected to a new one. When this redirect occurs, the version info supplied in the URL is lost and the file always points to HEAD making it difficult to track down. Fix snapshot script to use the new link which retains the version information. Closes #4922. update(layout): improve mutliple flex breakpoint usages fix(checkbox): prevent ng-click firing on didabled checkboxes. Fixes fix(layouts): improved css specificity for layout Standalone css has been deprecated; the ngMaterial module is required to register the layout directives. For improved `layout > flex` specificity, convert layout attributes (and breakpoint variants) to `.md-layout` with variants. * remove all attribute selectors from the Layout CSS * update demos to use revised .md-layout solution(s) * update layout demos to use ng-cloak * update demos to `colorNested` class update(content, demo): specify demo-content height fix(layout): resolve minify bug with flex css * fix minimize bug where `flex: 1 1 0%` incorrectly becomes `flex: 1 1 0`; * do not support md-css-only; JS is always required * do not remove layout attributes update(demo): use ng-cloak on all demos fix(layouts): improve logic for `layout > flex` specificities improve specificity for layout > flex with breakpoints and variants. fix demos and docs with expected layout classes fix(layout): add border-box style to to all `.flex` variants * also allow build of Layout css deprecated standalone usages. update(docs): demo text correction. chore(release): adds firebase rewrites to release script update version number in package.json to 0.11.2 fix(input): fix bad char counter when value is a number. Fixes #4635. fix(input): fix extra `var` in input tests. chore(): add .clang-format file. fix(autocomplete): resolves issue with not-found message displaying unnecessarily update(demo, tab):remove content padding on first demo Refs #3963. fix(button): Fix button height in Firefox. A `

``` To this: ```html ... ``` fix(layout): disable `offset` directive use the new `flex-offset` directive and remove the deprecated `offset` directive. update version number in package.json to 0.11.3 fix(theming): BREAKING: no longer apply md-default-theme class to unnested themable elements closes #4846 Themable elements no longer have a `.md-default-theme` class applied to them if they are not inside of a directive explicitly setting `md-theme="default"` this helps reduce specificity making it easier to override angular material's default style. At the same time, the rule is applied if `md-theme="default"` so that the (presumably nested) theme can have higher specificity than other themes in the DOM. Fix required: Stylesheets should not target elements using the `md-default-theme` selector. Overrides should happen by targeting non angular-material provided classes. As a quick fix, a `md-theme="default"` at the `ng-app` level will result in the `md-default`theme` class being applied as it was before this fix. Theming related styles now target `md-default-theme` making it harder to override when the class is applied. update(release): commits firebase json changes to docs site release: version 0.11.3 update(docs): fixes chevron icon in header amend(): fix default theming rules fix(docs): Fix broken layout/theming/css nav links. fix(mdCard): Fix card image height in IE. In IE11, the height of the card image was not properly displaying proportinally to the width due to https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored. Fix by setting the image to use flex layout itself instead of just width. Tested in IE11, Edge, Chrome, Safari & Firefox. Fixes #761. fix(list): ng-click changes item width in IE In IE11, when using `ng-click` on an `md-list-item`, the width of the list item would be incorrect due to https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box. Fix CSS to to use `flex: 1 1 auto` instead of `flex: 1` so that the width is properly calculated. Fixes #3708. fix(input): fix border-bottom transparency closes #5128, references f9d5cf8ed20551ae7fc5f8b4f21407db7fc9bdbc update(list): add css `.md-long-text` for long paragraphs Fixes #5122. update(demo): sidenav toggle debounce removed The toggle debounce [used to address multiple clicks on the same button] causes a delay and is perceived as a performance issue. * Use an *immediate* toggle for the right button * Hide the right button with the right sidenav is open using `isOpenRight( )` References #3721 fix(docs): fix "Getting started" link in left nav. fix(docs): remove extra base tag. update version number in package.json to 0.11.4 update(demo, whiteframe): adaptive changes to margin, color, and fontsize fix(select): do not let empty arrays satisfy required on multiple select fixes #4604 fix(datepicker): fix theme not being applied. fixes #5141. revert(datepicker): rollback f20a635 for other fix This reverts commit f20a635424d35d9207226a310248492be6975d3c. references #5164 fix(tabs,date-picker,theming): restore tabs and date-picker themes closes #5163, fixes #5141, closes #5164, closes #5155 fix(tooltip): corrected md-tooltip positioning when scrolled There are several issues out there (e.g. #2406) that point to tooltip positioning when the page is scrolled and getNearestContentElement that suggests that the enclosed loop is supposed to stop at md-content but does not. Adding that condition to the loop fixed the positioning issue for me. Fixes #2406. Closes #5161. fix(text): remove ddescribe() fix(autocomplete): fixed integration with dialog ENTER key on autocomplete with unselected list item didn't prevented the event to bubble up to the dialog which caused the dialog to be rejected. Separated TAB and ENTER keys behavior to prevent event bubbling and ensuring that no matter what, TAB should always move to the next element. Fixes #3979. closes #5154 refactor(mdTooltip): removed radial reveal animation Changed the radial reveal animation to fade-in animation as spec Fixes #4585. Closes #4821. fix(autocomplete): adjusts vertical offset of dropdown to account for ngMessages in floating label examples fix(list): adds support for `data-ng-click` in place of `ng-click` for buttons Closes #3374 feat(mdDialog): added openFrom and closeTo properties openFrom specifies the origin of the transition animation closeTo specifies the target of the transition animation both except string (query selector), element and Rect object fixes #4228. closes #5075. update(demo, dialog): improved button titles update(demo, dialog): improved button layouts fix(mdCard): Content padding not showing in IE 10. In IE 10, the padding in the content area was not being properly applied because the `` element had no display property set. Fixes #2974. Closes #5120. fix(divider): Fix stlying for md-divider inside md-list-item. When an `md-divider` was used inside of a `md-list-item` with an ``, the divider would improperly show up at the bottom of the list, instead of the bottom of each list item. Fix by making the list item's position relative. Also, we automatically apply special styling when we detect an `` inside of the list item because we assume that it wraps all of the elements. If you simply wanted to use a secondary `` or other clickable button inside a list, we would incorrectly apply this styling. Fix by automatically excluding `md-secondary` buttons and providing an additional `md-exclude` class that can be added to buttons. Fixes #3021. Closes #5058. docs: Add optional dependencies to getting started guide. Many users have had some issues with getting things to work correctly because they did not realize that certain dependencies were optional and not automatically included. Add a section to the getting started guide to let people know which dependencies these are. Fixes #2820. References #4921. Closes #5123. fix(layout): fix flew-grow and flex-shrink values for flex-xx='xx' markup flexboxes should be 50% on flex-md=50 breakpoint and 33% on flex-gt-md=33 breakpoint,etc change flex-grow and flew-shrink values from '0' to '1' Thx to @MartinMuzatko for his help! fix(layout): provide missing SCSS variables for standalone Layout css fix(list): restore ui-sref and href support on md-list-item closes #2131 fix(layout): standalone layout css flex-grow and flex-shrink updated flexboxes should be 50% on flex-md=50 breakpoint and 33% on flex-gt-md=33 breakpoint,etc change flex-grow and flew-shrink values from '0' to '1'. See SHA 9f704302f4f881233. update(layout): added another flexbox reference url docs(): add "API" to api doc pages. closes #5191. feat(core): add ngMaterial global with version info. closes #5202. fix(build): add missing semi-colon. fix(build): add second missing semi colon build(docs): add ability to conditionally build docs with jQuery feat(mdGestures): greatly improve emulated click hijacking This commit greatly extends the click-hijacking functionality of `$mdGestures`. **Background:** iOS emulates click events on a `350ms` delay in order to avoid sending clicks when users pan, perform gestures, etc. This leads to pages often feeling laggy in mobile browsers. This appears to be less of an issue in Safari, but is a major issue in embedded webview applications such as Chrome on iOS and PhoneGap built apps. To get around this `$mdGesture` previously `touchstart` and `touchend` events and manually dispatches `click` events. This allows them to happen much quicker than the 350ms. It then configures the page to ignore clicks that were not originated by `$mdGesture`. **Problem:** While `$mdGesture` did successfully hijack the `click` event, it did not hijack other emulated events from iOS, including `mouseup`, `mousedown` and the subsequent `focus` event that could originate from a delayed `click`. **Example of problem:**: Issue #4850 was caused by the `md-select` opening quickly via our simulated `click` event, followed by receiving a `350ms` OS delayed `mousedown` event resulting in an option immediately being selected. Some other example problems that impact the framework: - Ink ripples are 350ms delayed (use `mousedown` and `mouseup`) - Some components / items randomly ripple or trigger after being focused / click. Usually this isn't an issue, but can be (eg. #4850) - `focus` events are 350ms delayed (Affects input) **Soltuion:**: This PR makes `$mdGesture` perform hijacking of `mousedown`, `mouseup` and subsequent `focus` events in order to more quickly dispatch them. **Notes:** A few of our internal components needed some refactoring as they were properly discarding the emulated `mousedown` (which is now ignored DOM wide) and relying on those events for state, etc. Ripples will need a fix as they now properly ripple on `mousedown` but can hit a situation where they receive no later `mouseup` event. Perhaps listening to the document-wide `mouseup` event should be registered on `mousedown`. An example is scrolling in the Docs' Sidenav via touch. closes #4850, closes #4757 update(demo): menu and checkbox demo container sizes specified. Revert "feat(mdGestures): greatly improve emulated click hijacking" This reverts commit 446df804255273908841d4fa5c37e11ef18d936f. fix(md-slider): set step property relative to min Closes #4403. Fixes #4385. fix(tabs): fix tab paging and sizing on IE11 when tabs are in a dialog `elements.dummies` is not always valid on IE11. It often throws `Invalid calling object`. The fix is to call `getElements()` to do a fresh look up of the selectors each time. Only doing the `getElements()` call when the exception is throw was tried. It resulted in improperly loading/sizing of tabs on small screen sizes. Fixes #3953. Closes #5096. fix(gestures, fabSpeedDial): Gesture ClickHijack iOS fixes and FabSpeedDial fixes Extend the click-hijacking functionality of `$mdGestures`: **Background:** iOS emulates click events on a `350ms` delay in order to avoid sending clicks when users pan, perform gestures, etc. This leads to pages often feeling laggy in mobile browsers. This appears to be less of an issue in Safari, but is a major issue in embedded webview applications such as Chrome on iOS and PhoneGap built apps. To get around this `$mdGesture` currently listens to `touchstart` and `touchend` events to manually dispatch `click` events. This allows it to trigger events much quicker than the 350ms. It then configures the page to ignore clicks that were not originated by `$mdGesture`. **Problem:** While `$mdGesture` did successfully hijack the `click`event, it did not hijack other emulated events from iOS, including `mouseup`, `mousedown` and the subsequent `focus` event that could originate from a delayed `click`. **Example of problem:** Issue #4850 was caused by the `md-select` opening quickly via our simulated `click` event, followed by receiving a `350ms` OS delayed `mousedown` event resulting in an option immediately being selected. Some other example problems that impact the framework: - Ink ripples are 350ms delayed (use `mousedown` and `mouseup`) - Some components / items randomly ripple or trigger after being focused / click. Usually this isn't an issue, but can be (eg. #4850) - `focus` events are 350ms delayed (Affects input) This PR makes `$mdGesture` perform hijacking of the `mousedown`, `mouseup` and subsequent `focus` events in order to more quickly dispatch them. **Notes:** A few of our internal components needed some refactoring as they were properly discarding the emulated `mousedown` (which is now ignored DOM wide) and relying on those events for state, etc. Ripples will need a fix as they now properly ripple on `mousedown` but can hit a situation where they receive no later `mouseup` event. Perhaps listening to the document-wide `mouseup` event should be registered on `mousedown`. An example is scrolling in the Docs' Sidenav via touch. closes #4850, closes #4757. closes #5214. closes #5234. Refs #5195. fix(dialog): Provide option to not autowrap templates. For convenience, we automatically wrap templates that do not contain a `` tag within them. However, some users would like the ability to create their own dialog directives (like ``) that internally use the `` tag within their template. This causes two `` tags to be created. Provide a new `autoWrap` option which can be set to false to disable autowrapping when providing a custom directive. Fixes #4898. Closes #5237. update version number in package.json to 0.12.0-rc1 update(docs): update layout grid docs to reflect changes in master `flex` is the same as `flex="0"` again. `flex="grow"` is the same as `flex="100"` again. Closes #5245. fix(layout): Prevent class overriding when lastClass is null This fixes an annoying behavior of the layout attributes that is removing all the element's other classes when trying to convert layout attributes to classes. Closes #5257. update version number in package.json to 1.0.0-rc1 docs: Fix incorrect Codepen GitCDN links. The release script still pointed to the old GitCDN links which always redirect to the master branch instead of the version specified. Update release script to use proper links. Fixes #5391. Closes #5392. Update doc of md-list-item Update the doc for md-list-item to include a description of the classes `md-2-line` and `md-3-line`, which can be used to increase the height of list items. Closes #5412. docs:(switch.js): documenting ng-disabled parameter Add @param documentation for ng-disabled, in the same style as md-button Closes #3216. fix aria property in MdChipRmoveDirective fix property ariahidden to aria-hidden Closes #3835. update(build): set AngularJS dependency to 1.4.7 update(docs): removes outdated part of tabs documentation Closes #5181 update(tooltip): add support for dynamic `md-direction` attribute Observing tooltip direction changes and using positionTooltip for live tooltip positioning if the tooltip is visible * support raw, interpolated, and expression string values to set the tooltip display direction/orientation. * update demos to show usages and interactions with `md-visible` Fixes #5362. Closes #5373 fix(md-chips): appendChip disallows identical objects * appendChip disallows appending an identical string or an exact object (duplicate object) more than once. It now disallows identical objects from being appended. * appendChips object check loop optimized: md-chips' appendChip uses a filter to loop through items to search for an identical object to chip. This is inefficient since it will keep searching even after it finds a match. Now mdchips appendChip uses a some loop, which stops execution as soon as a match is found. Fixes #4466. Closes #4479. update(docs): update starter CodePen * use the /team/AngularMaterial url for CodePen forks * use angular-material 1.0.0-rc1 and angular 1.4.7 * update CodePen to latest whiteframe API Closes #5354. fix(speedDial): Don't intercept spaces and fix animations. * The speed dial watched the document for spacebar presses and intercepted them by preventing the default. There was really no reason for this, so the code has been removed. Additionally, all keypress events are now bound to the element itself instead of document. * Fix the close animations to properly fire on Safari/iOS. * Fix some issues after recent gesture updates. Fixes #5085. Fixes #4750. Fixes #5065. Closes #5396. fix(autocomplete): clicking on the scrollbar will no longer close dropdown Closes #4785 Closes #4625 fix(layout): fix wrapping and filling layouts to 100% using flex-33 or flex-66 Use calc() to determine 33% and 66% so that browser will properly add them together to make 100%. * Remove flex-34 and flex-67. * Update docs for these changes. Fixes #5346. Closes #5348. cleans up `shouldHide` code refactor(input): refactors styles to use `display: inline-block` fix(layout): layout-margin and layout-padding fixes for child containers **layout-margin** and **layout-padding** were not being applied to child containers unless the *.flex* class was present. This has been fixed. * layout-margin and layout-padding now affect immediate children * layout-margin suffixes are supported (-sm, -gt-sm, -md, -gt-md, -lg, -gt-lg) * layout-padding suffixes are supported (-sm, -gt-sm, -md, -gt-md, -lg, -gt-lg) > With 'layout-margin', developers may need to override the child container flex sizes to fit properly in `layout="row"` modes. See http://codepen.io/team/AngularMaterial/pen/BoVBaE for details. Closes #5425. Refs #5014. Refs #5156. fix(mdChips): Autocomplete styling is incorrect. The chips autocomplete had unnecessary styling and the default autocomplete directive does not add the `md-input` class to it's input, so it did not look correct. Also fixes issue with md-chip readonly padding styles. Fixes #4600. Closes #4621. update(toast): increased toast z-index Fixes #5100. Closes #5386. Fix tooltip issue with dynamic directions. fix(tabs): will no longer jump to top when changing tabs with `md-dynamic-height` Closes #4281 fix(dialog): make sure dialog only destroys itself. Dialog destruction is async and deferred. As such, there's a risk of another dialog having been created by the time the current dialog's "destroy()" is called. * Added tests for testing dialog double opening. * Fix a bug which prevents a dialog from being closed if it's opened while another dialog is shown. Closes #5157. perf(theming): add on-demand style generation. Closes #5399. fix(backdrop): use fixed position for global backdrops. Set backdrop `position:fixed` when the parent is BODY to give it a position based off the body viewport. Closes #2831. fix(speedDial): non-fab clicks no longer close immediately In the demo application and some user's apps, the `md-open` attribute was bound to an input element, but clicking this element while the FAB Speed Dial was open would open and then immediately close the speed dial since the user clicked outside of the speed dial. Fix by delaying the check for outside clicks until the next digest loop. Also fix a tiny positioning issue with the fling animation. Fixes #5243. Closes #5440. release script will now update latest version with RCs update version number in package.json to 1.0.0-rc2 fix(datepicker): properly set ngModel validity. Fixes #4926 release: version 1.0.0-rc2 changes rebase strategy in release script for docs site Add missing breaking changes back to changelog fix(input): fixes input height in IE11 fix(input): ngMessages will no longer cause layout to change on animation fix(menubar): fix RTE with close dialogs invoked from menubar Closes #5476 refactor(tooltip, util): moved generic functions from tooltip to util * Refactored the tooltip a bit, made the code a lot approachable to read with adding updatePosition function that now is managing the whole tooltip positioning update * Moved useful generic functions from the tooltip to the util Closes #5419. fix(tabs): icons in tab labels should match the text color Closes #5465 update(layout): remove dangling commas update(util): fix test for getParentWithPointerEvents fix(progressLinear): Remove extra semi-colon from SCSS. There was a single extra semi-colon in the SCSS for the progress linear. Fix by removing it. Fixes #5260. fix(datepicker): throw error if inside md-input-container. For #5055 fix(layouts): removeAttr RTE on comment nodes some directives (eg ng-messages-include) inject a comment node which will cause errors when trying to use `node.removeAttribute( )`. Refs #5454 fix(autocomplete): handle undefined searchText If the autocomplete's bound searchText was set to undefined, it would throw an error. Fix by ensuring that the searchText will always be an empty string when performing the `handleQuery()` method. Fixes #5162. Fixes #5393. References #5344. Closes #5445. fix(autocomplete): fix md-not-found bug with multiple autocompletes If a developer used more than one autocomplete on the page, all autocompletes after the first which included a md-not-found template would incorrectly assume that they also had one even if they did not. Fix logic to reset the variable to `false` when necessary. Fixes #5400. Closes #5442. fix(dialog): BREAKING CHANGE now md-dialog-actions fix(card): BREAKING CHANGE now md-card-actions Support deprecated .md-actions class. Closes #5466. docs(changelog): add breaking change for md-dialog-content Closes #5470. fix(virtual-repeat): Prevent nested calls to virtualRepeatUpdate_ Due to some browser issues, the $watchCollection callback that calls virtualRepeatUpdate_ sometimes fires in the middle of a virtualRepeatUpdate_ call. This can result in duplicate items showing up in the virtual repeat list. Fixes #4950. Closes #5009. fix(lists): Fix alignment of secondary icons/controls. Icons and controls (like checkbox and switch) were incorrectly positioned. Fix by ensuring that they are all right-aligned. Fixes #3699. Closes #5533. docs: Update dialog demo to use md-dialog-actions. fix(datepicker): throw error if model is not a Date. For #5266 fix(subheader): Remove 16px right margin. Previously, the subheader had a 16px right margin that would be visible and particularly odd if you changed the subheader background. After recent changes with the subheader now being stickied to the `` instead of the parent, this can now be removed. Fixes #4389. Fixes #708. Closes #4419. fix(select): allow circular references closes #5330, references #3268 fix(select): ngModel.$touched trigger after menu close closes #5256 fix(fab): Remove transition for fabs on ng-hide. Buttons currently have CSS to ensure they do not attempt any transitions when they have the `ng-hide` class attached. The `.md-fab` buttons were not receiving the same styles due to a specificity issue. Add the same styles for FABs that standard buttons have. Fixes #5235. fix(menu-bar): fix sibling nested opening and closing incorrectly closes #5119 docs(select): explain track by for ngModelController closes #2862, references #5238, references #3625, references #3012 fix(select): fix ng-change over firing when using trackBy closes #4118 fix(select): fix escape closing dialogs when used inside select references #3827 style(menu-bar): fix ie menu items being centered references #4439 fix(mdUtil): fix disable scroll adding extra scroll-bars on IE closes #5300 Thanks @van88 for the investigation. Update iconDirective.js grammar fix in documentation Closes #5582. fix(button): set color of disabled button to highest css priority. Normally a disabled button in the toolbar won't get the disabled button style, because the theme style is injected after the default style Fixes #5569. Closes #5574. fix(toolbar button): Fix color of raised buttons. Raised buttons inside of a toolbar had the incorrect text color applied. Fix styles to not apply special toolbar styling to raised buttons. Fixes #4845. Closes #5562. fix(virtualRepeat): Add ability for container to resize after creation Closes #5561. docs($mdToast): Update docs with more info and better style. It was not clear that the `$mdToast.simple()` method returned an object which also had all of the methods/options available from the `build()` and `show()` methods. * add a short comment to inform developers. * update styles to be more readable. Fixes #2420. Closes #5550. fix(tabs): fix positioning absolute/fixed elements inside md-tab-content closes #4613 docs($mdToast): Update docs with more info and better style. It was not clear that the `$mdToast.simple()` method returned an object which also had all of the methods/options available from the `build()` and `show()` methods. * add a short comment to inform developers. * update styles to be more readable. Fixes #2420. Closes #5550. fix(ripple): changed ripple center from layerX/Y to offsetX/Y Layer is not considering fixed/absolute positioned elements and it makes the ripple appear from the relative center of the container element, Offset is relative to the target element therefore is more accurate. fixes #4807. fixes #5508. closes #5527. fix(ripple): removing ripples on touchmove When touching a button in order to scroll, the button creates a ripple as its being pressed, now when the touch moved we assume that this gesture is a scroll so we remove all the ripple effects fixes #5261. closes #5532. fix(sidenav): Notify other close events like datepicker-close too md-datepicker won't close if sidebar is open and the sidebar event stops propagation Fixes #5522. Closes #5528. feat(datepicker): predicate function to allow fine-grained control over pickable dates Fixes #4538. Closes #5475. update(ripple): refactor to closure function refactor(chips): Deprecate md-on-append in favor of others. The usage of `md-on-append` was not well documented and it's behavior was inconsistent and confusing; many users assumed it was a simple notification of chip additions which caused issues. * renamed `md-on-append` to `md-transform-chip` and provided a new `md-on-add` method that is strictly a notification. * updated the docs and functionality of `md-transform-chip` to show expected return values and their associated behavior. > This new behavior also adds support for simlultaneously using an autocomplete to select an existing value along with the ability to create new chips. The most common case for this is a tag system which shows existing tags, but also allows you to create new ones. > Demos have been updated to show new functionality as well as to workaround a few display issues with the contact chips demo (#4450). _**Note:** This work supercedes PR #3816 which can be closed when this is merged._ BREAKING CHANGE: `md-on-append` has been renamed/deprecated in favor of `md-transform-chip` or the simple notifier `md-on-add`. We expect to remove this completely in 1.0, so please update your code to use one of the new methods. Fixes #4666. Fixes #4193. Fixes #4412. Fixes #4863. Closes #5497. Closes #3816. docs(layout): document negative flex order Closes #4482. Closes #5543 fix(components): fix issue with removeClass removing previous classes In certain parts of the project, a "removeClass(className)" is used to remove the class from the element. While this works fine in latest versions of jQuery, in jQuery < 1.9 this results in the element classes being removed when className is undefined, thus breaking the whole layout. Closes #5538. fix(datepicker): apply ngMessages errors when using text input. Fixes update(components): remove null checks for constants update(autocomplete): improve enter key use on input field All enter key event bubbling when the input field has a valid selection. Closes #5302. Fixes #5228. update(theme): fix missing bracket Closes #5350. fix(autocomplete): Allow clicks inside md-not-found. Fix bug causing the autocomplete to blur, lose focus, and hide the not found message if the user attempted to click the not found message (or a link inside of it). Fixes #5424. feat(ripple): ink-ripple is now getting an interpolated value Ink ripple attribute supported only colors. Now with interpolated value also boolean values are supported ``` html

yay

``` fixes #5438. closes #5580. fix(ripple): moved mouseleave listener to a separated declaration This caused tooltip to never get hidden update(ripple): refactor color() test(ripple): added test to ink-ripple * add tests for PR #5580 changes Closes #5595. docs(toast): remove 'fit' option which doesn't actually exist. chore(docs): optimize images (lossless) update(doc, datepicker): update attributes documentation replace required to ng-required, disabled to ng-disabled and add md-placeholder information Closes #5591. update(button): add default type to buttons to prevent autosubmission of forms BREAKING CHANGE: Buttons with undefined `type` will have type="button" assigned, so forms may not submit as previously expected. Before: ```html

Demo site MenuBar "Great" button not closing the dialog #5476

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions