toggle-components-library 1.37.0-beta.1 → 1.37.0-beta.20
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.
- package/dist/img/bolt-solid-toggle.d8a39b94.svg +9 -0
- package/dist/toggle-components-library.common.js +24 -159
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.css +1 -1
- package/dist/toggle-components-library.umd.js +24 -159
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +1 -1
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/icons/bolt-solid-toggle.svg +9 -0
- package/src/components/breadcrumb/ToggleBreadCrumb.vue +12 -29
- package/src/components/metrics/ToggleMetricSingleMetric.vue +7 -4
- package/src/index.js +0 -2
- package/src/sass/includes/_as_breadcrumb.scss +0 -31
- package/src/sass/includes/_as_inputs.scss +0 -79
- package/src/sass/includes/_as_metrics.scss +4 -0
- package/src/components/forms/ToggleInputRadioButtonMini.vue +0 -38
|
@@ -43000,108 +43000,6 @@ var ToggleInputRadioButtons_component = normalizeComponent(
|
|
|
43000
43000
|
)
|
|
43001
43001
|
|
|
43002
43002
|
/* harmony default export */ var ToggleInputRadioButtons = (ToggleInputRadioButtons_component.exports);
|
|
43003
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a48609c2-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputRadioButtonMini.vue?vue&type=template&id=5668ee55&
|
|
43004
|
-
var ToggleInputRadioButtonMinivue_type_template_id_5668ee55_render = function render() {
|
|
43005
|
-
var _vm = this,
|
|
43006
|
-
_c = _vm._self._c;
|
|
43007
|
-
return _c('div', [_c('label', {
|
|
43008
|
-
class: ['toggle-input-radio-button-mini-switch', {
|
|
43009
|
-
'toggle-input-radio-button-mini-switch-disabled': _vm.disabled
|
|
43010
|
-
}]
|
|
43011
|
-
}, [_c('input', {
|
|
43012
|
-
directives: [{
|
|
43013
|
-
name: "model",
|
|
43014
|
-
rawName: "v-model",
|
|
43015
|
-
value: _vm.value,
|
|
43016
|
-
expression: "value"
|
|
43017
|
-
}],
|
|
43018
|
-
attrs: {
|
|
43019
|
-
"type": "checkbox",
|
|
43020
|
-
"disabled": _vm.disabled
|
|
43021
|
-
},
|
|
43022
|
-
domProps: {
|
|
43023
|
-
"value": _vm.value,
|
|
43024
|
-
"checked": Array.isArray(_vm.value) ? _vm._i(_vm.value, _vm.value) > -1 : _vm.value
|
|
43025
|
-
},
|
|
43026
|
-
on: {
|
|
43027
|
-
"change": function ($event) {
|
|
43028
|
-
var $$a = _vm.value,
|
|
43029
|
-
$$el = $event.target,
|
|
43030
|
-
$$c = $$el.checked ? true : false;
|
|
43031
|
-
if (Array.isArray($$a)) {
|
|
43032
|
-
var $$v = _vm.value,
|
|
43033
|
-
$$i = _vm._i($$a, $$v);
|
|
43034
|
-
if ($$el.checked) {
|
|
43035
|
-
$$i < 0 && (_vm.value = $$a.concat([$$v]));
|
|
43036
|
-
} else {
|
|
43037
|
-
$$i > -1 && (_vm.value = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
|
|
43038
|
-
}
|
|
43039
|
-
} else {
|
|
43040
|
-
_vm.value = $$c;
|
|
43041
|
-
}
|
|
43042
|
-
}
|
|
43043
|
-
}
|
|
43044
|
-
}), _c('span', {
|
|
43045
|
-
class: ['toggle-input-radio-button-mini-slider', {
|
|
43046
|
-
'toggle-input-radio-button-mini-slider-disabled': _vm.disabled
|
|
43047
|
-
}]
|
|
43048
|
-
}, [_c('span', {
|
|
43049
|
-
staticClass: "toggle-input-radio-button-mini-text-on"
|
|
43050
|
-
}, [_vm._v("On")]), _c('span', {
|
|
43051
|
-
staticClass: "toggle-input-radio-button-mini-text-off"
|
|
43052
|
-
}, [_vm._v("Off")])])])]);
|
|
43053
|
-
};
|
|
43054
|
-
var ToggleInputRadioButtonMinivue_type_template_id_5668ee55_staticRenderFns = [];
|
|
43055
|
-
|
|
43056
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputRadioButtonMini.vue?vue&type=template&id=5668ee55&
|
|
43057
|
-
|
|
43058
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputRadioButtonMini.vue?vue&type=script&lang=js&
|
|
43059
|
-
/* harmony default export */ var ToggleInputRadioButtonMinivue_type_script_lang_js_ = ({
|
|
43060
|
-
name: 'ToggleInputRadioButtonMini',
|
|
43061
|
-
props: {
|
|
43062
|
-
disabled: {
|
|
43063
|
-
type: Boolean,
|
|
43064
|
-
default: false
|
|
43065
|
-
}
|
|
43066
|
-
},
|
|
43067
|
-
computed: {
|
|
43068
|
-
value: {
|
|
43069
|
-
get() {
|
|
43070
|
-
return this.$attrs.value;
|
|
43071
|
-
},
|
|
43072
|
-
set(value) {
|
|
43073
|
-
this.$emit('input', value);
|
|
43074
|
-
}
|
|
43075
|
-
}
|
|
43076
|
-
},
|
|
43077
|
-
watch: {
|
|
43078
|
-
value: function (val) {
|
|
43079
|
-
this.$emit('input', val);
|
|
43080
|
-
}
|
|
43081
|
-
}
|
|
43082
|
-
});
|
|
43083
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputRadioButtonMini.vue?vue&type=script&lang=js&
|
|
43084
|
-
/* harmony default export */ var forms_ToggleInputRadioButtonMinivue_type_script_lang_js_ = (ToggleInputRadioButtonMinivue_type_script_lang_js_);
|
|
43085
|
-
// CONCATENATED MODULE: ./src/components/forms/ToggleInputRadioButtonMini.vue
|
|
43086
|
-
|
|
43087
|
-
|
|
43088
|
-
|
|
43089
|
-
|
|
43090
|
-
|
|
43091
|
-
/* normalize component */
|
|
43092
|
-
|
|
43093
|
-
var ToggleInputRadioButtonMini_component = normalizeComponent(
|
|
43094
|
-
forms_ToggleInputRadioButtonMinivue_type_script_lang_js_,
|
|
43095
|
-
ToggleInputRadioButtonMinivue_type_template_id_5668ee55_render,
|
|
43096
|
-
ToggleInputRadioButtonMinivue_type_template_id_5668ee55_staticRenderFns,
|
|
43097
|
-
false,
|
|
43098
|
-
null,
|
|
43099
|
-
null,
|
|
43100
|
-
null
|
|
43101
|
-
|
|
43102
|
-
)
|
|
43103
|
-
|
|
43104
|
-
/* harmony default export */ var ToggleInputRadioButtonMini = (ToggleInputRadioButtonMini_component.exports);
|
|
43105
43003
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a48609c2-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputTextArea.vue?vue&type=template&id=60540840&
|
|
43106
43004
|
var ToggleInputTextAreavue_type_template_id_60540840_render = function render() {
|
|
43107
43005
|
var _vm = this,
|
|
@@ -48729,8 +48627,8 @@ var TogglePodiumBadge_component = normalizeComponent(
|
|
|
48729
48627
|
)
|
|
48730
48628
|
|
|
48731
48629
|
/* harmony default export */ var TogglePodiumBadge = (TogglePodiumBadge_component.exports);
|
|
48732
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a48609c2-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=
|
|
48733
|
-
var
|
|
48630
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a48609c2-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=b829739a&
|
|
48631
|
+
var ToggleBreadCrumbvue_type_template_id_b829739a_render = function render() {
|
|
48734
48632
|
var _vm = this,
|
|
48735
48633
|
_c = _vm._self._c;
|
|
48736
48634
|
return _vm.breadcrumb_computed ? _c('div', {
|
|
@@ -48738,30 +48636,7 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_render = function render() {
|
|
|
48738
48636
|
}, _vm._l(_vm.breadcrumb_computed, function (crumb, index) {
|
|
48739
48637
|
return _c('div', {
|
|
48740
48638
|
key: index
|
|
48741
|
-
}, [
|
|
48742
|
-
directives: [{
|
|
48743
|
-
name: "model",
|
|
48744
|
-
rawName: "v-model",
|
|
48745
|
-
value: crumb.name,
|
|
48746
|
-
expression: "crumb.name"
|
|
48747
|
-
}],
|
|
48748
|
-
staticClass: "toggle-breadcrumb-editable-input",
|
|
48749
|
-
attrs: {
|
|
48750
|
-
"maxlength": "50"
|
|
48751
|
-
},
|
|
48752
|
-
domProps: {
|
|
48753
|
-
"value": crumb.name
|
|
48754
|
-
},
|
|
48755
|
-
on: {
|
|
48756
|
-
"input": [function ($event) {
|
|
48757
|
-
if ($event.target.composing) return;
|
|
48758
|
-
_vm.$set(crumb, "name", $event.target.value);
|
|
48759
|
-
}, function ($event) {
|
|
48760
|
-
_vm.autoResizeInput($event.target);
|
|
48761
|
-
_vm.updateContent($event);
|
|
48762
|
-
}]
|
|
48763
|
-
}
|
|
48764
|
-
})] : [crumb.link && !_vm.isNuxt ? _c('router-link', {
|
|
48639
|
+
}, [crumb.link && !_vm.isNuxt ? _c('router-link', {
|
|
48765
48640
|
staticClass: "back-product",
|
|
48766
48641
|
attrs: {
|
|
48767
48642
|
"to": {
|
|
@@ -48779,12 +48654,12 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_render = function render() {
|
|
|
48779
48654
|
staticClass: "toggle-breadcrumb-arrow-right"
|
|
48780
48655
|
}) : _vm._e(), !crumb.link ? _c('h1', {
|
|
48781
48656
|
staticClass: "toggle-breadcrumb-h1"
|
|
48782
|
-
}, [_vm._v(_vm._s(crumb.name))]) : _vm._e()]
|
|
48657
|
+
}, [_vm._v(_vm._s(crumb.name))]) : _vm._e()], 1);
|
|
48783
48658
|
}), 0) : _vm._e();
|
|
48784
48659
|
};
|
|
48785
|
-
var
|
|
48660
|
+
var ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns = [];
|
|
48786
48661
|
|
|
48787
|
-
// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=
|
|
48662
|
+
// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=template&id=b829739a&
|
|
48788
48663
|
|
|
48789
48664
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=script&lang=js&
|
|
48790
48665
|
/* harmony default export */ var ToggleBreadCrumbvue_type_script_lang_js_ = ({
|
|
@@ -48797,10 +48672,6 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_staticRenderFns = [];
|
|
|
48797
48672
|
breadcrumb: {
|
|
48798
48673
|
type: Array,
|
|
48799
48674
|
required: false
|
|
48800
|
-
},
|
|
48801
|
-
editable: {
|
|
48802
|
-
type: Boolean,
|
|
48803
|
-
default: false
|
|
48804
48675
|
}
|
|
48805
48676
|
},
|
|
48806
48677
|
data: function () {
|
|
@@ -48810,15 +48681,6 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_staticRenderFns = [];
|
|
|
48810
48681
|
breadcrumb_computed() {
|
|
48811
48682
|
return this.isNuxt ? this.breadcrumb : this.$route.meta.breadcrumb;
|
|
48812
48683
|
}
|
|
48813
|
-
},
|
|
48814
|
-
methods: {
|
|
48815
|
-
autoResizeInput(input) {
|
|
48816
|
-
input.style.width = input.value.length * 11 + "px";
|
|
48817
|
-
},
|
|
48818
|
-
updateContent(event) {
|
|
48819
|
-
const newContent = event.target.value;
|
|
48820
|
-
this.$emit('update:lastCrumb', newContent);
|
|
48821
|
-
}
|
|
48822
48684
|
}
|
|
48823
48685
|
});
|
|
48824
48686
|
// CONCATENATED MODULE: ./src/components/breadcrumb/ToggleBreadCrumb.vue?vue&type=script&lang=js&
|
|
@@ -48833,8 +48695,8 @@ var ToggleBreadCrumbvue_type_template_id_ca26eb0c_staticRenderFns = [];
|
|
|
48833
48695
|
|
|
48834
48696
|
var ToggleBreadCrumb_component = normalizeComponent(
|
|
48835
48697
|
breadcrumb_ToggleBreadCrumbvue_type_script_lang_js_,
|
|
48836
|
-
|
|
48837
|
-
|
|
48698
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_render,
|
|
48699
|
+
ToggleBreadCrumbvue_type_template_id_b829739a_staticRenderFns,
|
|
48838
48700
|
false,
|
|
48839
48701
|
null,
|
|
48840
48702
|
null,
|
|
@@ -50341,31 +50203,33 @@ var ToggleInputMultiSelect_component = normalizeComponent(
|
|
|
50341
50203
|
)
|
|
50342
50204
|
|
|
50343
50205
|
/* harmony default export */ var ToggleInputMultiSelect = (ToggleInputMultiSelect_component.exports);
|
|
50344
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a48609c2-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/metrics/ToggleMetricSingleMetric.vue?vue&type=template&id=
|
|
50345
|
-
var
|
|
50206
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a48609c2-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/metrics/ToggleMetricSingleMetric.vue?vue&type=template&id=5fe19310&
|
|
50207
|
+
var ToggleMetricSingleMetricvue_type_template_id_5fe19310_render = function render() {
|
|
50346
50208
|
var _vm = this,
|
|
50347
50209
|
_c = _vm._self._c;
|
|
50348
50210
|
return _c('div', [_c('h3', {
|
|
50349
50211
|
class: ['toggle-metric metric-label', {
|
|
50350
|
-
'metric-label-atmosphere': _vm.atmosphere
|
|
50212
|
+
'metric-label-atmosphere': _vm.atmosphere || _vm.toggle
|
|
50351
50213
|
}]
|
|
50352
50214
|
}, [_vm._v(_vm._s(_vm.label))]), _vm.metricPending && _vm.label.length == 0 ? _c('div', {
|
|
50353
50215
|
staticClass: "single-metric-icon"
|
|
50354
50216
|
}) : _c('h1', {
|
|
50355
50217
|
class: ['toggle-metric metric-value', {
|
|
50356
|
-
'metric-value-atmosphere': _vm.atmosphere
|
|
50218
|
+
'metric-value-atmosphere': _vm.atmosphere || _vm.toggle
|
|
50357
50219
|
}, {
|
|
50358
50220
|
'metric-value-small': _vm.small
|
|
50359
50221
|
}]
|
|
50360
50222
|
}, [_vm._v(_vm._s(_vm.metricValue) + " "), _vm.score && _vm.value.maxScore ? _c('span', {
|
|
50361
50223
|
staticClass: "toggle-metric-score-rating"
|
|
50362
|
-
}, [_vm._v("/" + _vm._s(_vm.value.maxScore))]) : _vm._e(), _vm.atmosphere && _vm.live == true ? _c('span', {
|
|
50363
|
-
|
|
50224
|
+
}, [_vm._v("/" + _vm._s(_vm.value.maxScore))]) : _vm._e(), (_vm.atmosphere || _vm.toggle) && _vm.live == true ? _c('span', {
|
|
50225
|
+
class: ['toggle-metric-live-icon', {
|
|
50226
|
+
'toggle-metric-live-icon-toggle': _vm.toggle
|
|
50227
|
+
}]
|
|
50364
50228
|
}) : _vm._e()])]);
|
|
50365
50229
|
};
|
|
50366
|
-
var
|
|
50230
|
+
var ToggleMetricSingleMetricvue_type_template_id_5fe19310_staticRenderFns = [];
|
|
50367
50231
|
|
|
50368
|
-
// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricSingleMetric.vue?vue&type=template&id=
|
|
50232
|
+
// CONCATENATED MODULE: ./src/components/metrics/ToggleMetricSingleMetric.vue?vue&type=template&id=5fe19310&
|
|
50369
50233
|
|
|
50370
50234
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/metrics/ToggleMetricSingleMetric.vue?vue&type=script&lang=js&
|
|
50371
50235
|
|
|
@@ -50437,7 +50301,7 @@ var ToggleMetricSingleMetricvue_type_template_id_48e8ebaa_staticRenderFns = [];
|
|
|
50437
50301
|
type: String,
|
|
50438
50302
|
default: "default",
|
|
50439
50303
|
validator: function (value) {
|
|
50440
|
-
return ['default', 'atmosphere'].indexOf(value) !== -1;
|
|
50304
|
+
return ['default', 'atmosphere', 'toggle'].indexOf(value) !== -1;
|
|
50441
50305
|
}
|
|
50442
50306
|
},
|
|
50443
50307
|
metricSize: {
|
|
@@ -50484,6 +50348,9 @@ var ToggleMetricSingleMetricvue_type_template_id_48e8ebaa_staticRenderFns = [];
|
|
|
50484
50348
|
atmosphere() {
|
|
50485
50349
|
return this.metricStyle === 'atmosphere';
|
|
50486
50350
|
},
|
|
50351
|
+
toggle() {
|
|
50352
|
+
return this.metricStyle === 'toggle';
|
|
50353
|
+
},
|
|
50487
50354
|
small() {
|
|
50488
50355
|
return this.metricSize === 'small';
|
|
50489
50356
|
}
|
|
@@ -50501,8 +50368,8 @@ var ToggleMetricSingleMetricvue_type_template_id_48e8ebaa_staticRenderFns = [];
|
|
|
50501
50368
|
|
|
50502
50369
|
var ToggleMetricSingleMetric_component = normalizeComponent(
|
|
50503
50370
|
metrics_ToggleMetricSingleMetricvue_type_script_lang_js_,
|
|
50504
|
-
|
|
50505
|
-
|
|
50371
|
+
ToggleMetricSingleMetricvue_type_template_id_5fe19310_render,
|
|
50372
|
+
ToggleMetricSingleMetricvue_type_template_id_5fe19310_staticRenderFns,
|
|
50506
50373
|
false,
|
|
50507
50374
|
null,
|
|
50508
50375
|
null,
|
|
@@ -52097,7 +51964,6 @@ var main = __webpack_require__("dc44");
|
|
|
52097
51964
|
|
|
52098
51965
|
|
|
52099
51966
|
|
|
52100
|
-
|
|
52101
51967
|
|
|
52102
51968
|
|
|
52103
51969
|
const Components = {
|
|
@@ -52116,7 +51982,6 @@ const Components = {
|
|
|
52116
51982
|
ToggleInputPercentage: ToggleInputPercentage,
|
|
52117
51983
|
ToggleInputCurrency: ToggleInputCurrency,
|
|
52118
51984
|
ToggleInputRadioButtons: ToggleInputRadioButtons,
|
|
52119
|
-
ToggleInputRadioButtonMini: ToggleInputRadioButtonMini,
|
|
52120
51985
|
ToggleInputTextArea: ToggleInputTextArea,
|
|
52121
51986
|
ToggleInputCheckboxContainer: ToggleInputCheckboxContainer,
|
|
52122
51987
|
ToggleInputCheckbox: ToggleInputCheckbox,
|