123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153 |
- import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
- import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
- import _createClass from 'babel-runtime/helpers/createClass';
- import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
- import _inherits from 'babel-runtime/helpers/inherits';
-
-
- import onsElements from '../ons/elements';
- import util from '../ons/util';
- import autoStyle from '../ons/autostyle';
- import ModifierUtil from '../ons/internal/modifier-util';
- import BaseElement from './base/base-element';
-
- var defaultClassName = 'fab fab--mini speed-dial__item';
-
- var scheme = {
- '': 'fab--* speed-dial__item--*'
- };
-
-
-
- var SpeedDialItemElement = function (_BaseElement) {
- _inherits(SpeedDialItemElement, _BaseElement);
-
-
-
-
-
-
-
- function SpeedDialItemElement() {
- _classCallCheck(this, SpeedDialItemElement);
-
- var _this = _possibleConstructorReturn(this, (SpeedDialItemElement.__proto__ || _Object$getPrototypeOf(SpeedDialItemElement)).call(this));
-
- _this._compile();
- _this._boundOnClick = _this._onClick.bind(_this);
- return _this;
- }
-
- _createClass(SpeedDialItemElement, [{
- key: 'attributeChangedCallback',
- value: function attributeChangedCallback(name, last, current) {
- switch (name) {
- case 'class':
- util.restoreClass(this, defaultClassName, scheme);
- break;
- case 'modifier':
- ModifierUtil.onModifierChanged(last, current, this, scheme);
- util.addModifier(this, 'mini');
- break;
- case 'ripple':
- this._updateRipple();
- }
- }
- }, {
- key: 'connectedCallback',
- value: function connectedCallback() {
- this.addEventListener('click', this._boundOnClick, false);
- }
- }, {
- key: 'disconnectedCallback',
- value: function disconnectedCallback() {
- this.removeEventListener('click', this._boundOnClick, false);
- }
- }, {
- key: '_updateRipple',
- value: function _updateRipple() {
- util.updateRipple(this);
- }
- }, {
- key: '_onClick',
- value: function _onClick(e) {
- e.stopPropagation();
- }
- }, {
- key: '_compile',
- value: function _compile() {
- var _this2 = this;
-
- autoStyle.prepare(this);
-
- defaultClassName.split(/\s+/).forEach(function (token) {
- return _this2.classList.add(token);
- });
-
- util.addModifier(this, 'mini');
- this._updateRipple();
-
- ModifierUtil.initModifier(this, scheme);
- }
- }], [{
- key: 'observedAttributes',
- get: function get() {
- return ['modifier', 'ripple', 'class'];
- }
- }]);
-
- return SpeedDialItemElement;
- }(BaseElement);
-
- export default SpeedDialItemElement;
-
-
- onsElements.SpeedDialItem = SpeedDialItemElement;
- customElements.define('ons-speed-dial-item', SpeedDialItemElement);
|