StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.9 KiB
70 lines
1.9 KiB
4 years ago
|
import Vue from '../../utils/vue';
|
||
|
|
import listenOnRootMixin from '../../mixins/listen-on-root';
|
||
|
|
import normalizeSlotMixin from '../../mixins/normalize-slot';
|
||
|
|
import { getComponentConfig } from '../../utils/config';
|
||
|
|
var NAME = 'BNavbarToggle'; // TODO: Switch to using VBToggle directive, will reduce code footprint
|
||
|
|
// Events we emit on $root
|
||
|
|
|
||
|
|
var EVENT_TOGGLE = 'bv::toggle::collapse'; // Events we listen to on $root
|
||
|
|
|
||
|
|
var EVENT_STATE = 'bv::collapse::state'; // This private event is NOT to be documented as people should not be using it.
|
||
|
|
|
||
|
|
var EVENT_STATE_SYNC = 'bv::collapse::sync::state'; // @vue/component
|
||
|
|
|
||
|
|
export var BNavbarToggle =
|
||
|
|
/*#__PURE__*/
|
||
|
|
Vue.extend({
|
||
|
|
name: NAME,
|
||
|
|
mixins: [listenOnRootMixin, normalizeSlotMixin],
|
||
|
|
props: {
|
||
|
|
label: {
|
||
|
|
type: String,
|
||
|
|
default: function _default() {
|
||
|
|
return getComponentConfig(NAME, 'label');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
target: {
|
||
|
|
type: String,
|
||
|
|
required: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: function data() {
|
||
|
|
return {
|
||
|
|
toggleState: false
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created: function created() {
|
||
|
|
this.listenOnRoot(EVENT_STATE, this.handleStateEvt);
|
||
|
|
this.listenOnRoot(EVENT_STATE_SYNC, this.handleStateEvt);
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onClick: function onClick(evt) {
|
||
|
|
this.$emit('click', evt);
|
||
|
|
|
||
|
|
if (!evt.defaultPrevented) {
|
||
|
|
this.$root.$emit(EVENT_TOGGLE, this.target);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
handleStateEvt: function handleStateEvt(id, state) {
|
||
|
|
if (id === this.target) {
|
||
|
|
this.toggleState = state;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
render: function render(h) {
|
||
|
|
return h('button', {
|
||
|
|
class: ['navbar-toggler'],
|
||
|
|
attrs: {
|
||
|
|
type: 'button',
|
||
|
|
'aria-label': this.label,
|
||
|
|
'aria-controls': this.target,
|
||
|
|
'aria-expanded': this.toggleState ? 'true' : 'false'
|
||
|
|
},
|
||
|
|
on: {
|
||
|
|
click: this.onClick
|
||
|
|
}
|
||
|
|
}, [this.normalizeSlot('default') || h('span', {
|
||
|
|
class: ['navbar-toggler-icon']
|
||
|
|
})]);
|
||
|
|
}
|
||
|
|
});
|