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 +4 -4
- data/README.md +1 -1
- data/lib/rails-angular-material/version.rb +1 -1
- data/vendor/assets/javascripts/angular-material.js +288 -179
- data/vendor/assets/javascripts/angular-material.min.js +6 -6
- data/vendor/assets/stylesheets/angular-material.css +134 -114
- data/vendor/assets/stylesheets/angular-material.min.css +2 -2
- metadata +5 -19
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c11b7b8c21e38ae33138fd5478ecfe22210aca07
|
4
|
+
data.tar.gz: 2a64bf76030488bba669748be707df1412f5bcdb
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: cd18d8f686fbb1417a343b8cdc59675d2bbd138312ddd81fa1992960bdb04cc9e5f7896729e9812bebb4d8ede07aaddf7011379ba195a8a13ffe1adcc0530bfe
|
7
|
+
data.tar.gz: ee26c6838b4f7347986435bf3d3b863eb40d3d95511026c1dd4e5238b45739e6e6aa8589c1ceb34c732914c56209f5539ad992ab36f65497485abe588a730e68
|
data/README.md
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
* Angular Material Design
|
3
3
|
* https://github.com/angular/material
|
4
4
|
* @license MIT
|
5
|
-
* v0.9.0
|
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.
|
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
|
1131
|
+
var invokeCtrl = $controller(controller, locals, true);
|
1132
1132
|
if (bindToController) {
|
1133
|
-
angular.extend(
|
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
|
-
|
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
|
-
|
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
|
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
|
-
|
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(
|
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
|
10967
|
-
if (
|
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
|
11125
|
-
|
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
|
-
|
11219
|
-
|
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
|
-
|
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
|
-
|
12387
|
-
|
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.
|
12405
|
-
scope.
|
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
|
-
|
12915
|
-
|
12916
|
-
|
12917
|
-
<md-
|
12918
|
-
|
12919
|
-
|
12920
|
-
|
12921
|
-
|
12922
|
-
|
12923
|
-
|
12924
|
-
|
12925
|
-
|
12926
|
-
|
12927
|
-
|
12928
|
-
|
12929
|
-
|
12930
|
-
|
12931
|
-
|
12932
|
-
|
12933
|
-
|
12934
|
-
|
12935
|
-
|
12936
|
-
|
12937
|
-
|
12938
|
-
|
12939
|
-
|
12940
|
-
|
12941
|
-
|
12942
|
-
|
12943
|
-
|
12944
|
-
|
12945
|
-
|
12946
|
-
|
12947
|
-
|
12948
|
-
|
12949
|
-
|
12950
|
-
class="md-
|
12951
|
-
|
12952
|
-
|
12953
|
-
|
12954
|
-
|
12955
|
-
|
12956
|
-
|
12957
|
-
|
12958
|
-
|
12959
|
-
|
12960
|
-
|
12961
|
-
|
12962
|
-
|
12963
|
-
|
12964
|
-
|
12965
|
-
|
12966
|
-
|
12967
|
-
|
12968
|
-
|
12969
|
-
|
12970
|
-
|
12971
|
-
|
12972
|
-
|
12973
|
-
|
12974
|
-
|
12975
|
-
|
12976
|
-
|
12977
|
-
|
12978
|
-
|
12979
|
-
|
12980
|
-
|
12981
|
-
|
12982
|
-
|
12983
|
-
|
12984
|
-
|
12985
|
-
|
12986
|
-
|
12987
|
-
|
12988
|
-
|
12989
|
-
|
12990
|
-
|
12991
|
-
|
12992
|
-
|
12993
|
-
|
12994
|
-
|
12995
|
-
|
12996
|
-
|
12997
|
-
|
12998
|
-
|
12999
|
-
|
13000
|
-
|
13001
|
-
|
13002
|
-
|
13003
|
-
|
13004
|
-
|
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
|
})();
|