48 lines
2.2 KiB
JavaScript
48 lines
2.2 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2016 Google Inc.
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
* of this software and associated documentation files (the "Software"), to deal
|
|
* in the Software without restriction, including without limitation the rights
|
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
* copies of the Software, and to permit persons to whom the Software is
|
|
* furnished to do so, subject to the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in
|
|
* all copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
* THE SOFTWARE.
|
|
*/
|
|
export var cssClasses = {
|
|
// Ripple is a special case where the "root" component is really a "mixin" of sorts,
|
|
// given that it's an 'upgrade' to an existing component. That being said it is the root
|
|
// CSS class that all other CSS classes derive from.
|
|
BG_FOCUSED: 'mdc-ripple-upgraded--background-focused',
|
|
FG_ACTIVATION: 'mdc-ripple-upgraded--foreground-activation',
|
|
FG_DEACTIVATION: 'mdc-ripple-upgraded--foreground-deactivation',
|
|
ROOT: 'mdc-ripple-upgraded',
|
|
UNBOUNDED: 'mdc-ripple-upgraded--unbounded',
|
|
};
|
|
export var strings = {
|
|
VAR_FG_SCALE: '--mdc-ripple-fg-scale',
|
|
VAR_FG_SIZE: '--mdc-ripple-fg-size',
|
|
VAR_FG_TRANSLATE_END: '--mdc-ripple-fg-translate-end',
|
|
VAR_FG_TRANSLATE_START: '--mdc-ripple-fg-translate-start',
|
|
VAR_LEFT: '--mdc-ripple-left',
|
|
VAR_TOP: '--mdc-ripple-top',
|
|
};
|
|
export var numbers = {
|
|
DEACTIVATION_TIMEOUT_MS: 225,
|
|
FG_DEACTIVATION_MS: 150,
|
|
INITIAL_ORIGIN_SCALE: 0.6,
|
|
PADDING: 10,
|
|
TAP_DELAY_MS: 300, // Delay between touch and simulated mouse events on touch devices
|
|
};
|
|
//# sourceMappingURL=constants.js.map
|