rails-angular-material 0.9.0.pre.rc3 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 78e1b72fd79dfa5a8ac9ac354f9aca0525211bbb
4
- data.tar.gz: 2433884ef79bc586c8a7d9a2345ef112b1a749d7
3
+ metadata.gz: c11b7b8c21e38ae33138fd5478ecfe22210aca07
4
+ data.tar.gz: 2a64bf76030488bba669748be707df1412f5bcdb
5
5
  SHA512:
6
- metadata.gz: f0e9afb0826de8cea90fc1e9032f9332d54744420782804a1cecfd78d029eb9ecce0306736482e224c76117715eadea5104ff759a4d3e4412365c20a23be907b
7
- data.tar.gz: 2c5e3cef8ac3108011fcf7440e82d7b913de765d673704c163e8022ddf1cfdccb137d0869118091b58f3ec22b444f97a600c7c4de3c33f8dc114bfcd21cbc39d
6
+ metadata.gz: cd18d8f686fbb1417a343b8cdc59675d2bbd138312ddd81fa1992960bdb04cc9e5f7896729e9812bebb4d8ede07aaddf7011379ba195a8a13ffe1adcc0530bfe
7
+ data.tar.gz: ee26c6838b4f7347986435bf3d3b863eb40d3d95511026c1dd4e5238b45739e6e6aa8589c1ceb34c732914c56209f5539ad992ab36f65497485abe588a730e68
data/README.md CHANGED
@@ -23,4 +23,4 @@ If you desire to require minified AngularMaterial files, add the following:
23
23
 
24
24
  ## Versioning
25
25
 
26
- Current version of AngularMaterial - 0.9.0-rc3-d2f2765
26
+ Current version of AngularMaterial - 0.9.0-61b6240
@@ -1,3 +1,3 @@
1
1
  module AngularMaterialRails
2
- VERSION = "0.9.0-rc3"
2
+ VERSION = "0.9.0"
3
3
  end
@@ -2,7 +2,7 @@
2
2
  * Angular Material Design
3
3
  * https://github.com/angular/material
4
4
  * @license MIT
5
- * v0.9.0-rc3
5
+ * v0.9.0
6
6
  */
7
7
  angular.module('ngMaterial', ["ng","ngAnimate","ngAria","material.core","material.core.gestures","material.core.theming.palette","material.core.theming","material.components.autocomplete","material.components.backdrop","material.components.bottomSheet","material.components.button","material.components.card","material.components.checkbox","material.components.chips","material.components.content","material.components.dialog","material.components.divider","material.components.gridList","material.components.icon","material.components.input","material.components.list","material.components.progressCircular","material.components.progressLinear","material.components.radioButton","material.components.select","material.components.sidenav","material.components.slider","material.components.sticky","material.components.subheader","material.components.swipe","material.components.switch","material.components.tabs","material.components.toast","material.components.toolbar","material.components.tooltip","material.components.whiteframe"]);
8
8
  (function() {
@@ -1077,7 +1077,7 @@ function mdCompilerService($q, $http, $injector, $compile, $controller, $templat
1077
1077
  * the element and instantiate the provided controller (if given).
1078
1078
  * - `locals` - `{object}`: The locals which will be passed into the controller once `link` is
1079
1079
  * called. If `bindToController` is true, they will be coppied to the ctrl instead
1080
- * - `bindToController` - `bool`: bind the locals to the controller, instead of passing them in. These values will not be available until after initialization.
1080
+ * - `bindToController` - `bool`: bind the locals to the controller, instead of passing them in.
1081
1081
  */
1082
1082
  this.compile = function(options) {
1083
1083
  var templateUrl = options.templateUrl;
@@ -1128,10 +1128,11 @@ function mdCompilerService($q, $http, $injector, $compile, $controller, $templat
1128
1128
 
1129
1129
  //Instantiate controller if it exists, because we have scope
1130
1130
  if (controller) {
1131
- var ctrl = $controller(controller, locals);
1131
+ var invokeCtrl = $controller(controller, locals, true);
1132
1132
  if (bindToController) {
1133
- angular.extend(ctrl, locals);
1133
+ angular.extend(invokeCtrl.instance, locals);
1134
1134
  }
1135
+ var ctrl = invokeCtrl();
1135
1136
  //See angular-route source for this logic
1136
1137
  element.data('$ngControllerController', ctrl);
1137
1138
  element.children().data('$ngControllerController', ctrl);
@@ -4702,6 +4703,37 @@ MdDialogDirective.$inject = ["$$rAF", "$mdTheming"];
4702
4703
  * // post-show code here: DOM element focus, etc.
4703
4704
  * }
4704
4705
  * }
4706
+ *
4707
+ * // Dialog #3 - Demonstrate use of ControllerAs and passing $scope to dialog
4708
+ * // Here we used ng-controller="GreetingController as vm" and
4709
+ * // $scope.vm === <controller instance>
4710
+ *
4711
+ * function showCustomGreeting() {
4712
+ *
4713
+ * $mdDialog.show({
4714
+ * clickOutsideToClose: true,
4715
+ *
4716
+ * scope: $scope, // use parent scope in template
4717
+ * preserveScope: true, // do not forget this if use parent scope
4718
+
4719
+ * // Since GreetingController is instantiated with ControllerAs syntax
4720
+ * // AND we are passing the parent '$scope' to the dialog, we MUST
4721
+ * // use 'vm.<xxx>' in the template markup
4722
+ *
4723
+ * template: '<md-dialog>' +
4724
+ * ' <md-dialog-content>' +
4725
+ * ' Hi There {{vm.employee}}' +
4726
+ * ' </md-dialog-content>' +
4727
+ * '</md-dialog>',
4728
+ *
4729
+ * controller: function DialogController($scope, $mdDialog) {
4730
+ * $scope.closeDialog = function() {
4731
+ * $mdDialog.hide();
4732
+ * }
4733
+ * }
4734
+ * });
4735
+ * }
4736
+ *
4705
4737
  * }
4706
4738
  *
4707
4739
  * // Greeting controller used with the more complex 'showCustomGreeting()' custom dialog
@@ -4909,6 +4941,7 @@ function MdDialogProvider($$interimElementProvider) {
4909
4941
 
4910
4942
  // On show method for dialogs
4911
4943
  function onShow(scope, element, options) {
4944
+ angular.element($document[0].body).addClass('md-dialog-is-showing');
4912
4945
  element = $mdUtil.extractElementByName(element, 'md-dialog');
4913
4946
 
4914
4947
  // Incase the user provides a raw dom element, always wrap it in jqLite
@@ -4995,6 +5028,7 @@ function MdDialogProvider($$interimElementProvider) {
4995
5028
 
4996
5029
  // On remove function for all dialogs
4997
5030
  function onRemove(scope, element, options) {
5031
+ angular.element($document[0].body).removeClass('md-dialog-is-showing');
4998
5032
 
4999
5033
  if (options.backdrop) {
5000
5034
  $animate.leave(options.backdrop);
@@ -5019,7 +5053,6 @@ function MdDialogProvider($$interimElementProvider) {
5019
5053
  options.parent,
5020
5054
  options.popInTarget && options.popInTarget.length && options.popInTarget
5021
5055
  ).then(function() {
5022
- options.scope.$destroy();
5023
5056
  element.remove();
5024
5057
  options.popInTarget && options.popInTarget.focus();
5025
5058
  });
@@ -5303,7 +5336,7 @@ function GridListDirective($interpolate, $mdConstant, $mdGridLayout, $mdMedia) {
5303
5336
 
5304
5337
  var invalidateLayout = angular.bind(ctrl, ctrl.invalidateLayout),
5305
5338
  unwatchAttrs = watchMedia();
5306
- scope.$on('$destroy', unwatchMedia);
5339
+ scope.$on('$destroy', unwatchMedia);
5307
5340
 
5308
5341
  /**
5309
5342
  * Watches for changes in media, invalidating layout as necessary.
@@ -5319,6 +5352,8 @@ function GridListDirective($interpolate, $mdConstant, $mdGridLayout, $mdMedia) {
5319
5352
  }
5320
5353
 
5321
5354
  function unwatchMedia() {
5355
+ ctrl.layoutDelegate = angular.noop;
5356
+
5322
5357
  unwatchAttrs();
5323
5358
  for (var mediaName in $mdConstant.MEDIA) {
5324
5359
  $mdMedia.getQuery($mdConstant.MEDIA[mediaName])
@@ -6257,28 +6292,28 @@ mdIconDirective.$inject = ["$mdIcon", "$mdTheming", "$mdAria"];
6257
6292
  var iconProvider = this;
6258
6293
  var svgRegistry = [
6259
6294
  {
6260
- id : 'tabs-arrow',
6261
- url: 'tabs-arrow.svg',
6295
+ id : 'md-tabs-arrow',
6296
+ url: 'md-tabs-arrow.svg',
6262
6297
  svg: '<svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24"><g><polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "/></g></svg>'
6263
6298
  },
6264
6299
  {
6265
- id : 'close',
6266
- url: 'close.svg',
6300
+ id : 'md-close',
6301
+ url: 'md-close.svg',
6267
6302
  svg: '<svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24"><g><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"/></g></svg>'
6268
6303
  },
6269
6304
  {
6270
- id: 'cancel',
6271
- url: 'cancel.svg',
6305
+ id: 'md-cancel',
6306
+ url: 'md-cancel.svg',
6272
6307
  svg: '<svg version="1.1" x="0px" y="0px" viewBox="0 0 24 24"><g><path d="M12 2c-5.53 0-10 4.47-10 10s4.47 10 10 10 10-4.47 10-10-4.47-10-10-10zm5 13.59l-1.41 1.41-3.59-3.59-3.59 3.59-1.41-1.41 3.59-3.59-3.59-3.59 1.41-1.41 3.59 3.59 3.59-3.59 1.41 1.41-3.59 3.59 3.59 3.59z"/></g></svg>'
6273
6308
  },
6274
6309
  {
6275
- id: 'menu',
6276
- url: 'menu.svg',
6310
+ id: 'md-menu',
6311
+ url: 'md-menu.svg',
6277
6312
  svg: '<svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100"><path d="M 50 0 L 100 14 L 92 80 L 50 100 L 8 80 L 0 14 Z" fill="#b2b2b2"></path><path d="M 50 5 L 6 18 L 13.5 77 L 50 94 Z" fill="#E42939"></path><path d="M 50 5 L 94 18 L 86.5 77 L 50 94 Z" fill="#B72833"></path><path d="M 50 7 L 83 75 L 72 75 L 65 59 L 50 59 L 50 50 L 61 50 L 50 26 Z" fill="#b2b2b2"></path><path d="M 50 7 L 17 75 L 28 75 L 35 59 L 50 59 L 50 50 L 39 50 L 50 26 Z" fill="#fff"></path></svg>'
6278
6313
  },
6279
6314
  {
6280
- id: 'toggle-arrow',
6281
- url: 'toggle-arrow-svg',
6315
+ id: 'md-toggle-arrow',
6316
+ url: 'md-toggle-arrow-svg',
6282
6317
  svg: '<svg version="1.1" x="0px" y="0px" viewBox="0 0 48 48"><path d="M24 16l-12 12 2.83 2.83 9.17-9.17 9.17 9.17 2.83-2.83z"/><path d="M0 0h48v48h-48z" fill="none"/></svg>'
6283
6318
  }
6284
6319
  ];
@@ -6838,15 +6873,17 @@ function mdMaxlengthDirective($animate) {
6838
6873
  mdMaxlengthDirective.$inject = ["$animate"];
6839
6874
 
6840
6875
  function placeholderDirective($log) {
6876
+ var blackListElements = ['MD-SELECT'];
6841
6877
  return {
6842
6878
  restrict: 'A',
6843
6879
  require: '^^?mdInputContainer',
6844
- priority:200,
6880
+ priority: 200,
6845
6881
  link: postLink
6846
6882
  };
6847
6883
 
6848
6884
  function postLink(scope, element, attr, inputContainer) {
6849
6885
  if (!inputContainer) return;
6886
+ if (blackListElements.indexOf(element[0].nodeName) != -1) return;
6850
6887
  if (angular.isDefined(inputContainer.element.attr('md-no-float'))) return;
6851
6888
 
6852
6889
  var placeholderText = attr.placeholder;
@@ -7075,8 +7112,9 @@ function mdListItemDirective($mdAria, $mdConstant, $timeout) {
7075
7112
 
7076
7113
  if (!hasClick && !proxies.length) {
7077
7114
  firstChild.addEventListener('keypress', function(e) {
7078
- if (e.target.nodeName != 'INPUT') {
7079
- if (e.keyCode == $mdConstant.KEY_CODE.SPACE) {
7115
+ if (e.target.nodeName != 'INPUT' && e.target.nodeName != 'TEXTAREA') {
7116
+ var keyCode = e.which || e.keyCode;
7117
+ if (keyCode == $mdConstant.KEY_CODE.SPACE) {
7080
7118
  firstChild.click();
7081
7119
  e.preventDefault();
7082
7120
  e.stopPropagation();
@@ -7688,9 +7726,11 @@ angular.module('material.components.select', [
7688
7726
  * @param {expression} ng-model The model!
7689
7727
  * @param {boolean=} multiple Whether it's multiple.
7690
7728
  * @param {string=} placeholder Placeholder hint text.
7729
+ * @param {string=} aria-label Optional label for accessibility. Only necessary if no placeholder or
7730
+ * explicit label is present.
7691
7731
  *
7692
7732
  * @usage
7693
- * With a placeholder (label is added dynamically)
7733
+ * With a placeholder (label and aria-label are added dynamically)
7694
7734
  * <hljs lang="html">
7695
7735
  * <md-select
7696
7736
  * ng-model="someModel"
@@ -7708,10 +7748,7 @@ angular.module('material.components.select', [
7708
7748
  * </md-select>
7709
7749
  * </hljs>
7710
7750
  */
7711
- function SelectDirective($mdSelect, $mdUtil, $mdTheming, $interpolate, $compile, $parse) {
7712
- var intStart = $interpolate.startSymbol();
7713
- var intEnd = $interpolate.endSymbol();
7714
-
7751
+ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $mdAria, $interpolate, $compile, $parse) {
7715
7752
  return {
7716
7753
  restrict: 'E',
7717
7754
  require: ['mdSelect', 'ngModel', '?^form'],
@@ -7783,8 +7820,6 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $interpolate, $compile,
7783
7820
 
7784
7821
  attr.tabindex = attr.tabindex || '0';
7785
7822
 
7786
- $mdTheming(element);
7787
-
7788
7823
  return function postLink(scope, element, attr, ctrls) {
7789
7824
  var isOpen;
7790
7825
  var isDisabled;
@@ -7798,6 +7833,8 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $interpolate, $compile,
7798
7833
  var selectContainer, selectScope, selectMenuCtrl;
7799
7834
  createSelect();
7800
7835
 
7836
+ $mdTheming(element);
7837
+
7801
7838
  if (attr.name && formCtrl) {
7802
7839
  var selectEl = element.parent()[0].querySelector('select[name=".' + attr.name + '"]')
7803
7840
  formCtrl.$removeControl(angular.element(selectEl).controller());
@@ -7809,40 +7846,30 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $interpolate, $compile,
7809
7846
  syncLabelText();
7810
7847
  };
7811
7848
 
7812
- var lineHeight;
7813
7849
  mdSelectCtrl.setLabelText = function(text) {
7814
7850
  if (customLabel) return; // Assume that user is handling it on their own
7815
7851
  mdSelectCtrl.setIsPlaceholder(!text);
7816
- var newText = text || attr.placeholder || '';
7852
+ text = text || attr.placeholder || '';
7817
7853
  var target = customLabel ? labelEl : labelEl.children().eq(0);
7818
-
7819
- if (!lineHeight) {
7820
- target.text('M');
7821
- lineHeight = target[0].offsetHeight;
7822
- }
7823
-
7824
- var doneShrinking = false;
7825
- var didShrink = false;
7826
- do {
7827
- target.text(newText);
7828
- if (target[0].offsetHeight > lineHeight) {
7829
- newText = newText.slice(0, -1);
7830
- didShrink = true;
7831
- } else {
7832
- if (didShrink == true) {
7833
- newText = newText.slice(0, -3) + '...';
7834
- target.text(newText);
7835
- }
7836
- doneShrinking = true;
7837
- }
7838
- } while (!doneShrinking);
7854
+ target.text(text);
7839
7855
  };
7840
7856
 
7841
7857
  mdSelectCtrl.setIsPlaceholder = function(val) {
7842
7858
  val ? labelEl.addClass('md-placeholder') : labelEl.removeClass('md-placeholder');
7843
7859
  };
7844
7860
 
7845
- scope.$$postDigest(syncLabelText);
7861
+ scope.$$postDigest(function() {
7862
+ setAriaLabel();
7863
+ syncLabelText();
7864
+ });
7865
+
7866
+ function setAriaLabel() {
7867
+ var labelText = element.attr('placeholder');
7868
+ if (!labelText) {
7869
+ labelText = element.find('md-select-label').text();
7870
+ }
7871
+ $mdAria.expect(element, 'aria-label', labelText);
7872
+ }
7846
7873
 
7847
7874
  function syncLabelText() {
7848
7875
  if (selectContainer) {
@@ -7903,8 +7930,7 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $interpolate, $compile,
7903
7930
  element.attr({
7904
7931
  'role': 'combobox',
7905
7932
  'id': 'select_' + $mdUtil.nextUid(),
7906
- 'aria-expanded': 'false',
7907
- 'aria-labelledby': labelEl.attr('id')
7933
+ 'aria-expanded': 'false'
7908
7934
  });
7909
7935
 
7910
7936
  scope.$on('$destroy', function() {
@@ -7970,7 +7996,7 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $interpolate, $compile,
7970
7996
  };
7971
7997
  }
7972
7998
  }
7973
- SelectDirective.$inject = ["$mdSelect", "$mdUtil", "$mdTheming", "$interpolate", "$compile", "$parse"];
7999
+ SelectDirective.$inject = ["$mdSelect", "$mdUtil", "$mdTheming", "$mdAria", "$interpolate", "$compile", "$parse"];
7974
8000
 
7975
8001
  function SelectMenuDirective($parse, $mdUtil, $mdTheming) {
7976
8002
 
@@ -8045,6 +8071,10 @@ function SelectMenuDirective($parse, $mdUtil, $mdTheming) {
8045
8071
  // and values matching every option's controller.
8046
8072
  self.options = {};
8047
8073
 
8074
+ $scope.$watch(function() { return self.options; }, function() {
8075
+ self.ngModel.$render();
8076
+ }, true);
8077
+
8048
8078
  var deregisterCollectionWatch;
8049
8079
  self.setMultiple = function(isMultiple) {
8050
8080
  var ngModel = self.ngModel;
@@ -8236,7 +8266,7 @@ function OptionDirective($mdInkRipple, $mdUtil) {
8236
8266
  } else if (angular.isDefined(attr.value)) {
8237
8267
  setOptionValue(attr.value);
8238
8268
  } else {
8239
- scope.$watch(function() { return element.text(); }, setOptionValue)
8269
+ scope.$watch(function() { return element.text(); }, setOptionValue);
8240
8270
  }
8241
8271
 
8242
8272
  scope.$$postDigest(function() {
@@ -8411,7 +8441,6 @@ function SelectProvider($$interimElementProvider) {
8411
8441
  return $mdUtil.transitionEndPromise(opts.selectEl, {timeout: 350});
8412
8442
 
8413
8443
  function configureAria() {
8414
- opts.selectEl.attr('aria-labelledby', opts.target.attr('id'));
8415
8444
  opts.target.attr('aria-expanded', 'true');
8416
8445
  }
8417
8446
 
@@ -8534,7 +8563,7 @@ function SelectProvider($$interimElementProvider) {
8534
8563
 
8535
8564
  function animateSelect(scope, element, opts) {
8536
8565
  var containerNode = element[0],
8537
- targetNode = opts.target[0],
8566
+ targetNode = opts.target[0].firstElementChild.firstElementChild, // target the first span, functioning as the label
8538
8567
  parentNode = opts.parent[0],
8539
8568
  selectNode = opts.selectEl[0],
8540
8569
  contentNode = opts.contentEl[0],
@@ -8630,8 +8659,9 @@ function SelectProvider($$interimElementProvider) {
8630
8659
  }
8631
8660
  } else {
8632
8661
  left = targetRect.left + centeredRect.left - centeredRect.paddingLeft;
8633
- top = targetRect.top + targetRect.height / 2 - centeredRect.height / 2 -
8634
- centeredRect.top + contentNode.scrollTop;
8662
+ top = Math.floor(targetRect.top + targetRect.height / 2 - centeredRect.height / 2 -
8663
+ centeredRect.top + contentNode.scrollTop);
8664
+
8635
8665
 
8636
8666
  transformOrigin = (centeredRect.left + targetRect.width / 2) + 'px ' +
8637
8667
  (centeredRect.top + centeredRect.height / 2 - contentNode.scrollTop) + 'px 0px';
@@ -10441,7 +10471,7 @@ angular.module('material.components.toolbar', [
10441
10471
  * shrinking by. For example, if 0.25 is given then the toolbar will shrink
10442
10472
  * at one fourth the rate at which the user scrolls down. Default 0.5.
10443
10473
  */
10444
- function mdToolbarDirective($$rAF, $mdConstant, $mdUtil, $mdTheming) {
10474
+ function mdToolbarDirective($$rAF, $mdConstant, $mdUtil, $mdTheming, $animate, $timeout) {
10445
10475
 
10446
10476
  return {
10447
10477
  restrict: 'E',
@@ -10523,6 +10553,16 @@ function mdToolbarDirective($$rAF, $mdConstant, $mdUtil, $mdTheming) {
10523
10553
  );
10524
10554
 
10525
10555
  prevScrollTop = scrollTop;
10556
+
10557
+ if (element.hasClass('md-whiteframe-z1')) {
10558
+ if (!y) {
10559
+ $timeout(function () { $animate.removeClass(element, 'md-whiteframe-z1'); });
10560
+ }
10561
+ } else {
10562
+ if (y) {
10563
+ $timeout(function () { $animate.addClass(element, 'md-whiteframe-z1'); });
10564
+ }
10565
+ }
10526
10566
  }
10527
10567
 
10528
10568
  }
@@ -10531,7 +10571,7 @@ function mdToolbarDirective($$rAF, $mdConstant, $mdUtil, $mdTheming) {
10531
10571
  };
10532
10572
 
10533
10573
  }
10534
- mdToolbarDirective.$inject = ["$$rAF", "$mdConstant", "$mdUtil", "$mdTheming"];
10574
+ mdToolbarDirective.$inject = ["$$rAF", "$mdConstant", "$mdUtil", "$mdTheming", "$animate", "$timeout"];
10535
10575
 
10536
10576
  /**
10537
10577
  * @ngdoc module
@@ -10905,6 +10945,7 @@ function MdAutocompleteCtrl ($scope, $element, $mdUtil, $mdConstant, $timeout, $
10905
10945
  wrap: $element.find('md-autocomplete-wrap')[0],
10906
10946
  root: document.body
10907
10947
  };
10948
+ elements.li = elements.ul.getElementsByTagName('li');
10908
10949
  elements.snap = getSnapTarget();
10909
10950
  elements.$ = getAngularElements(elements);
10910
10951
  }
@@ -10963,8 +11004,8 @@ function MdAutocompleteCtrl ($scope, $element, $mdUtil, $mdConstant, $timeout, $
10963
11004
 
10964
11005
  function handleSearchText (searchText, previousSearchText) {
10965
11006
  self.index = getDefaultIndex();
10966
- //-- do nothing on init if there is no initial value
10967
- if (!searchText && searchText === previousSearchText) return;
11007
+ //-- do nothing on init
11008
+ if (searchText === previousSearchText) return;
10968
11009
  //-- clear selected item if search text no longer matches it
10969
11010
  if (searchText !== getDisplayValue($scope.selectedItem)) $scope.selectedItem = null;
10970
11011
  else return;
@@ -11095,9 +11136,9 @@ function MdAutocompleteCtrl ($scope, $element, $mdUtil, $mdConstant, $timeout, $
11095
11136
  }
11096
11137
  function handleResults (matches) {
11097
11138
  cache[term] = matches;
11139
+ self.loading = false;
11098
11140
  if (searchText !== $scope.searchText) return; //-- just cache the results if old request
11099
11141
  promise = null;
11100
- self.loading = false;
11101
11142
  self.matches = matches;
11102
11143
  self.hidden = shouldHide();
11103
11144
  updateMessages();
@@ -11121,8 +11162,9 @@ function MdAutocompleteCtrl ($scope, $element, $mdUtil, $mdConstant, $timeout, $
11121
11162
  }
11122
11163
 
11123
11164
  function updateScroll () {
11124
- var top = ITEM_HEIGHT * self.index,
11125
- bot = top + ITEM_HEIGHT,
11165
+ var li = elements.li[self.index],
11166
+ top = li.offsetTop,
11167
+ bot = top + li.offsetHeight,
11126
11168
  hgt = elements.ul.clientHeight;
11127
11169
  if (top < elements.ul.scrollTop) {
11128
11170
  elements.ul.scrollTop = top;
@@ -11165,6 +11207,13 @@ angular
11165
11207
  * `<md-autocomplete>` is a special input component with a drop-down of all possible matches to a custom query.
11166
11208
  * This component allows you to provide real-time suggestions as the user types in the input area.
11167
11209
  *
11210
+ * To start, you will need to specify the required parameters and provide a template for your results.
11211
+ * The content inside `md-autocomplete` will be treated as a template.
11212
+ *
11213
+ * In more complex cases, you may want to include other content such as a message to display when
11214
+ * no matches were found. You can do this by wrapping your template in `md-item-template` and adding
11215
+ * a tag for `md-not-found`. An example of this is shown below.
11216
+ *
11168
11217
  * @param {expression} md-items An expression in the format of `item in items` to iterate over matches for your search.
11169
11218
  * @param {expression} md-selected-item-change An expression to be run each time a new item is selected
11170
11219
  * @param {expression} md-search-text-change An expression to be run each time the search text updates
@@ -11181,6 +11230,7 @@ angular
11181
11230
  * @param {string=} md-menu-class This will be applied to the dropdown menu for styling
11182
11231
  *
11183
11232
  * @usage
11233
+ * ###Basic Example
11184
11234
  * <hljs lang="html">
11185
11235
  * <md-autocomplete
11186
11236
  * md-selected-item="selectedItem"
@@ -11190,6 +11240,25 @@ angular
11190
11240
  * <span md-highlight-text="searchText">{{item.display}}</span>
11191
11241
  * </md-autocomplete>
11192
11242
  * </hljs>
11243
+ *
11244
+ * ###Example with "not found" message
11245
+ * <hljs lang="html">
11246
+ * <md-autocomplete
11247
+ * md-selected-item="selectedItem"
11248
+ * md-search-text="searchText"
11249
+ * md-items="item in getMatches(searchText)"
11250
+ * md-item-text="item.display">
11251
+ * <md-item-template>
11252
+ * <span md-highlight-text="searchText">{{item.display}}</span>
11253
+ * </md-item-template>
11254
+ * <md-not-found>
11255
+ * No matches found.
11256
+ * </md-not-found>
11257
+ * </md-autocomplete>
11258
+ * </hljs>
11259
+ *
11260
+ * In this example, our code utilizes `md-item-template` and `md-not-found` to specify the different
11261
+ * parts that make up our component.
11193
11262
  */
11194
11263
 
11195
11264
  function MdAutocomplete ($mdTheming, $mdUtil) {
@@ -11215,10 +11284,8 @@ function MdAutocomplete ($mdTheming, $mdUtil) {
11215
11284
  menuClass: '@?mdMenuClass'
11216
11285
  },
11217
11286
  template: function (element, attr) {
11218
- //-- grab the original HTML for custom transclusion before Angular attempts to parse it
11219
- //-- the HTML is being stored on the attr object so that it is available to postLink
11220
- attr.$mdAutocompleteTemplate = element.html();
11221
- //-- return the replacement template, which will wipe out the original HTML
11287
+ var itemTemplate = getItemTemplate(),
11288
+ noItemsTemplate = getNoItemsTemplate();
11222
11289
  return '\
11223
11290
  <md-autocomplete-wrap role="listbox">\
11224
11291
  <md-input-container ng-if="floatingLabel">\
@@ -11238,7 +11305,6 @@ function MdAutocomplete ($mdTheming, $mdUtil) {
11238
11305
  aria-haspopup="true"\
11239
11306
  aria-activedescendant=""\
11240
11307
  aria-expanded="{{!$mdAutocompleteCtrl.hidden}}"/>\
11241
- \
11242
11308
  </md-input-container>\
11243
11309
  <input type="text"\
11244
11310
  id="input-{{$mdAutocompleteCtrl.id}}"\
@@ -11262,7 +11328,7 @@ function MdAutocomplete ($mdTheming, $mdUtil) {
11262
11328
  tabindex="-1"\
11263
11329
  ng-if="$mdAutocompleteCtrl.scope.searchText && !isDisabled"\
11264
11330
  ng-click="$mdAutocompleteCtrl.clear()">\
11265
- <md-icon md-svg-icon="cancel"></md-icon>\
11331
+ <md-icon md-svg-icon="md-cancel"></md-icon>\
11266
11332
  <span class="md-visually-hidden">Clear</span>\
11267
11333
  </button>\
11268
11334
  <md-progress-linear\
@@ -11278,9 +11344,16 @@ function MdAutocomplete ($mdTheming, $mdUtil) {
11278
11344
  ng-class="{ selected: index === $mdAutocompleteCtrl.index }"\
11279
11345
  ng-hide="$mdAutocompleteCtrl.hidden"\
11280
11346
  ng-click="$mdAutocompleteCtrl.select(index)"\
11281
- md-autocomplete-list-item-template="contents"\
11282
11347
  md-autocomplete-list-item="$mdAutocompleteCtrl.itemName">\
11348
+ ' + itemTemplate + '\
11283
11349
  </li>\
11350
+ ' + (function () {
11351
+ return noItemsTemplate
11352
+ ? '<li ng-if="!$mdAutocompleteCtrl.matches.length"\
11353
+ ng-hide="$mdAutocompleteCtrl.hidden"\
11354
+ md-autocomplete-parent-scope>' + noItemsTemplate + '</li>'
11355
+ : '';
11356
+ })() + '\
11284
11357
  </ul>\
11285
11358
  </md-autocomplete-wrap>\
11286
11359
  <aria-status\
@@ -11289,15 +11362,21 @@ function MdAutocomplete ($mdTheming, $mdUtil) {
11289
11362
  aria-live="assertive">\
11290
11363
  <p ng-repeat="message in $mdAutocompleteCtrl.messages">{{message.display}}</p>\
11291
11364
  </aria-status>';
11365
+
11366
+ function getItemTemplate () {
11367
+ var templateTag = element.find('md-item-template').remove();
11368
+ return templateTag.length ? templateTag.html() : element.html();
11369
+ }
11370
+
11371
+ function getNoItemsTemplate () {
11372
+ var templateTag = element.find('md-not-found').remove();
11373
+ return templateTag.length ? templateTag.html() : '';
11374
+ }
11292
11375
  }
11293
11376
  };
11294
11377
 
11295
11378
  function link (scope, element, attr) {
11296
- if (attr.ngDisabled) {
11297
- scope.$parent.$watch(attr.ngDisabled, function (val) { scope.isDisabled = val; });
11298
- }
11299
- scope.contents = attr.$mdAutocompleteTemplate;
11300
- delete attr.$mdAutocompleteTemplate;
11379
+ attr.$observe('disabled', function (value) { scope.isDisabled = value; });
11301
11380
 
11302
11381
  $mdUtil.initOptionalProperties(scope, attr, {searchText:null, selectedItem:null} );
11303
11382
 
@@ -11392,7 +11471,6 @@ function MdAutocompleteListItem ($compile, $mdUtil) {
11392
11471
  newScope = ctrl.parent.$new(false, ctrl.parent),
11393
11472
  itemName = ctrl.scope.$eval(attr.mdAutocompleteListItem);
11394
11473
  newScope[itemName] = scope.item;
11395
- element.html(ctrl.scope.$eval(attr.mdAutocompleteListItemTemplate));
11396
11474
  $compile(element.contents())(newScope);
11397
11475
  element.attr({
11398
11476
  role: 'option',
@@ -11402,6 +11480,24 @@ function MdAutocompleteListItem ($compile, $mdUtil) {
11402
11480
  }
11403
11481
  MdAutocompleteListItem.$inject = ["$compile", "$mdUtil"];
11404
11482
 
11483
+ angular
11484
+ .module('material.components.autocomplete')
11485
+ .directive('mdAutocompleteParentScope', MdAutocompleteParentScope);
11486
+
11487
+ function MdAutocompleteParentScope ($compile, $mdUtil) {
11488
+ return {
11489
+ restrict: 'A',
11490
+ terminal: true,
11491
+ link: postLink,
11492
+ scope: false
11493
+ };
11494
+ function postLink (scope, element, attr) {
11495
+ var ctrl = scope.$parent.$mdAutocompleteCtrl;
11496
+ $compile(element.contents())(ctrl.parent);
11497
+ }
11498
+ }
11499
+ MdAutocompleteParentScope.$inject = ["$compile", "$mdUtil"];
11500
+
11405
11501
  angular
11406
11502
  .module('material.components.chips')
11407
11503
  .directive('mdChip', MdChip);
@@ -12028,7 +12124,7 @@ var CHIP_REMOVE_TEMPLATE = '\
12028
12124
  ng-click="$mdChipsCtrl.removeChipAndFocusInput($$replacedScope.$index)"\
12029
12125
  aria-hidden="true"\
12030
12126
  tabindex="-1">\
12031
- <md-icon md-svg-icon="close"></md-icon>\
12127
+ <md-icon md-svg-icon="md-close"></md-icon>\
12032
12128
  <span class="md-visually-hidden">\
12033
12129
  {{$mdChipsCtrl.deleteButtonLabel}}\
12034
12130
  </span>\
@@ -12383,8 +12479,8 @@ function MdTab () {
12383
12479
  label: '@',
12384
12480
  active: '=?mdActive',
12385
12481
  disabled: '=?ngDisabled',
12386
- selectExpr: '@?mdOnSelect',
12387
- deselectExpr: '@?mdOnDeselect'
12482
+ select: '&?mdOnSelect',
12483
+ deselect: '&?mdOnDeselect'
12388
12484
  },
12389
12485
  link: postLink
12390
12486
  };
@@ -12401,8 +12497,8 @@ function MdTab () {
12401
12497
  label: getLabel()
12402
12498
  }, index);
12403
12499
 
12404
- scope.deselect = function () { ctrl.parent.$eval(scope.deselectExpr || ''); };
12405
- scope.select = function () { ctrl.parent.$eval(scope.selectExpr || ''); };
12500
+ scope.select = scope.select || angular.noop;
12501
+ scope.deselect = scope.deselect || angular.noop;
12406
12502
 
12407
12503
  scope.$watch('active', function (active) { if (active) ctrl.select(data.getIndex()); });
12408
12504
  scope.$watch('disabled', function () { ctrl.refreshIndex(); });
@@ -12595,8 +12691,8 @@ function MdTabsController ($scope, $element, $window, $timeout, $mdConstant, $md
12595
12691
 
12596
12692
  function handleWindowResize () {
12597
12693
  ctrl.lastSelectedIndex = $scope.selectedIndex;
12598
- updateInkBarStyles();
12599
12694
  ctrl.offsetLeft = fixOffset(ctrl.offsetLeft);
12695
+ $timeout(updateInkBarStyles, 0, false);
12600
12696
  }
12601
12697
 
12602
12698
  function processQueue () {
@@ -12902,7 +12998,7 @@ angular
12902
12998
  .module('material.components.tabs')
12903
12999
  .directive('mdTabs', MdTabs);
12904
13000
 
12905
- function MdTabs ($mdTheming, $mdUtil) {
13001
+ function MdTabs ($mdTheming, $mdUtil, $compile) {
12906
13002
  return {
12907
13003
  scope: {
12908
13004
  noPagination: '=?mdNoPagination',
@@ -12911,101 +13007,108 @@ function MdTabs ($mdTheming, $mdUtil) {
12911
13007
  selectedIndex: '=?mdSelected',
12912
13008
  stretchTabs: '@?mdStretchTabs'
12913
13009
  },
12914
- transclude: true,
12915
- template: '\
12916
- <md-tabs-wrapper ng-class="{ \'md-stretch-tabs\': $mdTabsCtrl.shouldStretchTabs() }">\
12917
- <md-tab-data ng-transclude></md-tab-data>\
12918
- <md-prev-button\
12919
- tabindex="-1"\
12920
- role="button"\
12921
- aria-label="Previous Page"\
12922
- aria-disabled="{{!$mdTabsCtrl.canPageBack()}}"\
12923
- ng-class="{ \'md-disabled\': !$mdTabsCtrl.canPageBack() }"\
12924
- ng-if="$mdTabsCtrl.shouldPaginate()"\
12925
- ng-click="$mdTabsCtrl.previousPage()">\
12926
- <md-icon md-svg-icon="tabs-arrow"></md-icon>\
12927
- </md-prev-button>\
12928
- <md-next-button\
12929
- tabindex="-1"\
12930
- role="button"\
12931
- aria-label="Next Page"\
12932
- aria-disabled="{{!$mdTabsCtrl.canPageForward()}}"\
12933
- ng-class="{ \'md-disabled\': !$mdTabsCtrl.canPageForward() }"\
12934
- ng-if="$mdTabsCtrl.shouldPaginate()"\
12935
- ng-click="$mdTabsCtrl.nextPage()">\
12936
- <md-icon md-svg-icon="tabs-arrow"></md-icon>\
12937
- </md-next-button>\
12938
- <md-tabs-canvas\
12939
- tabindex="0"\
12940
- aria-activedescendant="tab-item-{{$mdTabsCtrl.tabs[$mdTabsCtrl.focusIndex].id}}"\
12941
- ng-focus="$mdTabsCtrl.redirectFocus()"\
12942
- ng-class="{ \'md-paginated\': $mdTabsCtrl.shouldPaginate() }"\
12943
- ng-keydown="$mdTabsCtrl.keydown($event)"\
12944
- role="tablist">\
12945
- <md-pagination-wrapper\
12946
- ng-class="{ \'md-center-tabs\': $mdTabsCtrl.shouldCenterTabs() }"\
12947
- md-tab-scroll="$mdTabsCtrl.scroll($event)">\
12948
- <md-tab-item\
12949
- tabindex="-1"\
12950
- class="md-tab"\
12951
- style="max-width: {{ tabWidth ? tabWidth + \'px\' : \'none\' }}"\
12952
- ng-repeat="tab in $mdTabsCtrl.tabs"\
12953
- role="tab"\
12954
- aria-controls="tab-content-{{tab.id}}"\
12955
- aria-selected="{{tab.isActive()}}"\
12956
- aria-disabled="{{tab.scope.disabled || \'false\'}}"\
12957
- ng-click="$mdTabsCtrl.select(tab.getIndex())"\
12958
- ng-class="{\
12959
- \'md-active\': tab.isActive(),\
12960
- \'md-focused\': tab.hasFocus(),\
12961
- \'md-disabled\': tab.scope.disabled\
12962
- }"\
12963
- ng-disabled="tab.scope.disabled"\
12964
- md-swipe-left="$mdTabsCtrl.nextPage()"\
12965
- md-swipe-right="$mdTabsCtrl.previousPage()"\
12966
- md-template="tab.label"\
12967
- md-scope="tab.parent"></md-tab-item>\
12968
- <md-ink-bar ng-hide="noInkBar"></md-ink-bar>\
12969
- </md-pagination-wrapper>\
12970
- <div class="md-visually-hidden md-dummy-wrapper">\
12971
- <md-dummy-tab\
12972
- tabindex="-1"\
12973
- id="tab-item-{{tab.id}}"\
12974
- role="tab"\
12975
- aria-controls="tab-content-{{tab.id}}"\
12976
- aria-selected="{{tab.isActive()}}"\
12977
- aria-disabled="{{tab.scope.disabled || \'false\'}}"\
12978
- ng-focus="$mdTabsCtrl.hasFocus = true"\
12979
- ng-blur="$mdTabsCtrl.hasFocus = false"\
12980
- ng-repeat="tab in $mdTabsCtrl.tabs"\
12981
- md-template="tab.label"\
12982
- md-scope="tab.parent"></md-dummy-tab>\
12983
- </div>\
12984
- </md-tabs-canvas>\
12985
- </md-tabs-wrapper>\
12986
- <md-tabs-content-wrapper ng-show="$mdTabsCtrl.hasContent">\
12987
- <md-tab-content\
12988
- id="tab-content-{{tab.id}}"\
12989
- role="tabpanel"\
12990
- aria-labelledby="tab-item-{{tab.id}}"\
12991
- md-swipe-left="$mdTabsCtrl.incrementSelectedIndex(1)"\
12992
- md-swipe-right="$mdTabsCtrl.incrementSelectedIndex(-1)"\
12993
- ng-if="$mdTabsCtrl.hasContent"\
12994
- ng-repeat="(index, tab) in $mdTabsCtrl.tabs" \
12995
- md-template="tab.template"\
12996
- md-scope="tab.parent"\
12997
- ng-class="{\
12998
- \'md-no-transition\': $mdTabsCtrl.lastSelectedIndex == null,\
12999
- \'md-active\': tab.isActive(),\
13000
- \'md-left\': tab.isLeft(),\
13001
- \'md-right\': tab.isRight(),\
13002
- \'md-no-scroll\': dynamicHeight\
13003
- }"></md-tab-content>\
13004
- </md-tabs-content-wrapper>\
13005
- ',
13010
+ template: function (element, attr) {
13011
+ attr.$mdTabsTemplate = element.html();
13012
+ return '\
13013
+ <md-tabs-wrapper ng-class="{ \'md-stretch-tabs\': $mdTabsCtrl.shouldStretchTabs() }">\
13014
+ <md-tab-data></md-tab-data>\
13015
+ <md-prev-button\
13016
+ tabindex="-1"\
13017
+ role="button"\
13018
+ aria-label="Previous Page"\
13019
+ aria-disabled="{{!$mdTabsCtrl.canPageBack()}}"\
13020
+ ng-class="{ \'md-disabled\': !$mdTabsCtrl.canPageBack() }"\
13021
+ ng-if="$mdTabsCtrl.shouldPaginate()"\
13022
+ ng-click="$mdTabsCtrl.previousPage()">\
13023
+ <md-icon md-svg-icon="md-tabs-arrow"></md-icon>\
13024
+ </md-prev-button>\
13025
+ <md-next-button\
13026
+ tabindex="-1"\
13027
+ role="button"\
13028
+ aria-label="Next Page"\
13029
+ aria-disabled="{{!$mdTabsCtrl.canPageForward()}}"\
13030
+ ng-class="{ \'md-disabled\': !$mdTabsCtrl.canPageForward() }"\
13031
+ ng-if="$mdTabsCtrl.shouldPaginate()"\
13032
+ ng-click="$mdTabsCtrl.nextPage()">\
13033
+ <md-icon md-svg-icon="md-tabs-arrow"></md-icon>\
13034
+ </md-next-button>\
13035
+ <md-tabs-canvas\
13036
+ tabindex="0"\
13037
+ aria-activedescendant="tab-item-{{$mdTabsCtrl.tabs[$mdTabsCtrl.focusIndex].id}}"\
13038
+ ng-focus="$mdTabsCtrl.redirectFocus()"\
13039
+ ng-class="{\
13040
+ \'md-paginated\': $mdTabsCtrl.shouldPaginate(),\
13041
+ \'md-center-tabs\': $mdTabsCtrl.shouldCenterTabs()\
13042
+ }"\
13043
+ ng-keydown="$mdTabsCtrl.keydown($event)"\
13044
+ role="tablist">\
13045
+ <md-pagination-wrapper\
13046
+ ng-class="{ \'md-center-tabs\': $mdTabsCtrl.shouldCenterTabs() }"\
13047
+ md-tab-scroll="$mdTabsCtrl.scroll($event)">\
13048
+ <md-tab-item\
13049
+ tabindex="-1"\
13050
+ class="md-tab"\
13051
+ style="max-width: {{ tabWidth ? tabWidth + \'px\' : \'none\' }}"\
13052
+ ng-repeat="tab in $mdTabsCtrl.tabs"\
13053
+ role="tab"\
13054
+ aria-controls="tab-content-{{tab.id}}"\
13055
+ aria-selected="{{tab.isActive()}}"\
13056
+ aria-disabled="{{tab.scope.disabled || \'false\'}}"\
13057
+ ng-click="$mdTabsCtrl.select(tab.getIndex())"\
13058
+ ng-class="{\
13059
+ \'md-active\': tab.isActive(),\
13060
+ \'md-focused\': tab.hasFocus(),\
13061
+ \'md-disabled\': tab.scope.disabled\
13062
+ }"\
13063
+ ng-disabled="tab.scope.disabled"\
13064
+ md-swipe-left="$mdTabsCtrl.nextPage()"\
13065
+ md-swipe-right="$mdTabsCtrl.previousPage()"\
13066
+ md-template="tab.label"\
13067
+ md-scope="tab.parent"></md-tab-item>\
13068
+ <md-ink-bar ng-hide="noInkBar"></md-ink-bar>\
13069
+ </md-pagination-wrapper>\
13070
+ <div class="md-visually-hidden md-dummy-wrapper">\
13071
+ <md-dummy-tab\
13072
+ tabindex="-1"\
13073
+ id="tab-item-{{tab.id}}"\
13074
+ role="tab"\
13075
+ aria-controls="tab-content-{{tab.id}}"\
13076
+ aria-selected="{{tab.isActive()}}"\
13077
+ aria-disabled="{{tab.scope.disabled || \'false\'}}"\
13078
+ ng-focus="$mdTabsCtrl.hasFocus = true"\
13079
+ ng-blur="$mdTabsCtrl.hasFocus = false"\
13080
+ ng-repeat="tab in $mdTabsCtrl.tabs"\
13081
+ md-template="tab.label"\
13082
+ md-scope="tab.parent"></md-dummy-tab>\
13083
+ </div>\
13084
+ </md-tabs-canvas>\
13085
+ </md-tabs-wrapper>\
13086
+ <md-tabs-content-wrapper ng-show="$mdTabsCtrl.hasContent">\
13087
+ <md-tab-content\
13088
+ id="tab-content-{{tab.id}}"\
13089
+ role="tabpanel"\
13090
+ aria-labelledby="tab-item-{{tab.id}}"\
13091
+ md-swipe-left="$mdTabsCtrl.incrementSelectedIndex(1)"\
13092
+ md-swipe-right="$mdTabsCtrl.incrementSelectedIndex(-1)"\
13093
+ ng-if="$mdTabsCtrl.hasContent"\
13094
+ ng-repeat="(index, tab) in $mdTabsCtrl.tabs" \
13095
+ md-template="tab.template"\
13096
+ md-scope="tab.parent"\
13097
+ ng-class="{\
13098
+ \'md-no-transition\': $mdTabsCtrl.lastSelectedIndex == null,\
13099
+ \'md-active\': tab.isActive(),\
13100
+ \'md-left\': tab.isLeft(),\
13101
+ \'md-right\': tab.isRight(),\
13102
+ \'md-no-scroll\': dynamicHeight\
13103
+ }"></md-tab-content>\
13104
+ </md-tabs-content-wrapper>\
13105
+ ';
13106
+ },
13006
13107
  controller: 'MdTabsController',
13007
13108
  controllerAs: '$mdTabsCtrl',
13008
13109
  link: function (scope, element, attr) {
13110
+ compileTabData(attr.$mdTabsTemplate);
13111
+ delete attr.$mdTabsTemplate;
13009
13112
 
13010
13113
  $mdUtil.initOptionalProperties(scope, attr);
13011
13114
 
@@ -13015,10 +13118,16 @@ function MdTabs ($mdTheming, $mdUtil) {
13015
13118
  scope.selectedIndex = angular.isNumber(scope.selectedIndex) ? scope.selectedIndex : 0;
13016
13119
  //-- apply themes
13017
13120
  $mdTheming(element);
13121
+
13122
+ function compileTabData (template) {
13123
+ var dataElement = element.find('md-tab-data');
13124
+ dataElement.html(template);
13125
+ $compile(dataElement.contents())(scope.$parent);
13126
+ }
13018
13127
  }
13019
13128
  };
13020
13129
  }
13021
- MdTabs.$inject = ["$mdTheming", "$mdUtil"];
13130
+ MdTabs.$inject = ["$mdTheming", "$mdUtil", "$compile"];
13022
13131
 
13023
13132
  angular
13024
13133
  .module('material.components.tabs')
@@ -13043,5 +13152,5 @@ function MdTemplate ($compile) {
13043
13152
  MdTemplate.$inject = ["$compile"];
13044
13153
 
13045
13154
  (function(){
13046
- angular.module("material.core").constant("$MD_THEME_CSS", "/* mixin definition ; sets LTR and RTL within the same style call */md-autocomplete.md-THEME_NAME-theme { background: '{{background-50}}'; } md-autocomplete.md-THEME_NAME-theme button md-icon path { fill: '{{background-600}}'; } md-autocomplete.md-THEME_NAME-theme button:after { background: '{{background-600-0.3}}'; }.md-autocomplete-suggestions.md-THEME_NAME-theme { background: '{{background-50}}'; } .md-autocomplete-suggestions.md-THEME_NAME-theme li { color: '{{background-900}}'; } .md-autocomplete-suggestions.md-THEME_NAME-theme li .highlight { color: '{{background-600}}'; } .md-autocomplete-suggestions.md-THEME_NAME-theme li:hover, .md-autocomplete-suggestions.md-THEME_NAME-theme li.selected { background: '{{background-200}}'; }md-backdrop.md-opaque.md-THEME_NAME-theme { background-color: '{{foreground-4-0.5}}'; }md-bottom-sheet.md-THEME_NAME-theme { background-color: '{{background-50}}'; border-top-color: '{{background-300}}'; } md-bottom-sheet.md-THEME_NAME-theme.md-list md-list-item { color: '{{foreground-1}}'; } md-bottom-sheet.md-THEME_NAME-theme .md-subheader { background-color: '{{background-50}}'; } md-bottom-sheet.md-THEME_NAME-theme .md-subheader { color: '{{foreground-1}}'; }a.md-button.md-THEME_NAME-theme, .md-button.md-THEME_NAME-theme { border-radius: 3px; } a.md-button.md-THEME_NAME-theme:not([disabled]):hover, .md-button.md-THEME_NAME-theme:not([disabled]):hover { background-color: '{{background-500-0.2}}'; } a.md-button.md-THEME_NAME-theme:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme:not([disabled]).md-focused { background-color: '{{background-500-0.2}}'; } a.md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover, .md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover { background-color: transparent; } a.md-button.md-THEME_NAME-theme.md-fab, .md-button.md-THEME_NAME-theme.md-fab { border-radius: 50%; background-color: '{{accent-color}}'; color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-fab md-icon, .md-button.md-THEME_NAME-theme.md-fab md-icon { color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover { background-color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused { background-color: '{{accent-A700}}'; } a.md-button.md-THEME_NAME-theme.md-primary, .md-button.md-THEME_NAME-theme.md-primary { color: '{{primary-color}}'; } a.md-button.md-THEME_NAME-theme.md-primary.md-raised, a.md-button.md-THEME_NAME-theme.md-primary.md-fab, .md-button.md-THEME_NAME-theme.md-primary.md-raised, .md-button.md-THEME_NAME-theme.md-primary.md-fab { color: '{{primary-contrast}}'; background-color: '{{primary-color}}'; } a.md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]) md-icon, a.md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]) md-icon { color: '{{primary-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]):hover, a.md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):hover { background-color: '{{primary-color}}'; } a.md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]).md-focused, a.md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]).md-focused { background-color: '{{primary-600}}'; } a.md-button.md-THEME_NAME-theme.md-primary:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-primary:not([disabled]) md-icon { color: '{{primary-color}}'; } a.md-button.md-THEME_NAME-theme.md-fab, .md-button.md-THEME_NAME-theme.md-fab { border-radius: 50%; background-color: '{{accent-color}}'; color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]) .md-icon, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]) .md-icon { color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover { background-color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused { background-color: '{{accent-A700}}'; } a.md-button.md-THEME_NAME-theme.md-raised, .md-button.md-THEME_NAME-theme.md-raised { color: '{{background-contrast}}'; background-color: '{{background-50}}'; } a.md-button.md-THEME_NAME-theme.md-raised:not([disabled]) .md-icon, .md-button.md-THEME_NAME-theme.md-raised:not([disabled]) .md-icon { color: '{{background-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover { background-color: '{{background-50}}'; } a.md-button.md-THEME_NAME-theme.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-raised:not([disabled]).md-focused { background-color: '{{background-200}}'; } a.md-button.md-THEME_NAME-theme.md-warn, .md-button.md-THEME_NAME-theme.md-warn { color: '{{warn-color}}'; } a.md-button.md-THEME_NAME-theme.md-warn.md-raised, a.md-button.md-THEME_NAME-theme.md-warn.md-fab, .md-button.md-THEME_NAME-theme.md-warn.md-raised, .md-button.md-THEME_NAME-theme.md-warn.md-fab { color: '{{warn-contrast}}'; background-color: '{{warn-color}}'; } a.md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]) md-icon, a.md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]) md-icon { color: '{{warn-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]):hover, a.md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]):hover { background-color: '{{warn-color}}'; } a.md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]).md-focused, a.md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]).md-focused { background-color: '{{warn-700}}'; } a.md-button.md-THEME_NAME-theme.md-warn:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-warn:not([disabled]) md-icon { color: '{{warn-color}}'; } a.md-button.md-THEME_NAME-theme.md-accent, .md-button.md-THEME_NAME-theme.md-accent { color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-accent.md-raised, a.md-button.md-THEME_NAME-theme.md-accent.md-fab, .md-button.md-THEME_NAME-theme.md-accent.md-raised, .md-button.md-THEME_NAME-theme.md-accent.md-fab { color: '{{accent-contrast}}'; background-color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]) md-icon, a.md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]) md-icon { color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]):hover, a.md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]):hover { background-color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]).md-focused, a.md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]).md-focused { background-color: '{{accent-700}}'; } a.md-button.md-THEME_NAME-theme.md-accent:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-accent:not([disabled]) md-icon { color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme[disabled], a.md-button.md-THEME_NAME-theme.md-raised[disabled], a.md-button.md-THEME_NAME-theme.md-fab[disabled], a.md-button.md-THEME_NAME-theme.md-accent[disabled], a.md-button.md-THEME_NAME-theme.md-warn[disabled], .md-button.md-THEME_NAME-theme[disabled], .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled], .md-button.md-THEME_NAME-theme.md-accent[disabled], .md-button.md-THEME_NAME-theme.md-warn[disabled] { color: '{{foreground-3}}'; cursor: not-allowed; } a.md-button.md-THEME_NAME-theme[disabled] md-icon, a.md-button.md-THEME_NAME-theme.md-raised[disabled] md-icon, a.md-button.md-THEME_NAME-theme.md-fab[disabled] md-icon, a.md-button.md-THEME_NAME-theme.md-accent[disabled] md-icon, a.md-button.md-THEME_NAME-theme.md-warn[disabled] md-icon, .md-button.md-THEME_NAME-theme[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-raised[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-fab[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-accent[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-warn[disabled] md-icon { color: '{{foreground-3}}'; } a.md-button.md-THEME_NAME-theme.md-raised[disabled], a.md-button.md-THEME_NAME-theme.md-fab[disabled], .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled] { background-color: '{{foreground-4}}'; } a.md-button.md-THEME_NAME-theme[disabled], .md-button.md-THEME_NAME-theme[disabled] { background-color: transparent; }md-card.md-THEME_NAME-theme { background-color: '{{background-color}}'; border-radius: 2px; } md-card.md-THEME_NAME-theme .md-card-image { border-radius: 2px 2px 0 0; }md-checkbox.md-THEME_NAME-theme .md-ripple { color: '{{accent-600}}'; }md-checkbox.md-THEME_NAME-theme.md-checked .md-ripple { color: '{{background-600}}'; }md-checkbox.md-THEME_NAME-theme.md-checked.md-focused .md-container:before { background-color: '{{accent-color-0.26}}'; }md-checkbox.md-THEME_NAME-theme .md-icon { border-color: '{{foreground-2}}'; }md-checkbox.md-THEME_NAME-theme.md-checked .md-icon { background-color: '{{accent-color-0.87}}'; }md-checkbox.md-THEME_NAME-theme.md-checked .md-icon:after { border-color: '{{background-200}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ripple { color: '{{primary-600}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ripple { color: '{{background-600}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-icon { border-color: '{{foreground-2}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon { background-color: '{{primary-color-0.87}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked.md-focused .md-container:before { background-color: '{{primary-color-0.26}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon:after { border-color: '{{background-200}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ripple { color: '{{warn-600}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-icon { border-color: '{{foreground-2}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon { background-color: '{{warn-color-0.87}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before { background-color: '{{warn-color-0.26}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon:after { border-color: '{{background-200}}'; }md-checkbox.md-THEME_NAME-theme[disabled] .md-icon { border-color: '{{foreground-3}}'; }md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon { background-color: '{{foreground-3}}'; }md-checkbox.md-THEME_NAME-theme[disabled] .md-label { color: '{{foreground-3}}'; }md-chips.md-THEME_NAME-theme .md-chips { box-shadow: 0 1px '{{background-300}}'; } md-chips.md-THEME_NAME-theme .md-chips.md-focused { box-shadow: 0 2px '{{primary-color}}'; }md-chips.md-THEME_NAME-theme .md-chip { background: '{{background-300}}'; color: '{{background-800}}'; } md-chips.md-THEME_NAME-theme .md-chip.md-focused { background: '{{primary-color}}'; color: '{{primary-contrast}}'; } md-chips.md-THEME_NAME-theme .md-chip.md-focused md-icon { color: '{{primary-contrast}}'; }md-chips.md-THEME_NAME-theme md-chip-remove .md-button md-icon path { fill: '{{background-500}}'; }.md-contact-suggestion span.md-contact-email { color: '{{background-400}}'; }md-content.md-THEME_NAME-theme { background-color: '{{background-color}}'; }md-dialog.md-THEME_NAME-theme { border-radius: 4px; background-color: '{{background-color}}'; } md-dialog.md-THEME_NAME-theme.md-content-overflow .md-actions { border-top-color: '{{foreground-4}}'; }md-divider.md-THEME_NAME-theme { border-top-color: '{{foreground-4}}'; }md-icon.md-THEME_NAME-theme { color: '{{foreground-2}}'; } md-icon.md-THEME_NAME-theme.md-primary { color: '{{primary-color}}'; } md-icon.md-THEME_NAME-theme.md-accent { color: '{{accent-color}}'; } md-icon.md-THEME_NAME-theme.md-warn { color: '{{warn-color}}'; }md-input-container.md-THEME_NAME-theme .md-input { color: '{{foreground-1}}'; border-color: '{{foreground-4}}'; text-shadow: '{{foreground-shadow}}'; } md-input-container.md-THEME_NAME-theme .md-input::-webkit-input-placeholder, md-input-container.md-THEME_NAME-theme .md-input::-moz-placeholder, md-input-container.md-THEME_NAME-theme .md-input:-moz-placeholder, md-input-container.md-THEME_NAME-theme .md-input:-ms-input-placeholder { color: '{{foreground-3}}'; }md-input-container.md-THEME_NAME-theme > md-icon { color: '{{foreground-1}}'; }md-input-container.md-THEME_NAME-theme label, md-input-container.md-THEME_NAME-theme .md-placeholder { text-shadow: '{{foreground-shadow}}'; color: '{{foreground-3}}'; }md-input-container.md-THEME_NAME-theme ng-messages, md-input-container.md-THEME_NAME-theme [ng-message], md-input-container.md-THEME_NAME-theme [data-ng-message], md-input-container.md-THEME_NAME-theme [x-ng-message] { color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-has-value label { color: '{{foreground-2}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused .md-input { border-color: '{{primary-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused label { color: '{{primary-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused md-icon { color: '{{primary-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent .md-input { border-color: '{{accent-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent label { color: '{{accent-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn .md-input { border-color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn label { color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input { border-color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme.md-input-invalid.md-input-focused label { color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme.md-input-invalid ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid data-ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid x-ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid [ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid [data-ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid [x-ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid .md-char-counter { color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme .md-input[disabled], [disabled] md-input-container.md-THEME_NAME-theme .md-input { border-bottom-color: transparent; color: '{{foreground-3}}'; background-image: linear-gradient(to right, '{{foreground-4}}' 0%, '{{foreground-4}}' 33%, transparent 0%); background-image: -ms-linear-gradient(left, transparent 0%, '{{foreground-4}}' 100%); }md-list.md-THEME_NAME-theme md-list-item.md-2-line .md-list-item-text h3, md-list.md-THEME_NAME-theme md-list-item.md-2-line .md-list-item-text h4, md-list.md-THEME_NAME-theme md-list-item.md-3-line .md-list-item-text h3, md-list.md-THEME_NAME-theme md-list-item.md-3-line .md-list-item-text h4 { color: '{{foreground-1}}'; }md-list.md-THEME_NAME-theme md-list-item.md-2-line .md-list-item-text p, md-list.md-THEME_NAME-theme md-list-item.md-3-line .md-list-item-text p { color: '{{foreground-2}}'; }md-list.md-THEME_NAME-theme .md-proxy-focus.md-focused div.md-no-style { background-color: '{{background-100}}'; }md-list.md-THEME_NAME-theme md-list-item > md-icon { color: '{{foreground-2}}'; } md-list.md-THEME_NAME-theme md-list-item > md-icon.md-highlight { color: '{{primary-color}}'; } md-list.md-THEME_NAME-theme md-list-item > md-icon.md-highlight.md-accent { color: '{{accent-color}}'; }md-list.md-THEME_NAME-theme md-list-item button { background-color: '{{background-color}}'; } md-list.md-THEME_NAME-theme md-list-item button.md-button:not([disabled]):hover { background-color: '{{background-color}}'; }md-progress-circular.md-THEME_NAME-theme { background-color: transparent; } md-progress-circular.md-THEME_NAME-theme .md-inner .md-gap { border-top-color: '{{primary-color}}'; border-bottom-color: '{{primary-color}}'; } md-progress-circular.md-THEME_NAME-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme .md-inner .md-right .md-half-circle { border-top-color: '{{primary-color}}'; } md-progress-circular.md-THEME_NAME-theme .md-inner .md-right .md-half-circle { border-right-color: '{{primary-color}}'; } md-progress-circular.md-THEME_NAME-theme .md-inner .md-left .md-half-circle { border-left-color: '{{primary-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-gap { border-top-color: '{{warn-color}}'; border-bottom-color: '{{warn-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-right .md-half-circle { border-top-color: '{{warn-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-right .md-half-circle { border-right-color: '{{warn-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-left .md-half-circle { border-left-color: '{{warn-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-gap { border-top-color: '{{accent-color}}'; border-bottom-color: '{{accent-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-right .md-half-circle { border-top-color: '{{accent-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-right .md-half-circle { border-right-color: '{{accent-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-left .md-half-circle { border-left-color: '{{accent-color}}'; }md-progress-linear.md-THEME_NAME-theme .md-container { background-color: '{{primary-100}}'; }md-progress-linear.md-THEME_NAME-theme .md-bar { background-color: '{{primary-color}}'; }md-progress-linear.md-THEME_NAME-theme.md-warn .md-container { background-color: '{{warn-100}}'; }md-progress-linear.md-THEME_NAME-theme.md-warn .md-bar { background-color: '{{warn-color}}'; }md-progress-linear.md-THEME_NAME-theme.md-accent .md-container { background-color: '{{accent-100}}'; }md-progress-linear.md-THEME_NAME-theme.md-accent .md-bar { background-color: '{{accent-color}}'; }md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-warn .md-bar1 { background-color: '{{warn-100}}'; }md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-warn .md-dashed:before { background: radial-gradient('{{warn-100}}' 0%, '{{warn-100}}' 16%, transparent 42%); }md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-accent .md-bar1 { background-color: '{{accent-100}}'; }md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-accent .md-dashed:before { background: radial-gradient('{{accent-100}}' 0%, '{{accent-100}}' 16%, transparent 42%); }md-radio-button.md-THEME_NAME-theme .md-off { border-color: '{{foreground-2}}'; }md-radio-button.md-THEME_NAME-theme .md-on { background-color: '{{accent-color-0.87}}'; }md-radio-button.md-THEME_NAME-theme.md-checked .md-off { border-color: '{{accent-color-0.87}}'; }md-radio-button.md-THEME_NAME-theme.md-checked .md-ink-ripple { color: '{{accent-color-0.87}}'; }md-radio-button.md-THEME_NAME-theme .md-container .md-ripple { color: '{{accent-600}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-on, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-on, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-on, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-on { background-color: '{{primary-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-off { border-color: '{{primary-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple { color: '{{primary-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-container .md-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-container .md-ripple { color: '{{primary-600}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-on, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-on, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-on, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-on { background-color: '{{warn-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-off { border-color: '{{warn-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple { color: '{{warn-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-container .md-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-container .md-ripple { color: '{{warn-600}}'; }md-radio-group.md-THEME_NAME-theme[disabled], md-radio-button.md-THEME_NAME-theme[disabled] { color: '{{foreground-3}}'; } md-radio-group.md-THEME_NAME-theme[disabled] .md-container .md-off, md-radio-button.md-THEME_NAME-theme[disabled] .md-container .md-off { border-color: '{{foreground-3}}'; } md-radio-group.md-THEME_NAME-theme[disabled] .md-container .md-on, md-radio-button.md-THEME_NAME-theme[disabled] .md-container .md-on { border-color: '{{foreground-3}}'; }md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked .md-container:before { background-color: '{{accent-color-0.26}}'; }md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked:not([disabled]).md-primary .md-container:before { background-color: '{{primary-color-0.26}}'; }md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked.md-primary .md-container:before { background-color: '{{warn-color-0.26}}'; }md-select.md-THEME_NAME-theme.ng-invalid.ng-dirty .md-select-label { color: '{{warn-500}}' !important; border-bottom-color: '{{warn-500}}' !important; }md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-label { border-bottom-color: '{{primary-color}}'; color: '{{ foreground-1 }}'; } md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-label.md-placeholder { color: '{{ foreground-1 }}'; }md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-label { border-bottom-color: '{{accent-color}}'; }md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-label { border-bottom-color: '{{warn-color}}'; }md-select.md-THEME_NAME-theme[disabled] .md-select-label { color: '{{foreground-3}}'; } md-select.md-THEME_NAME-theme[disabled] .md-select-label.md-placeholder { color: '{{foreground-3}}'; }md-select.md-THEME_NAME-theme .md-select-label { border-bottom-color: '{{foreground-4}}'; } md-select.md-THEME_NAME-theme .md-select-label.md-placeholder { color: '{{foreground-2}}'; }md-select-menu.md-THEME_NAME-theme md-optgroup { color: '{{foreground-2}}'; } md-select-menu.md-THEME_NAME-theme md-optgroup md-option { color: '{{foreground-1}}'; }md-select-menu.md-THEME_NAME-theme md-option[selected] { color: '{{primary-500}}'; } md-select-menu.md-THEME_NAME-theme md-option[selected]:focus { color: '{{primary-600}}'; } md-select-menu.md-THEME_NAME-theme md-option[selected].md-accent { color: '{{accent-500}}'; } md-select-menu.md-THEME_NAME-theme md-option[selected].md-accent:focus { color: '{{accent-600}}'; }md-select-menu.md-THEME_NAME-theme md-option:focus:not([selected]) { background: '{{background-200}}'; }md-sidenav.md-THEME_NAME-theme { background-color: '{{background-color}}'; }md-slider.md-THEME_NAME-theme .md-track { background-color: '{{foreground-3}}'; }md-slider.md-THEME_NAME-theme .md-track-ticks { background-color: '{{foreground-4}}'; }md-slider.md-THEME_NAME-theme .md-focus-thumb { background-color: '{{foreground-2}}'; }md-slider.md-THEME_NAME-theme .md-focus-ring { border-color: '{{foreground-4}}'; }md-slider.md-THEME_NAME-theme .md-disabled-thumb { border-color: '{{background-color}}'; }md-slider.md-THEME_NAME-theme.md-min .md-thumb:after { background-color: '{{background-color}}'; }md-slider.md-THEME_NAME-theme .md-track.md-track-fill { background-color: '{{accent-color}}'; }md-slider.md-THEME_NAME-theme .md-thumb:after { border-color: '{{accent-color}}'; background-color: '{{accent-color}}'; }md-slider.md-THEME_NAME-theme .md-sign { background-color: '{{accent-color}}'; } md-slider.md-THEME_NAME-theme .md-sign:after { border-top-color: '{{accent-color}}'; }md-slider.md-THEME_NAME-theme .md-thumb-text { color: '{{accent-contrast}}'; }md-slider.md-THEME_NAME-theme.md-warn .md-track.md-track-fill { background-color: '{{warn-color}}'; }md-slider.md-THEME_NAME-theme.md-warn .md-thumb:after { border-color: '{{warn-color}}'; background-color: '{{warn-color}}'; }md-slider.md-THEME_NAME-theme.md-warn .md-sign { background-color: '{{warn-color}}'; } md-slider.md-THEME_NAME-theme.md-warn .md-sign:after { border-top-color: '{{warn-color}}'; }md-slider.md-THEME_NAME-theme.md-warn .md-thumb-text { color: '{{warn-contrast}}'; }md-slider.md-THEME_NAME-theme.md-primary .md-track.md-track-fill { background-color: '{{primary-color}}'; }md-slider.md-THEME_NAME-theme.md-primary .md-thumb:after { border-color: '{{primary-color}}'; background-color: '{{primary-color}}'; }md-slider.md-THEME_NAME-theme.md-primary .md-sign { background-color: '{{primary-color}}'; } md-slider.md-THEME_NAME-theme.md-primary .md-sign:after { border-top-color: '{{primary-color}}'; }md-slider.md-THEME_NAME-theme.md-primary .md-thumb-text { color: '{{primary-contrast}}'; }md-slider.md-THEME_NAME-theme[disabled] .md-thumb:after { border-color: '{{foreground-3}}'; }md-slider.md-THEME_NAME-theme[disabled]:not(.md-min) .md-thumb:after { background-color: '{{foreground-3}}'; }.md-subheader.md-THEME_NAME-theme { color: '{{ foreground-2-0.23 }}'; background-color: '{{background-color}}'; } .md-subheader.md-THEME_NAME-theme.md-primary { color: '{{primary-color}}'; } .md-subheader.md-THEME_NAME-theme.md-accent { color: '{{accent-color}}'; } .md-subheader.md-THEME_NAME-theme.md-warn { color: '{{warn-color}}'; }md-switch.md-THEME_NAME-theme .md-thumb { background-color: '{{background-50}}'; }md-switch.md-THEME_NAME-theme .md-bar { background-color: '{{background-500}}'; }md-switch.md-THEME_NAME-theme.md-checked .md-thumb { background-color: '{{accent-color}}'; }md-switch.md-THEME_NAME-theme.md-checked .md-bar { background-color: '{{accent-color-0.5}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-focused .md-thumb:before { background-color: '{{accent-color-0.26}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-thumb { background-color: '{{primary-color}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-bar { background-color: '{{primary-color-0.5}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-primary.md-focused .md-thumb:before { background-color: '{{primary-color-0.26}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-thumb { background-color: '{{warn-color}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-bar { background-color: '{{warn-color-0.5}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-warn.md-focused .md-thumb:before { background-color: '{{warn-color-0.26}}'; }md-switch.md-THEME_NAME-theme[disabled] .md-thumb { background-color: '{{background-400}}'; }md-switch.md-THEME_NAME-theme[disabled] .md-bar { background-color: '{{foreground-4}}'; }md-tabs.md-THEME_NAME-theme md-tabs-wrapper { background-color: transparent; border-color: '{{foreground-4}}'; }md-tabs.md-THEME_NAME-theme .md-paginator md-icon { color: '{{primary-color}}'; }md-tabs.md-THEME_NAME-theme md-ink-bar { color: '{{accent-color}}'; background: '{{accent-color}}'; }md-tabs.md-THEME_NAME-theme .md-tab { color: '{{foreground-2}}'; } md-tabs.md-THEME_NAME-theme .md-tab[disabled] { color: '{{foreground-3}}'; } md-tabs.md-THEME_NAME-theme .md-tab.md-active, md-tabs.md-THEME_NAME-theme .md-tab.md-focused { color: '{{primary-color}}'; } md-tabs.md-THEME_NAME-theme .md-tab.md-focused { background: '{{primary-color-0.1}}'; } md-tabs.md-THEME_NAME-theme .md-tab .md-ripple-container { color: '{{accent-100}}'; }md-tabs.md-THEME_NAME-theme.md-accent md-tabs-wrapper { background-color: '{{accent-color}}'; }md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]) { color: '{{accent-100}}'; } md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-focused { color: '{{accent-contrast}}'; } md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-focused { background: '{{accent-contrast-0.1}}'; }md-tabs.md-THEME_NAME-theme.md-accent md-ink-bar { color: '{{primary-600-1}}'; background: '{{primary-600-1}}'; }md-tabs.md-THEME_NAME-theme.md-primary md-tabs-wrapper { background-color: '{{primary-color}}'; }md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]) { color: '{{primary-100}}'; } md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-focused { color: '{{primary-contrast}}'; } md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-focused { background: '{{primary-contrast-0.1}}'; }md-tabs.md-THEME_NAME-theme.md-warn md-tabs-wrapper { background-color: '{{warn-color}}'; }md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]) { color: '{{warn-100}}'; } md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-focused { color: '{{warn-contrast}}'; } md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-focused { background: '{{warn-contrast-0.1}}'; }md-toolbar > md-tabs.md-THEME_NAME-theme md-tabs-wrapper { background-color: '{{primary-color}}'; }md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) { color: '{{primary-100}}'; } md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { color: '{{primary-contrast}}'; } md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { background: '{{primary-contrast-0.1}}'; }md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tabs-wrapper { background-color: '{{accent-color}}'; }md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) { color: '{{accent-100}}'; } md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { color: '{{accent-contrast}}'; } md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { background: '{{accent-contrast-0.1}}'; }md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-ink-bar { color: '{{primary-600-1}}'; background: '{{primary-600-1}}'; }md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tabs-wrapper { background-color: '{{warn-color}}'; }md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) { color: '{{warn-100}}'; } md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { color: '{{warn-contrast}}'; } md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { background: '{{warn-contrast-0.1}}'; }md-toast.md-THEME_NAME-theme { background-color: #323232; color: '{{background-50}}'; } md-toast.md-THEME_NAME-theme .md-button { color: '{{background-50}}'; } md-toast.md-THEME_NAME-theme .md-button.md-highlight { color: '{{primary-A200}}'; } md-toast.md-THEME_NAME-theme .md-button.md-highlight.md-accent { color: '{{accent-A200}}'; } md-toast.md-THEME_NAME-theme .md-button.md-highlight.md-warn { color: '{{warn-A200}}'; }md-toolbar.md-THEME_NAME-theme { background-color: '{{primary-color}}'; color: '{{primary-contrast}}'; } md-toolbar.md-THEME_NAME-theme .md-button { color: '{{primary-contrast}}'; } md-toolbar.md-THEME_NAME-theme.md-accent { background-color: '{{accent-color}}'; color: '{{accent-contrast}}'; } md-toolbar.md-THEME_NAME-theme.md-warn { background-color: '{{warn-color}}'; color: '{{warn-contrast}}'; }md-tooltip.md-THEME_NAME-theme { color: '{{background-A100}}'; } md-tooltip.md-THEME_NAME-theme .md-background { background-color: '{{foreground-2}}'; }");
13155
+ angular.module("material.core").constant("$MD_THEME_CSS", "/* mixin definition ; sets LTR and RTL within the same style call */md-autocomplete.md-THEME_NAME-theme { background: '{{background-50}}'; } md-autocomplete.md-THEME_NAME-theme button md-icon path { fill: '{{background-600}}'; } md-autocomplete.md-THEME_NAME-theme button:after { background: '{{background-600-0.3}}'; }.md-autocomplete-suggestions.md-THEME_NAME-theme { background: '{{background-50}}'; } .md-autocomplete-suggestions.md-THEME_NAME-theme li { color: '{{background-900}}'; } .md-autocomplete-suggestions.md-THEME_NAME-theme li .highlight { color: '{{background-600}}'; } .md-autocomplete-suggestions.md-THEME_NAME-theme li:hover, .md-autocomplete-suggestions.md-THEME_NAME-theme li.selected { background: '{{background-200}}'; }md-backdrop.md-opaque.md-THEME_NAME-theme { background-color: '{{foreground-4-0.5}}'; }md-bottom-sheet.md-THEME_NAME-theme { background-color: '{{background-50}}'; border-top-color: '{{background-300}}'; } md-bottom-sheet.md-THEME_NAME-theme.md-list md-list-item { color: '{{foreground-1}}'; } md-bottom-sheet.md-THEME_NAME-theme .md-subheader { background-color: '{{background-50}}'; } md-bottom-sheet.md-THEME_NAME-theme .md-subheader { color: '{{foreground-1}}'; }a.md-button.md-THEME_NAME-theme, .md-button.md-THEME_NAME-theme { border-radius: 3px; } a.md-button.md-THEME_NAME-theme:not([disabled]):hover, .md-button.md-THEME_NAME-theme:not([disabled]):hover { background-color: '{{background-500-0.2}}'; } a.md-button.md-THEME_NAME-theme:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme:not([disabled]).md-focused { background-color: '{{background-500-0.2}}'; } a.md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover, .md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover { background-color: transparent; } a.md-button.md-THEME_NAME-theme.md-fab, .md-button.md-THEME_NAME-theme.md-fab { border-radius: 50%; background-color: '{{accent-color}}'; color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-fab md-icon, .md-button.md-THEME_NAME-theme.md-fab md-icon { color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover { background-color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused { background-color: '{{accent-A700}}'; } a.md-button.md-THEME_NAME-theme.md-primary, .md-button.md-THEME_NAME-theme.md-primary { color: '{{primary-color}}'; } a.md-button.md-THEME_NAME-theme.md-primary.md-raised, a.md-button.md-THEME_NAME-theme.md-primary.md-fab, .md-button.md-THEME_NAME-theme.md-primary.md-raised, .md-button.md-THEME_NAME-theme.md-primary.md-fab { color: '{{primary-contrast}}'; background-color: '{{primary-color}}'; } a.md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]) md-icon, a.md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]) md-icon { color: '{{primary-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]):hover, a.md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):hover { background-color: '{{primary-color}}'; } a.md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]).md-focused, a.md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]).md-focused { background-color: '{{primary-600}}'; } a.md-button.md-THEME_NAME-theme.md-primary:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-primary:not([disabled]) md-icon { color: '{{primary-color}}'; } a.md-button.md-THEME_NAME-theme.md-fab, .md-button.md-THEME_NAME-theme.md-fab { border-radius: 50%; background-color: '{{accent-color}}'; color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]) .md-icon, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]) .md-icon { color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover { background-color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused { background-color: '{{accent-A700}}'; } a.md-button.md-THEME_NAME-theme.md-raised, .md-button.md-THEME_NAME-theme.md-raised { color: '{{background-contrast}}'; background-color: '{{background-50}}'; } a.md-button.md-THEME_NAME-theme.md-raised:not([disabled]) .md-icon, .md-button.md-THEME_NAME-theme.md-raised:not([disabled]) .md-icon { color: '{{background-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover { background-color: '{{background-50}}'; } a.md-button.md-THEME_NAME-theme.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-raised:not([disabled]).md-focused { background-color: '{{background-200}}'; } a.md-button.md-THEME_NAME-theme.md-warn, .md-button.md-THEME_NAME-theme.md-warn { color: '{{warn-color}}'; } a.md-button.md-THEME_NAME-theme.md-warn.md-raised, a.md-button.md-THEME_NAME-theme.md-warn.md-fab, .md-button.md-THEME_NAME-theme.md-warn.md-raised, .md-button.md-THEME_NAME-theme.md-warn.md-fab { color: '{{warn-contrast}}'; background-color: '{{warn-color}}'; } a.md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]) md-icon, a.md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]) md-icon { color: '{{warn-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]):hover, a.md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]):hover { background-color: '{{warn-color}}'; } a.md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]).md-focused, a.md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]).md-focused { background-color: '{{warn-700}}'; } a.md-button.md-THEME_NAME-theme.md-warn:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-warn:not([disabled]) md-icon { color: '{{warn-color}}'; } a.md-button.md-THEME_NAME-theme.md-accent, .md-button.md-THEME_NAME-theme.md-accent { color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-accent.md-raised, a.md-button.md-THEME_NAME-theme.md-accent.md-fab, .md-button.md-THEME_NAME-theme.md-accent.md-raised, .md-button.md-THEME_NAME-theme.md-accent.md-fab { color: '{{accent-contrast}}'; background-color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]) md-icon, a.md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]) md-icon { color: '{{accent-contrast}}'; } a.md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]):hover, a.md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]):hover { background-color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]).md-focused, a.md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]).md-focused { background-color: '{{accent-700}}'; } a.md-button.md-THEME_NAME-theme.md-accent:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-accent:not([disabled]) md-icon { color: '{{accent-color}}'; } a.md-button.md-THEME_NAME-theme[disabled], a.md-button.md-THEME_NAME-theme.md-raised[disabled], a.md-button.md-THEME_NAME-theme.md-fab[disabled], a.md-button.md-THEME_NAME-theme.md-accent[disabled], a.md-button.md-THEME_NAME-theme.md-warn[disabled], .md-button.md-THEME_NAME-theme[disabled], .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled], .md-button.md-THEME_NAME-theme.md-accent[disabled], .md-button.md-THEME_NAME-theme.md-warn[disabled] { color: '{{foreground-3}}'; cursor: not-allowed; } a.md-button.md-THEME_NAME-theme[disabled] md-icon, a.md-button.md-THEME_NAME-theme.md-raised[disabled] md-icon, a.md-button.md-THEME_NAME-theme.md-fab[disabled] md-icon, a.md-button.md-THEME_NAME-theme.md-accent[disabled] md-icon, a.md-button.md-THEME_NAME-theme.md-warn[disabled] md-icon, .md-button.md-THEME_NAME-theme[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-raised[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-fab[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-accent[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-warn[disabled] md-icon { color: '{{foreground-3}}'; } a.md-button.md-THEME_NAME-theme.md-raised[disabled], a.md-button.md-THEME_NAME-theme.md-fab[disabled], .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled] { background-color: '{{foreground-4}}'; } a.md-button.md-THEME_NAME-theme[disabled], .md-button.md-THEME_NAME-theme[disabled] { background-color: transparent; }md-card.md-THEME_NAME-theme { background-color: '{{background-color}}'; border-radius: 2px; } md-card.md-THEME_NAME-theme .md-card-image { border-radius: 2px 2px 0 0; }md-checkbox.md-THEME_NAME-theme .md-ripple { color: '{{accent-600}}'; }md-checkbox.md-THEME_NAME-theme.md-checked .md-ripple { color: '{{background-600}}'; }md-checkbox.md-THEME_NAME-theme.md-checked.md-focused .md-container:before { background-color: '{{accent-color-0.26}}'; }md-checkbox.md-THEME_NAME-theme .md-icon { border-color: '{{foreground-2}}'; }md-checkbox.md-THEME_NAME-theme.md-checked .md-icon { background-color: '{{accent-color-0.87}}'; }md-checkbox.md-THEME_NAME-theme.md-checked .md-icon:after { border-color: '{{background-200}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-ripple { color: '{{primary-600}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ripple { color: '{{background-600}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary .md-icon { border-color: '{{foreground-2}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon { background-color: '{{primary-color-0.87}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked.md-focused .md-container:before { background-color: '{{primary-color-0.26}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-icon:after { border-color: '{{background-200}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-ripple { color: '{{warn-600}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn .md-icon { border-color: '{{foreground-2}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon { background-color: '{{warn-color-0.87}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before { background-color: '{{warn-color-0.26}}'; }md-checkbox.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-icon:after { border-color: '{{background-200}}'; }md-checkbox.md-THEME_NAME-theme[disabled] .md-icon { border-color: '{{foreground-3}}'; }md-checkbox.md-THEME_NAME-theme[disabled].md-checked .md-icon { background-color: '{{foreground-3}}'; }md-checkbox.md-THEME_NAME-theme[disabled] .md-label { color: '{{foreground-3}}'; }md-chips.md-THEME_NAME-theme .md-chips { box-shadow: 0 1px '{{background-300}}'; } md-chips.md-THEME_NAME-theme .md-chips.md-focused { box-shadow: 0 2px '{{primary-color}}'; }md-chips.md-THEME_NAME-theme .md-chip { background: '{{background-300}}'; color: '{{background-800}}'; } md-chips.md-THEME_NAME-theme .md-chip.md-focused { background: '{{primary-color}}'; color: '{{primary-contrast}}'; } md-chips.md-THEME_NAME-theme .md-chip.md-focused md-icon { color: '{{primary-contrast}}'; }md-chips.md-THEME_NAME-theme md-chip-remove .md-button md-icon path { fill: '{{background-500}}'; }.md-contact-suggestion span.md-contact-email { color: '{{background-400}}'; }md-content.md-THEME_NAME-theme { background-color: '{{background-color}}'; }md-dialog.md-THEME_NAME-theme { border-radius: 4px; background-color: '{{background-color}}'; } md-dialog.md-THEME_NAME-theme.md-content-overflow .md-actions { border-top-color: '{{foreground-4}}'; }md-divider.md-THEME_NAME-theme { border-top-color: '{{foreground-4}}'; }md-icon.md-THEME_NAME-theme { color: '{{foreground-2}}'; } md-icon.md-THEME_NAME-theme.md-primary { color: '{{primary-color}}'; } md-icon.md-THEME_NAME-theme.md-accent { color: '{{accent-color}}'; } md-icon.md-THEME_NAME-theme.md-warn { color: '{{warn-color}}'; }md-input-container.md-THEME_NAME-theme .md-input { color: '{{foreground-1}}'; border-color: '{{foreground-4}}'; text-shadow: '{{foreground-shadow}}'; } md-input-container.md-THEME_NAME-theme .md-input::-webkit-input-placeholder, md-input-container.md-THEME_NAME-theme .md-input::-moz-placeholder, md-input-container.md-THEME_NAME-theme .md-input:-moz-placeholder, md-input-container.md-THEME_NAME-theme .md-input:-ms-input-placeholder { color: '{{foreground-3}}'; }md-input-container.md-THEME_NAME-theme > md-icon { color: '{{foreground-1}}'; }md-input-container.md-THEME_NAME-theme label, md-input-container.md-THEME_NAME-theme .md-placeholder { text-shadow: '{{foreground-shadow}}'; color: '{{foreground-3}}'; }md-input-container.md-THEME_NAME-theme ng-messages, md-input-container.md-THEME_NAME-theme [ng-message], md-input-container.md-THEME_NAME-theme [data-ng-message], md-input-container.md-THEME_NAME-theme [x-ng-message] { color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-has-value label { color: '{{foreground-2}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused .md-input { border-color: '{{primary-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused label { color: '{{primary-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused md-icon { color: '{{primary-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent .md-input { border-color: '{{accent-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-accent label { color: '{{accent-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn .md-input { border-color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme:not(.md-input-invalid).md-input-focused.md-warn label { color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme.md-input-invalid .md-input { border-color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme.md-input-invalid.md-input-focused label { color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme.md-input-invalid ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid data-ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid x-ng-message, md-input-container.md-THEME_NAME-theme.md-input-invalid [ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid [data-ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid [x-ng-message], md-input-container.md-THEME_NAME-theme.md-input-invalid .md-char-counter { color: '{{warn-500}}'; }md-input-container.md-THEME_NAME-theme .md-input[disabled], [disabled] md-input-container.md-THEME_NAME-theme .md-input { border-bottom-color: transparent; color: '{{foreground-3}}'; background-image: linear-gradient(to right, '{{foreground-4}}' 0%, '{{foreground-4}}' 33%, transparent 0%); background-image: -ms-linear-gradient(left, transparent 0%, '{{foreground-4}}' 100%); }md-list.md-THEME_NAME-theme md-list-item.md-2-line .md-list-item-text h3, md-list.md-THEME_NAME-theme md-list-item.md-2-line .md-list-item-text h4, md-list.md-THEME_NAME-theme md-list-item.md-3-line .md-list-item-text h3, md-list.md-THEME_NAME-theme md-list-item.md-3-line .md-list-item-text h4 { color: '{{foreground-1}}'; }md-list.md-THEME_NAME-theme md-list-item.md-2-line .md-list-item-text p, md-list.md-THEME_NAME-theme md-list-item.md-3-line .md-list-item-text p { color: '{{foreground-2}}'; }md-list.md-THEME_NAME-theme .md-proxy-focus.md-focused div.md-no-style { background-color: '{{background-100}}'; }md-list.md-THEME_NAME-theme md-list-item > md-icon { color: '{{foreground-2}}'; } md-list.md-THEME_NAME-theme md-list-item > md-icon.md-highlight { color: '{{primary-color}}'; } md-list.md-THEME_NAME-theme md-list-item > md-icon.md-highlight.md-accent { color: '{{accent-color}}'; }md-list.md-THEME_NAME-theme md-list-item button { background-color: '{{background-color}}'; } md-list.md-THEME_NAME-theme md-list-item button.md-button:not([disabled]):hover { background-color: '{{background-color}}'; }md-progress-circular.md-THEME_NAME-theme { background-color: transparent; } md-progress-circular.md-THEME_NAME-theme .md-inner .md-gap { border-top-color: '{{primary-color}}'; border-bottom-color: '{{primary-color}}'; } md-progress-circular.md-THEME_NAME-theme .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme .md-inner .md-right .md-half-circle { border-top-color: '{{primary-color}}'; } md-progress-circular.md-THEME_NAME-theme .md-inner .md-right .md-half-circle { border-right-color: '{{primary-color}}'; } md-progress-circular.md-THEME_NAME-theme .md-inner .md-left .md-half-circle { border-left-color: '{{primary-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-gap { border-top-color: '{{warn-color}}'; border-bottom-color: '{{warn-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-right .md-half-circle { border-top-color: '{{warn-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-right .md-half-circle { border-right-color: '{{warn-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-warn .md-inner .md-left .md-half-circle { border-left-color: '{{warn-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-gap { border-top-color: '{{accent-color}}'; border-bottom-color: '{{accent-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-left .md-half-circle, md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-right .md-half-circle { border-top-color: '{{accent-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-right .md-half-circle { border-right-color: '{{accent-color}}'; } md-progress-circular.md-THEME_NAME-theme.md-accent .md-inner .md-left .md-half-circle { border-left-color: '{{accent-color}}'; }md-progress-linear.md-THEME_NAME-theme .md-container { background-color: '{{primary-100}}'; }md-progress-linear.md-THEME_NAME-theme .md-bar { background-color: '{{primary-color}}'; }md-progress-linear.md-THEME_NAME-theme.md-warn .md-container { background-color: '{{warn-100}}'; }md-progress-linear.md-THEME_NAME-theme.md-warn .md-bar { background-color: '{{warn-color}}'; }md-progress-linear.md-THEME_NAME-theme.md-accent .md-container { background-color: '{{accent-100}}'; }md-progress-linear.md-THEME_NAME-theme.md-accent .md-bar { background-color: '{{accent-color}}'; }md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-warn .md-bar1 { background-color: '{{warn-100}}'; }md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-warn .md-dashed:before { background: radial-gradient('{{warn-100}}' 0%, '{{warn-100}}' 16%, transparent 42%); }md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-accent .md-bar1 { background-color: '{{accent-100}}'; }md-progress-linear.md-THEME_NAME-theme[md-mode=buffer].md-accent .md-dashed:before { background: radial-gradient('{{accent-100}}' 0%, '{{accent-100}}' 16%, transparent 42%); }md-radio-button.md-THEME_NAME-theme .md-off { border-color: '{{foreground-2}}'; }md-radio-button.md-THEME_NAME-theme .md-on { background-color: '{{accent-color-0.87}}'; }md-radio-button.md-THEME_NAME-theme.md-checked .md-off { border-color: '{{accent-color-0.87}}'; }md-radio-button.md-THEME_NAME-theme.md-checked .md-ink-ripple { color: '{{accent-color-0.87}}'; }md-radio-button.md-THEME_NAME-theme .md-container .md-ripple { color: '{{accent-600}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-on, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-on, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-on, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-on { background-color: '{{primary-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-off { border-color: '{{primary-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary.md-checked .md-ink-ripple { color: '{{primary-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-primary .md-container .md-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-primary .md-container .md-ripple { color: '{{primary-600}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-on, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-on, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-on, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-on { background-color: '{{warn-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-off, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-off { border-color: '{{warn-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn.md-checked .md-ink-ripple { color: '{{warn-color-0.87}}'; }md-radio-group.md-THEME_NAME-theme:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-THEME_NAME-theme:not([disabled]).md-warn .md-container .md-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button.md-THEME_NAME-theme:not([disabled]).md-warn .md-container .md-ripple { color: '{{warn-600}}'; }md-radio-group.md-THEME_NAME-theme[disabled], md-radio-button.md-THEME_NAME-theme[disabled] { color: '{{foreground-3}}'; } md-radio-group.md-THEME_NAME-theme[disabled] .md-container .md-off, md-radio-button.md-THEME_NAME-theme[disabled] .md-container .md-off { border-color: '{{foreground-3}}'; } md-radio-group.md-THEME_NAME-theme[disabled] .md-container .md-on, md-radio-button.md-THEME_NAME-theme[disabled] .md-container .md-on { border-color: '{{foreground-3}}'; }md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked .md-container:before { background-color: '{{accent-color-0.26}}'; }md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked:not([disabled]).md-primary .md-container:before { background-color: '{{primary-color-0.26}}'; }md-radio-group.md-THEME_NAME-theme.md-focused:not(:empty) .md-checked.md-primary .md-container:before { background-color: '{{warn-color-0.26}}'; }md-select.md-THEME_NAME-theme.ng-invalid.ng-dirty .md-select-label { color: '{{warn-500}}' !important; border-bottom-color: '{{warn-500}}' !important; }md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-label { border-bottom-color: '{{primary-color}}'; color: '{{ foreground-1 }}'; } md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-label.md-placeholder { color: '{{ foreground-1 }}'; }md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-label { border-bottom-color: '{{accent-color}}'; }md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-label { border-bottom-color: '{{warn-color}}'; }md-select.md-THEME_NAME-theme[disabled] .md-select-label { color: '{{foreground-3}}'; } md-select.md-THEME_NAME-theme[disabled] .md-select-label.md-placeholder { color: '{{foreground-3}}'; }md-select.md-THEME_NAME-theme .md-select-label { border-bottom-color: '{{foreground-4}}'; } md-select.md-THEME_NAME-theme .md-select-label.md-placeholder { color: '{{foreground-2}}'; }md-select-menu.md-THEME_NAME-theme md-optgroup { color: '{{foreground-2}}'; } md-select-menu.md-THEME_NAME-theme md-optgroup md-option { color: '{{foreground-1}}'; }md-select-menu.md-THEME_NAME-theme md-option[selected] { color: '{{primary-500}}'; } md-select-menu.md-THEME_NAME-theme md-option[selected]:focus { color: '{{primary-600}}'; } md-select-menu.md-THEME_NAME-theme md-option[selected].md-accent { color: '{{accent-500}}'; } md-select-menu.md-THEME_NAME-theme md-option[selected].md-accent:focus { color: '{{accent-600}}'; }md-select-menu.md-THEME_NAME-theme md-option:focus:not([selected]) { background: '{{background-200}}'; }md-sidenav.md-THEME_NAME-theme { background-color: '{{background-color}}'; }md-slider.md-THEME_NAME-theme .md-track { background-color: '{{foreground-3}}'; }md-slider.md-THEME_NAME-theme .md-track-ticks { background-color: '{{foreground-4}}'; }md-slider.md-THEME_NAME-theme .md-focus-thumb { background-color: '{{foreground-2}}'; }md-slider.md-THEME_NAME-theme .md-focus-ring { border-color: '{{foreground-4}}'; }md-slider.md-THEME_NAME-theme .md-disabled-thumb { border-color: '{{background-color}}'; }md-slider.md-THEME_NAME-theme.md-min .md-thumb:after { background-color: '{{background-color}}'; }md-slider.md-THEME_NAME-theme .md-track.md-track-fill { background-color: '{{accent-color}}'; }md-slider.md-THEME_NAME-theme .md-thumb:after { border-color: '{{accent-color}}'; background-color: '{{accent-color}}'; }md-slider.md-THEME_NAME-theme .md-sign { background-color: '{{accent-color}}'; } md-slider.md-THEME_NAME-theme .md-sign:after { border-top-color: '{{accent-color}}'; }md-slider.md-THEME_NAME-theme .md-thumb-text { color: '{{accent-contrast}}'; }md-slider.md-THEME_NAME-theme.md-warn .md-track.md-track-fill { background-color: '{{warn-color}}'; }md-slider.md-THEME_NAME-theme.md-warn .md-thumb:after { border-color: '{{warn-color}}'; background-color: '{{warn-color}}'; }md-slider.md-THEME_NAME-theme.md-warn .md-sign { background-color: '{{warn-color}}'; } md-slider.md-THEME_NAME-theme.md-warn .md-sign:after { border-top-color: '{{warn-color}}'; }md-slider.md-THEME_NAME-theme.md-warn .md-thumb-text { color: '{{warn-contrast}}'; }md-slider.md-THEME_NAME-theme.md-primary .md-track.md-track-fill { background-color: '{{primary-color}}'; }md-slider.md-THEME_NAME-theme.md-primary .md-thumb:after { border-color: '{{primary-color}}'; background-color: '{{primary-color}}'; }md-slider.md-THEME_NAME-theme.md-primary .md-sign { background-color: '{{primary-color}}'; } md-slider.md-THEME_NAME-theme.md-primary .md-sign:after { border-top-color: '{{primary-color}}'; }md-slider.md-THEME_NAME-theme.md-primary .md-thumb-text { color: '{{primary-contrast}}'; }md-slider.md-THEME_NAME-theme[disabled] .md-thumb:after { border-color: '{{foreground-3}}'; }md-slider.md-THEME_NAME-theme[disabled]:not(.md-min) .md-thumb:after { background-color: '{{foreground-3}}'; }.md-subheader.md-THEME_NAME-theme { color: '{{ foreground-2-0.23 }}'; background-color: '{{background-color}}'; } .md-subheader.md-THEME_NAME-theme.md-primary { color: '{{primary-color}}'; } .md-subheader.md-THEME_NAME-theme.md-accent { color: '{{accent-color}}'; } .md-subheader.md-THEME_NAME-theme.md-warn { color: '{{warn-color}}'; }md-switch.md-THEME_NAME-theme .md-thumb { background-color: '{{background-50}}'; }md-switch.md-THEME_NAME-theme .md-bar { background-color: '{{background-500}}'; }md-switch.md-THEME_NAME-theme.md-checked .md-thumb { background-color: '{{accent-color}}'; }md-switch.md-THEME_NAME-theme.md-checked .md-bar { background-color: '{{accent-color-0.5}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-focused .md-thumb:before { background-color: '{{accent-color-0.26}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-thumb { background-color: '{{primary-color}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-bar { background-color: '{{primary-color-0.5}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-primary.md-focused .md-thumb:before { background-color: '{{primary-color-0.26}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-thumb { background-color: '{{warn-color}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-bar { background-color: '{{warn-color-0.5}}'; }md-switch.md-THEME_NAME-theme.md-checked.md-warn.md-focused .md-thumb:before { background-color: '{{warn-color-0.26}}'; }md-switch.md-THEME_NAME-theme[disabled] .md-thumb { background-color: '{{background-400}}'; }md-switch.md-THEME_NAME-theme[disabled] .md-bar { background-color: '{{foreground-4}}'; }md-tabs.md-THEME_NAME-theme md-tabs-wrapper { background-color: transparent; border-color: '{{foreground-4}}'; }md-tabs.md-THEME_NAME-theme .md-paginator md-icon { color: '{{primary-color}}'; }md-tabs.md-THEME_NAME-theme md-ink-bar { color: '{{accent-color}}'; background: '{{accent-color}}'; }md-tabs.md-THEME_NAME-theme .md-tab { color: '{{foreground-2}}'; } md-tabs.md-THEME_NAME-theme .md-tab[disabled] { color: '{{foreground-3}}'; } md-tabs.md-THEME_NAME-theme .md-tab.md-active, md-tabs.md-THEME_NAME-theme .md-tab.md-focused { color: '{{primary-color}}'; } md-tabs.md-THEME_NAME-theme .md-tab.md-focused { background: '{{primary-color-0.1}}'; } md-tabs.md-THEME_NAME-theme .md-tab .md-ripple-container { color: '{{accent-100}}'; }md-tabs.md-THEME_NAME-theme.md-accent md-tabs-wrapper { background-color: '{{accent-color}}'; }md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]) { color: '{{accent-100}}'; } md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-focused { color: '{{accent-contrast}}'; } md-tabs.md-THEME_NAME-theme.md-accent md-tab-item:not([disabled]).md-focused { background: '{{accent-contrast-0.1}}'; }md-tabs.md-THEME_NAME-theme.md-accent md-ink-bar { color: '{{primary-600-1}}'; background: '{{primary-600-1}}'; }md-tabs.md-THEME_NAME-theme.md-primary md-tabs-wrapper { background-color: '{{primary-color}}'; }md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]) { color: '{{primary-100}}'; } md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-focused { color: '{{primary-contrast}}'; } md-tabs.md-THEME_NAME-theme.md-primary md-tab-item:not([disabled]).md-focused { background: '{{primary-contrast-0.1}}'; }md-tabs.md-THEME_NAME-theme.md-warn md-tabs-wrapper { background-color: '{{warn-color}}'; }md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]) { color: '{{warn-100}}'; } md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-active, md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-focused { color: '{{warn-contrast}}'; } md-tabs.md-THEME_NAME-theme.md-warn md-tab-item:not([disabled]).md-focused { background: '{{warn-contrast-0.1}}'; }md-toolbar > md-tabs.md-THEME_NAME-theme md-tabs-wrapper { background-color: '{{primary-color}}'; }md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) { color: '{{primary-100}}'; } md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { color: '{{primary-contrast}}'; } md-toolbar > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { background: '{{primary-contrast-0.1}}'; }md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tabs-wrapper { background-color: '{{accent-color}}'; }md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) { color: '{{accent-100}}'; } md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { color: '{{accent-contrast}}'; } md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { background: '{{accent-contrast-0.1}}'; }md-toolbar.md-accent > md-tabs.md-THEME_NAME-theme md-ink-bar { color: '{{primary-600-1}}'; background: '{{primary-600-1}}'; }md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tabs-wrapper { background-color: '{{warn-color}}'; }md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]) { color: '{{warn-100}}'; } md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { color: '{{warn-contrast}}'; } md-toolbar.md-warn > md-tabs.md-THEME_NAME-theme md-tab-item:not([disabled]).md-focused { background: '{{warn-contrast-0.1}}'; }md-toast.md-THEME_NAME-theme { background-color: #323232; color: '{{background-50}}'; } md-toast.md-THEME_NAME-theme .md-button { color: '{{background-50}}'; } md-toast.md-THEME_NAME-theme .md-button.md-highlight { color: '{{primary-A200}}'; } md-toast.md-THEME_NAME-theme .md-button.md-highlight.md-accent { color: '{{accent-A200}}'; } md-toast.md-THEME_NAME-theme .md-button.md-highlight.md-warn { color: '{{warn-A200}}'; }md-toolbar.md-THEME_NAME-theme { background-color: '{{primary-color}}'; color: '{{primary-contrast}}'; } md-toolbar.md-THEME_NAME-theme md-icon { color: '{{primary-contrast}}'; } md-toolbar.md-THEME_NAME-theme .md-button { color: '{{primary-contrast}}'; } md-toolbar.md-THEME_NAME-theme.md-accent { background-color: '{{accent-color}}'; color: '{{accent-contrast}}'; } md-toolbar.md-THEME_NAME-theme.md-warn { background-color: '{{warn-color}}'; color: '{{warn-contrast}}'; }md-tooltip.md-THEME_NAME-theme { color: '{{background-A100}}'; } md-tooltip.md-THEME_NAME-theme .md-background { background-color: '{{foreground-2}}'; }");
13047
13156
  })();