This repository has been archived on 2024-07-27. You can view files and clone it, but cannot push or open issues or pull requests.
keksAccountGUI/node_modulesOLD/vuetify/lib/components/VSwitch/VSwitch.js

118 lines
3.1 KiB
JavaScript
Raw Normal View History

2019-08-11 18:48:02 +00:00
// Styles
import "../../../src/styles/components/_selection-controls.sass";
import "../../../src/components/VSwitch/VSwitch.sass"; // Mixins
import Selectable from '../../mixins/selectable';
import VInput from '../VInput'; // Directives
import Touch from '../../directives/touch'; // Components
import { VFabTransition } from '../transitions';
import VProgressCircular from '../VProgressCircular/VProgressCircular'; // Helpers
import { keyCodes } from '../../util/helpers';
/* @vue/component */
export default Selectable.extend({
name: 'v-switch',
directives: {
Touch
},
props: {
inset: Boolean,
loading: {
type: [Boolean, String],
default: false
},
flat: {
type: Boolean,
default: false
}
},
computed: {
classes() {
return { ...VInput.options.computed.classes.call(this),
'v-input--selection-controls v-input--switch': true,
'v-input--switch--flat': this.flat,
'v-input--switch--inset': this.inset
};
},
attrs() {
return {
'aria-checked': String(this.isActive),
'aria-disabled': String(this.disabled),
role: 'switch'
};
},
// Do not return undefined if disabled,
// according to spec, should still show
// a color when disabled and active
validationState() {
if (this.hasError && this.shouldValidate) return 'error';
if (this.hasSuccess) return 'success';
if (this.hasColor) return this.computedColor;
return undefined;
},
switchData() {
return this.setTextColor(this.loading ? undefined : this.validationState, {
class: this.themeClasses
});
}
},
methods: {
genDefaultSlot() {
return [this.genSwitch(), this.genLabel()];
},
genSwitch() {
return this.$createElement('div', {
staticClass: 'v-input--selection-controls__input'
}, [this.genInput('checkbox', { ...this.$attrs,
...this.attrs
}), this.genRipple(this.setTextColor(this.validationState, {
directives: [{
name: 'touch',
value: {
left: this.onSwipeLeft,
right: this.onSwipeRight
}
}]
})), this.$createElement('div', {
staticClass: 'v-input--switch__track',
...this.switchData
}), this.$createElement('div', {
staticClass: 'v-input--switch__thumb',
...this.switchData
}, [this.genProgress()])]);
},
genProgress() {
return this.$createElement(VFabTransition, {}, [this.loading === false ? null : this.$slots.progress || this.$createElement(VProgressCircular, {
props: {
color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
size: 16,
width: 2,
indeterminate: true
}
})]);
},
onSwipeLeft() {
if (this.isActive) this.onChange();
},
onSwipeRight() {
if (!this.isActive) this.onChange();
},
onKeydown(e) {
if (e.keyCode === keyCodes.left && this.isActive || e.keyCode === keyCodes.right && !this.isActive) this.onChange();
}
}
});
//# sourceMappingURL=VSwitch.js.map