@onereach/ui-components 2.76.8-beta.2449.0 → 2.76.8
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/bundled/v2/OrButton-e812d1f7.js +175 -0
- package/dist/bundled/v2/{OrCardCollection-6d0f85cc.js → OrCardCollection-c0ef08e0.js} +2 -2
- package/dist/bundled/v2/{OrCode-328bb6e3.js → OrCode-549812e4.js} +2 -2
- package/dist/bundled/v2/{OrConfirm-78663c20.js → OrConfirm-63857c49.js} +2 -2
- package/dist/bundled/v2/{OrDateTimePicker-30f30dd7.js → OrDateTimePicker-d579d23c.js} +1 -1
- package/dist/bundled/v2/OrIconButton-40fb7dfc.js +207 -0
- package/dist/bundled/v2/{OrInlineTextEdit-8dc53a2f.js → OrInlineTextEdit-12f48060.js} +1 -1
- package/dist/bundled/v2/{OrList-bcb4584e.js → OrList-0f36d581.js} +2 -2
- package/dist/bundled/v2/{OrListOfInputs-f042f6f5.js → OrListOfInputs-82a01384.js} +2 -2
- package/dist/bundled/v2/{OrModal-3b75b965.js → OrModal-58605909.js} +1 -1
- package/dist/bundled/v2/{OrNotification-c192f2d6.js → OrNotification-fb24bdba.js} +1 -1
- package/dist/bundled/v2/{OrOverflowMenu-7315a153.js → OrOverflowMenu-dc84f6b6.js} +2 -2
- package/dist/bundled/v2/{OrPassword-d2c2307b.js → OrPassword-4ff56781.js} +1 -1
- package/dist/bundled/v2/{OrSearch-eaff95c0.js → OrSearch-4628121e.js} +1 -1
- package/dist/bundled/v2/{OrStepper-e25df9a5.js → OrStepper-24841eea.js} +1 -1
- package/dist/bundled/v2/{OrTextbox-00b6d200.js → OrTextbox-9b162c7f.js} +1 -1
- package/dist/bundled/v2/{OrToastContainer-350fbbaa.js → OrToastContainer-469a79bd.js} +1 -1
- package/dist/bundled/v2/components/index.js +17 -17
- package/dist/bundled/v2/components/or-button-v2/index.js +2 -2
- package/dist/bundled/v2/components/or-card-collection/index.js +3 -3
- package/dist/bundled/v2/components/or-code/index.js +3 -3
- package/dist/bundled/v2/components/or-confirm/index.js +4 -4
- package/dist/bundled/v2/components/or-date-time-picker/index.js +2 -2
- package/dist/bundled/v2/components/or-inline-text-edit/index.js +2 -2
- package/dist/bundled/v2/components/or-list/index.js +3 -3
- package/dist/bundled/v2/components/or-list-of-inputs/index.js +4 -4
- package/dist/bundled/v2/components/or-modal/index.js +2 -2
- package/dist/bundled/v2/components/or-notification/index.js +2 -2
- package/dist/bundled/v2/components/or-overflow-menu/index.js +3 -3
- package/dist/bundled/v2/components/or-password/index.js +2 -2
- package/dist/bundled/v2/components/or-search/index.js +2 -2
- package/dist/bundled/v2/components/or-stepper/index.js +2 -2
- package/dist/bundled/v2/components/or-textbox/index.js +2 -2
- package/dist/bundled/v2/components/or-toast/index.js +2 -2
- package/dist/bundled/v2/index.js +17 -17
- package/dist/bundled/v3/{OrButton-c2541edc.js → OrButton-192156e6.js} +1 -1
- package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-95e5990a.js → OrButton.vue_vue_type_script_lang-17f34bec.js} +0 -1
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-2afe76ef.js → OrConfirm.vue_vue_type_script_lang-bdef4c42.js} +2 -2
- package/dist/bundled/v3/{OrList.vue_vue_type_script_lang-43e94870.js → OrList.vue_vue_type_script_lang-6df4b696.js} +2 -2
- package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-51d56f2a.js → OrListOfInputs.vue_vue_type_script_lang-f042789a.js} +1 -1
- package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-b3b5ba61.js → OrOverflowMenu.vue_vue_type_script_lang-b6baff2e.js} +2 -2
- package/dist/bundled/v3/{OrStepper.vue_vue_type_script_lang-1ddd7d48.js → OrStepper.vue_vue_type_script_lang-c8f92d93.js} +2 -2
- package/dist/bundled/v3/components/index.js +7 -7
- package/dist/bundled/v3/components/or-button-v2/index.js +1 -1
- package/dist/bundled/v3/components/or-confirm/index.js +3 -3
- package/dist/bundled/v3/components/or-list/index.js +3 -3
- package/dist/bundled/v3/components/or-list-of-inputs/index.js +4 -4
- package/dist/bundled/v3/components/or-overflow-menu/index.js +3 -3
- package/dist/bundled/v3/components/or-stepper/index.js +3 -3
- package/dist/bundled/v3/index.js +11 -11
- package/dist/esm/v2/{OrButton-3f482ecf.js → OrButton-6baee892.js} +2 -2
- package/dist/esm/v2/{OrCardCollection-e069ae62.js → OrCardCollection-8a593c99.js} +3 -3
- package/dist/esm/v2/{OrCode-04e59c6f.js → OrCode-68ab9c3a.js} +3 -3
- package/dist/esm/v2/{OrConfirm-d80caeaa.js → OrConfirm-2c379493.js} +3 -3
- package/dist/esm/v2/{OrDateTimePicker-419a4777.js → OrDateTimePicker-7b3351f8.js} +2 -2
- package/dist/esm/v2/{OrIconButton-8d35dbaf.js → OrIconButton-3b20db72.js} +2 -2
- package/dist/esm/v2/OrIconButton.vue_rollup-plugin-vue_styles.0-8a76bbe7.js +294 -0
- package/dist/esm/v2/{OrInlineTextEdit-044cbb16.js → OrInlineTextEdit-f229fc20.js} +2 -2
- package/dist/esm/v2/{OrList-865b3e91.js → OrList-02217155.js} +3 -3
- package/dist/esm/v2/{OrListOfInputs-7098d429.js → OrListOfInputs-43e7dead.js} +3 -3
- package/dist/esm/v2/{OrModal-53319126.js → OrModal-64505709.js} +2 -2
- package/dist/esm/v2/{OrNotification-658e643b.js → OrNotification-666a8249.js} +2 -2
- package/dist/esm/v2/{OrOverflowMenu-ca26dfcf.js → OrOverflowMenu-1e7c4cea.js} +3 -3
- package/dist/esm/v2/{OrPassword-5899dc7c.js → OrPassword-7393f494.js} +2 -2
- package/dist/esm/v2/{OrSearch-2c724034.js → OrSearch-0485f26b.js} +2 -2
- package/dist/esm/v2/{OrStepper-8503ea94.js → OrStepper-69507583.js} +2 -2
- package/dist/esm/v2/{OrTextbox-44684ee5.js → OrTextbox-d113e6fd.js} +2 -2
- package/dist/esm/v2/{OrToastContainer-01794fa5.js → OrToastContainer-f2ed5f0b.js} +2 -2
- package/dist/esm/v2/components/index.js +18 -18
- package/dist/esm/v2/components/or-button-v2/index.js +3 -3
- package/dist/esm/v2/components/or-card-collection/index.js +4 -4
- package/dist/esm/v2/components/or-code/index.js +4 -4
- package/dist/esm/v2/components/or-confirm/index.js +5 -5
- package/dist/esm/v2/components/or-date-time-picker/index.js +3 -3
- package/dist/esm/v2/components/or-inline-text-edit/index.js +3 -3
- package/dist/esm/v2/components/or-list/index.js +4 -4
- package/dist/esm/v2/components/or-list-of-inputs/index.js +5 -5
- package/dist/esm/v2/components/or-modal/index.js +3 -3
- package/dist/esm/v2/components/or-notification/index.js +3 -3
- package/dist/esm/v2/components/or-overflow-menu/index.js +4 -4
- package/dist/esm/v2/components/or-password/index.js +3 -3
- package/dist/esm/v2/components/or-search/index.js +3 -3
- package/dist/esm/v2/components/or-stepper/index.js +3 -3
- package/dist/esm/v2/components/or-textbox/index.js +3 -3
- package/dist/esm/v2/components/or-toast/index.js +3 -3
- package/dist/esm/v2/index.js +18 -18
- package/dist/esm/v3/{OrCardCollection-9c3f2719.js → OrCardCollection-c60708c9.js} +2 -2
- package/dist/esm/v3/{OrCode-762f1b00.js → OrCode-f74731c4.js} +2 -2
- package/dist/esm/v3/{OrConfirm-db7d2641.js → OrConfirm-006ba329.js} +2 -2
- package/dist/esm/v3/{OrDateTimePicker-4edad43b.js → OrDateTimePicker-2714abac.js} +1 -1
- package/dist/esm/v3/{OrIconButton-fc4eeeeb.js → OrIconButton-1c8640d9.js} +0 -1
- package/dist/esm/v3/{OrInlineTextEdit-4d8c7a5a.js → OrInlineTextEdit-736f500c.js} +1 -1
- package/dist/esm/v3/{OrList-5affa023.js → OrList-cc647838.js} +1 -1
- package/dist/esm/v3/{OrListOfInputs-e3931b38.js → OrListOfInputs-d39c3d3b.js} +2 -2
- package/dist/esm/v3/{OrModal-6108ae31.js → OrModal-325e7a46.js} +1 -1
- package/dist/esm/v3/{OrNotification-8437f351.js → OrNotification-056a973c.js} +1 -1
- package/dist/esm/v3/{OrOverflowMenu-27ee1cdf.js → OrOverflowMenu-60b0d5d2.js} +1 -1
- package/dist/esm/v3/{OrPassword-1b5d303e.js → OrPassword-eaeab931.js} +1 -1
- package/dist/esm/v3/{OrSearch-1e20f5c9.js → OrSearch-898a8c75.js} +1 -1
- package/dist/esm/v3/{OrStepper-3b165859.js → OrStepper-8d16d968.js} +1 -1
- package/dist/esm/v3/{OrTextbox-2a95f68e.js → OrTextbox-6e355e69.js} +1 -1
- package/dist/esm/v3/{OrToastContainer-379b90ca.js → OrToastContainer-3718e4c0.js} +1 -1
- package/dist/esm/v3/components/index.js +16 -16
- package/dist/esm/v3/components/or-button-v2/index.js +1 -1
- package/dist/esm/v3/components/or-card-collection/index.js +3 -3
- package/dist/esm/v3/components/or-code/index.js +3 -3
- package/dist/esm/v3/components/or-confirm/index.js +3 -3
- package/dist/esm/v3/components/or-date-time-picker/index.js +2 -2
- package/dist/esm/v3/components/or-inline-text-edit/index.js +2 -2
- package/dist/esm/v3/components/or-list/index.js +2 -2
- package/dist/esm/v3/components/or-list-of-inputs/index.js +3 -3
- package/dist/esm/v3/components/or-modal/index.js +2 -2
- package/dist/esm/v3/components/or-notification/index.js +2 -2
- package/dist/esm/v3/components/or-overflow-menu/index.js +2 -2
- package/dist/esm/v3/components/or-password/index.js +2 -2
- package/dist/esm/v3/components/or-search/index.js +2 -2
- package/dist/esm/v3/components/or-stepper/index.js +2 -2
- package/dist/esm/v3/components/or-textbox/index.js +2 -2
- package/dist/esm/v3/components/or-toast/index.js +2 -2
- package/dist/esm/v3/index.js +16 -16
- package/package.json +3 -2
- package/src/components/or-button-v2/OrButton.vue +5 -6
- package/src/components/or-button-v2/OrIconButton.vue +7 -7
- package/src/components/or-button-v3/OrButton.vue +5 -5
- package/dist/bundled/v2/OrButton-295118b6.js +0 -176
- package/dist/bundled/v2/OrIconButton-5f8b1683.js +0 -207
- package/dist/esm/v2/OrIconButton.vue_rollup-plugin-vue_styles.0-58e38ce8.js +0 -295
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import './index-fa6eb4ca.js';
|
|
2
|
+
import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './constants-c5d1139f.js';
|
|
3
|
+
import { O as OrIcon } from './OrIcon-90adc2bd.js';
|
|
4
|
+
import { O as OrLoader, L as LoaderViews } from './OrLoader-5cfd67fb.js';
|
|
5
|
+
import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
6
|
+
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
7
|
+
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
8
|
+
|
|
9
|
+
var script = defineComponent({
|
|
10
|
+
name: 'OrButton',
|
|
11
|
+
components: {
|
|
12
|
+
OrIcon,
|
|
13
|
+
OrLoader
|
|
14
|
+
},
|
|
15
|
+
props: {
|
|
16
|
+
type: {
|
|
17
|
+
type: String,
|
|
18
|
+
default: BUTTON_TYPE.CONTAINED
|
|
19
|
+
},
|
|
20
|
+
color: {
|
|
21
|
+
type: String,
|
|
22
|
+
default: BUTTON_COLOR.PRIMARY
|
|
23
|
+
},
|
|
24
|
+
content: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: ''
|
|
27
|
+
},
|
|
28
|
+
size: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: BUTTON_SIZE.DEFAULT
|
|
31
|
+
},
|
|
32
|
+
icon: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: ''
|
|
35
|
+
},
|
|
36
|
+
htmlButtonType: {
|
|
37
|
+
type: String,
|
|
38
|
+
default: HTML_BUTTON_TYPE.BUTTON,
|
|
39
|
+
required: false
|
|
40
|
+
},
|
|
41
|
+
iconPosition: {
|
|
42
|
+
type: String,
|
|
43
|
+
default: 'left'
|
|
44
|
+
},
|
|
45
|
+
loadingType: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: LoaderViews.default
|
|
48
|
+
},
|
|
49
|
+
loadingText: {
|
|
50
|
+
type: String,
|
|
51
|
+
default: ''
|
|
52
|
+
},
|
|
53
|
+
isLoading: {
|
|
54
|
+
type: Boolean,
|
|
55
|
+
default: false
|
|
56
|
+
},
|
|
57
|
+
isDisabled: {
|
|
58
|
+
type: Boolean,
|
|
59
|
+
default: false
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
emits: ['click', 'focus', 'blur'],
|
|
63
|
+
computed: {
|
|
64
|
+
states() {
|
|
65
|
+
const outline = this.type === BUTTON_TYPE.OUTLINE; // `outline` type is deprecated, use `outlined` instead
|
|
66
|
+
const type = outline ? BUTTON_TYPE.OUTLINED : this.type;
|
|
67
|
+
return {
|
|
68
|
+
[type]: true,
|
|
69
|
+
[this.color]: true,
|
|
70
|
+
[`size-${this.size}`]: true,
|
|
71
|
+
disabled: this.isDisabled,
|
|
72
|
+
loading: this.isLoading
|
|
73
|
+
};
|
|
74
|
+
},
|
|
75
|
+
showLeftIcon() {
|
|
76
|
+
return !!this.icon && this.iconPosition === 'left';
|
|
77
|
+
},
|
|
78
|
+
showRightIcon() {
|
|
79
|
+
return !!this.icon && this.iconPosition === 'right';
|
|
80
|
+
},
|
|
81
|
+
/**
|
|
82
|
+
* Button's content is hidden rather then removed,
|
|
83
|
+
* in order to retain original button size when loading indicator is active.
|
|
84
|
+
*/
|
|
85
|
+
isContentVisible() {
|
|
86
|
+
return this.isLoading ? {
|
|
87
|
+
'visibility': 'hidden'
|
|
88
|
+
} : {};
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
methods: {
|
|
92
|
+
handleButtonClick(event) {
|
|
93
|
+
if (!this.isLoading && !this.isDisabled) {
|
|
94
|
+
this.$emit('click', event);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
var css_248z = "@keyframes spinAround-data-v-983e3e08{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-983e3e08{from{opacity:1}to{opacity:0}}.or-button[data-v-983e3e08]{--or-button-height:2rem;--or-button-font-size:var(--fs-1);--or-loader-size:1.25rem;--or-icon-size:1rem;--or-icon-margin:0.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--or-button-height);padding:0;font-family:inherit;font-size:var(--or-button-font-size);cursor:pointer;background:0 0;border:0;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color,background-color,box-shadow,border-color}.or-button.contained[data-v-983e3e08],.or-button.outlined[data-v-983e3e08],.or-button.text[data-v-983e3e08]{min-width:6rem;padding:0 1rem;font-weight:var(--fw-1);border-radius:.25rem}.or-button.inline[data-v-983e3e08]{--or-button-height:1.25rem;--or-button-font-size:var(--fs-0);--or-icon-margin:0.25rem;--or-loader-size:1.25rem;--or-icon-size:1rem}.or-button.contained[data-v-983e3e08]{color:var(--c-white)}.or-button.contained .or-loader[data-v-983e3e08]::after,.or-button.contained[data-v-983e3e08] .or-icon{color:var(--c-white)}.or-button.contained.primary[data-v-983e3e08]{background-color:var(--c-primary)}.or-button.contained.primary[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.primary[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.primary.disabled[data-v-983e3e08],.or-button.contained.primary.loading[data-v-983e3e08]{background-color:var(--c-primary-lighten-20)}.or-button.contained.success[data-v-983e3e08]{background-color:var(--c-success)}.or-button.contained.success[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.success[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.success.disabled[data-v-983e3e08],.or-button.contained.success.loading[data-v-983e3e08]{background-color:var(--c-success-lighten-20)}.or-button.contained.warning[data-v-983e3e08]{background-color:var(--c-warning)}.or-button.contained.warning[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.warning[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.warning.disabled[data-v-983e3e08],.or-button.contained.warning.loading[data-v-983e3e08]{background-color:var(--c-warning-lighten-20)}.or-button.contained.error[data-v-983e3e08]{background-color:var(--c-error)}.or-button.contained.error[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.error[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.error.disabled[data-v-983e3e08],.or-button.contained.error.loading[data-v-983e3e08]{background-color:var(--c-error-lighten-20)}.or-button.contained.neutral-0[data-v-983e3e08]{background-color:var(--c-neutral-0)}.or-button.contained.neutral-0[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-0[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-0.disabled[data-v-983e3e08],.or-button.contained.neutral-0.loading[data-v-983e3e08]{background-color:var(--c-neutral-0-lighten-20)}.or-button.contained.neutral-3[data-v-983e3e08]{background-color:var(--c-neutral-3)}.or-button.contained.neutral-3[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-3[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-3.disabled[data-v-983e3e08],.or-button.contained.neutral-3.loading[data-v-983e3e08]{background-color:var(--c-neutral-3-lighten-20)}.or-button.contained.neutral-4[data-v-983e3e08]{background-color:var(--c-neutral-4)}.or-button.contained.neutral-4[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-4[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-4.disabled[data-v-983e3e08],.or-button.contained.neutral-4.loading[data-v-983e3e08]{background-color:var(--c-neutral-4-lighten-20)}.or-button.contained.neutral-5[data-v-983e3e08]{background-color:var(--c-neutral-5)}.or-button.contained.neutral-5[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-5[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-5.disabled[data-v-983e3e08],.or-button.contained.neutral-5.loading[data-v-983e3e08]{background-color:var(--c-neutral-5-lighten-20)}.or-button.contained.neutral-6[data-v-983e3e08]{background-color:var(--c-neutral-6)}.or-button.contained.neutral-6[data-v-983e3e08]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.contained.neutral-6[data-v-983e3e08]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.contained.neutral-6.disabled[data-v-983e3e08],.or-button.contained.neutral-6.loading[data-v-983e3e08]{background-color:var(--c-neutral-6-lighten-20)}.or-button.outlined.primary[data-v-983e3e08]{color:var(--c-primary);border:1px solid var(--c-primary)}.or-button.outlined.primary[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.primary[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.primary .or-loader[data-v-983e3e08]::after{color:var(--c-primary)}.or-button.outlined.primary.disabled[data-v-983e3e08],.or-button.outlined.primary.loading[data-v-983e3e08]{border:1px solid var(--c-primary-lighten-20)}.or-button.outlined.primary.disabled[data-v-983e3e08]{color:var(--c-primary-lighten-20)}.or-button.outlined.success[data-v-983e3e08]{color:var(--c-success);border:1px solid var(--c-success)}.or-button.outlined.success[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.success[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.success .or-loader[data-v-983e3e08]::after{color:var(--c-success)}.or-button.outlined.success.disabled[data-v-983e3e08],.or-button.outlined.success.loading[data-v-983e3e08]{border:1px solid var(--c-success-lighten-20)}.or-button.outlined.success.disabled[data-v-983e3e08]{color:var(--c-success-lighten-20)}.or-button.outlined.warning[data-v-983e3e08]{color:var(--c-warning);border:1px solid var(--c-warning)}.or-button.outlined.warning[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.warning[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.warning .or-loader[data-v-983e3e08]::after{color:var(--c-warning)}.or-button.outlined.warning.disabled[data-v-983e3e08],.or-button.outlined.warning.loading[data-v-983e3e08]{border:1px solid var(--c-warning-lighten-20)}.or-button.outlined.warning.disabled[data-v-983e3e08]{color:var(--c-warning-lighten-20)}.or-button.outlined.error[data-v-983e3e08]{color:var(--c-error);border:1px solid var(--c-error)}.or-button.outlined.error[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.error[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.error .or-loader[data-v-983e3e08]::after{color:var(--c-error)}.or-button.outlined.error.disabled[data-v-983e3e08],.or-button.outlined.error.loading[data-v-983e3e08]{border:1px solid var(--c-error-lighten-20)}.or-button.outlined.error.disabled[data-v-983e3e08]{color:var(--c-error-lighten-20)}.or-button.outlined.neutral-0[data-v-983e3e08]{color:var(--c-neutral-0);border:1px solid var(--c-neutral-0)}.or-button.outlined.neutral-0[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-0[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-0 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-0)}.or-button.outlined.neutral-0.disabled[data-v-983e3e08],.or-button.outlined.neutral-0.loading[data-v-983e3e08]{border:1px solid var(--c-neutral-0-lighten-20)}.or-button.outlined.neutral-0.disabled[data-v-983e3e08]{color:var(--c-neutral-0-lighten-20)}.or-button.outlined.neutral-3[data-v-983e3e08]{color:var(--c-neutral-3);border:1px solid var(--c-neutral-3)}.or-button.outlined.neutral-3[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-3[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-3 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-3)}.or-button.outlined.neutral-3.disabled[data-v-983e3e08],.or-button.outlined.neutral-3.loading[data-v-983e3e08]{border:1px solid var(--c-neutral-3-lighten-20)}.or-button.outlined.neutral-3.disabled[data-v-983e3e08]{color:var(--c-neutral-3-lighten-20)}.or-button.outlined.neutral-4[data-v-983e3e08]{color:var(--c-neutral-4);border:1px solid var(--c-neutral-4)}.or-button.outlined.neutral-4[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-4[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-4 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-4)}.or-button.outlined.neutral-4.disabled[data-v-983e3e08],.or-button.outlined.neutral-4.loading[data-v-983e3e08]{border:1px solid var(--c-neutral-4-lighten-20)}.or-button.outlined.neutral-4.disabled[data-v-983e3e08]{color:var(--c-neutral-4-lighten-20)}.or-button.outlined.neutral-5[data-v-983e3e08]{color:var(--c-neutral-5);border:1px solid var(--c-neutral-5)}.or-button.outlined.neutral-5[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-5[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-5 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-5)}.or-button.outlined.neutral-5.disabled[data-v-983e3e08],.or-button.outlined.neutral-5.loading[data-v-983e3e08]{border:1px solid var(--c-neutral-5-lighten-20)}.or-button.outlined.neutral-5.disabled[data-v-983e3e08]{color:var(--c-neutral-5-lighten-20)}.or-button.outlined.neutral-6[data-v-983e3e08]{color:var(--c-neutral-6);border:1px solid var(--c-neutral-6)}.or-button.outlined.neutral-6[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-button.outlined.neutral-6[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-white);background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-button.outlined.neutral-6 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-6)}.or-button.outlined.neutral-6.disabled[data-v-983e3e08],.or-button.outlined.neutral-6.loading[data-v-983e3e08]{border:1px solid var(--c-neutral-6-lighten-20)}.or-button.outlined.neutral-6.disabled[data-v-983e3e08]{color:var(--c-neutral-6-lighten-20)}.or-button.inline.primary[data-v-983e3e08],.or-button.text.primary[data-v-983e3e08]{color:var(--c-primary)}.or-button.inline.primary[data-v-983e3e08] .or-icon,.or-button.text.primary[data-v-983e3e08] .or-icon{color:var(--c-primary)}.or-button.inline.primary[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.primary[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-button.inline.primary[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.primary[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-primary-darken-20)}.or-button.inline.primary[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.primary[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-button.inline.primary[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.primary[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-primary-darken-25)}.or-button.inline.primary .or-loader[data-v-983e3e08]::after,.or-button.text.primary .or-loader[data-v-983e3e08]::after{color:var(--c-primary)}.or-button.inline.primary.disabled[data-v-983e3e08],.or-button.inline.primary.loading[data-v-983e3e08],.or-button.text.primary.disabled[data-v-983e3e08],.or-button.text.primary.loading[data-v-983e3e08]{color:var(--c-primary-lighten-20)}.or-button.inline.primary.disabled[data-v-983e3e08] .or-icon,.or-button.inline.primary.loading[data-v-983e3e08] .or-icon,.or-button.text.primary.disabled[data-v-983e3e08] .or-icon,.or-button.text.primary.loading[data-v-983e3e08] .or-icon{color:var(--c-primary-lighten-20)}.or-button.inline.success[data-v-983e3e08],.or-button.text.success[data-v-983e3e08]{color:var(--c-success)}.or-button.inline.success[data-v-983e3e08] .or-icon,.or-button.text.success[data-v-983e3e08] .or-icon{color:var(--c-success)}.or-button.inline.success[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.success[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-button.inline.success[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.success[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-success-darken-20)}.or-button.inline.success[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.success[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-button.inline.success[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.success[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-success-darken-25)}.or-button.inline.success .or-loader[data-v-983e3e08]::after,.or-button.text.success .or-loader[data-v-983e3e08]::after{color:var(--c-success)}.or-button.inline.success.disabled[data-v-983e3e08],.or-button.inline.success.loading[data-v-983e3e08],.or-button.text.success.disabled[data-v-983e3e08],.or-button.text.success.loading[data-v-983e3e08]{color:var(--c-success-lighten-20)}.or-button.inline.success.disabled[data-v-983e3e08] .or-icon,.or-button.inline.success.loading[data-v-983e3e08] .or-icon,.or-button.text.success.disabled[data-v-983e3e08] .or-icon,.or-button.text.success.loading[data-v-983e3e08] .or-icon{color:var(--c-success-lighten-20)}.or-button.inline.warning[data-v-983e3e08],.or-button.text.warning[data-v-983e3e08]{color:var(--c-warning)}.or-button.inline.warning[data-v-983e3e08] .or-icon,.or-button.text.warning[data-v-983e3e08] .or-icon{color:var(--c-warning)}.or-button.inline.warning[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.warning[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-button.inline.warning[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.warning[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-warning-darken-20)}.or-button.inline.warning[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.warning[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-button.inline.warning[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.warning[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-warning-darken-25)}.or-button.inline.warning .or-loader[data-v-983e3e08]::after,.or-button.text.warning .or-loader[data-v-983e3e08]::after{color:var(--c-warning)}.or-button.inline.warning.disabled[data-v-983e3e08],.or-button.inline.warning.loading[data-v-983e3e08],.or-button.text.warning.disabled[data-v-983e3e08],.or-button.text.warning.loading[data-v-983e3e08]{color:var(--c-warning-lighten-20)}.or-button.inline.warning.disabled[data-v-983e3e08] .or-icon,.or-button.inline.warning.loading[data-v-983e3e08] .or-icon,.or-button.text.warning.disabled[data-v-983e3e08] .or-icon,.or-button.text.warning.loading[data-v-983e3e08] .or-icon{color:var(--c-warning-lighten-20)}.or-button.inline.error[data-v-983e3e08],.or-button.text.error[data-v-983e3e08]{color:var(--c-error)}.or-button.inline.error[data-v-983e3e08] .or-icon,.or-button.text.error[data-v-983e3e08] .or-icon{color:var(--c-error)}.or-button.inline.error[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.error[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-button.inline.error[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.error[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-error-darken-20)}.or-button.inline.error[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.error[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-button.inline.error[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.error[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-error-darken-25)}.or-button.inline.error .or-loader[data-v-983e3e08]::after,.or-button.text.error .or-loader[data-v-983e3e08]::after{color:var(--c-error)}.or-button.inline.error.disabled[data-v-983e3e08],.or-button.inline.error.loading[data-v-983e3e08],.or-button.text.error.disabled[data-v-983e3e08],.or-button.text.error.loading[data-v-983e3e08]{color:var(--c-error-lighten-20)}.or-button.inline.error.disabled[data-v-983e3e08] .or-icon,.or-button.inline.error.loading[data-v-983e3e08] .or-icon,.or-button.text.error.disabled[data-v-983e3e08] .or-icon,.or-button.text.error.loading[data-v-983e3e08] .or-icon{color:var(--c-error-lighten-20)}.or-button.inline.neutral-0[data-v-983e3e08],.or-button.text.neutral-0[data-v-983e3e08]{color:var(--c-neutral-0)}.or-button.inline.neutral-0[data-v-983e3e08] .or-icon,.or-button.text.neutral-0[data-v-983e3e08] .or-icon{color:var(--c-neutral-0)}.or-button.inline.neutral-0[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.neutral-0[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-button.inline.neutral-0[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-0[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-0-darken-20)}.or-button.inline.neutral-0[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.neutral-0[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-button.inline.neutral-0[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-0[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-0-darken-25)}.or-button.inline.neutral-0 .or-loader[data-v-983e3e08]::after,.or-button.text.neutral-0 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-0)}.or-button.inline.neutral-0.disabled[data-v-983e3e08],.or-button.inline.neutral-0.loading[data-v-983e3e08],.or-button.text.neutral-0.disabled[data-v-983e3e08],.or-button.text.neutral-0.loading[data-v-983e3e08]{color:var(--c-neutral-0-lighten-20)}.or-button.inline.neutral-0.disabled[data-v-983e3e08] .or-icon,.or-button.inline.neutral-0.loading[data-v-983e3e08] .or-icon,.or-button.text.neutral-0.disabled[data-v-983e3e08] .or-icon,.or-button.text.neutral-0.loading[data-v-983e3e08] .or-icon{color:var(--c-neutral-0-lighten-20)}.or-button.inline.neutral-3[data-v-983e3e08],.or-button.text.neutral-3[data-v-983e3e08]{color:var(--c-neutral-3)}.or-button.inline.neutral-3[data-v-983e3e08] .or-icon,.or-button.text.neutral-3[data-v-983e3e08] .or-icon{color:var(--c-neutral-3)}.or-button.inline.neutral-3[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.neutral-3[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-button.inline.neutral-3[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-3[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-3-darken-20)}.or-button.inline.neutral-3[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.neutral-3[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-button.inline.neutral-3[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-3[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-3-darken-25)}.or-button.inline.neutral-3 .or-loader[data-v-983e3e08]::after,.or-button.text.neutral-3 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-3)}.or-button.inline.neutral-3.disabled[data-v-983e3e08],.or-button.inline.neutral-3.loading[data-v-983e3e08],.or-button.text.neutral-3.disabled[data-v-983e3e08],.or-button.text.neutral-3.loading[data-v-983e3e08]{color:var(--c-neutral-3-lighten-20)}.or-button.inline.neutral-3.disabled[data-v-983e3e08] .or-icon,.or-button.inline.neutral-3.loading[data-v-983e3e08] .or-icon,.or-button.text.neutral-3.disabled[data-v-983e3e08] .or-icon,.or-button.text.neutral-3.loading[data-v-983e3e08] .or-icon{color:var(--c-neutral-3-lighten-20)}.or-button.inline.neutral-4[data-v-983e3e08],.or-button.text.neutral-4[data-v-983e3e08]{color:var(--c-neutral-4)}.or-button.inline.neutral-4[data-v-983e3e08] .or-icon,.or-button.text.neutral-4[data-v-983e3e08] .or-icon{color:var(--c-neutral-4)}.or-button.inline.neutral-4[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.neutral-4[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-button.inline.neutral-4[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-4[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-4-darken-20)}.or-button.inline.neutral-4[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.neutral-4[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-button.inline.neutral-4[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-4[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-4-darken-25)}.or-button.inline.neutral-4 .or-loader[data-v-983e3e08]::after,.or-button.text.neutral-4 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-4)}.or-button.inline.neutral-4.disabled[data-v-983e3e08],.or-button.inline.neutral-4.loading[data-v-983e3e08],.or-button.text.neutral-4.disabled[data-v-983e3e08],.or-button.text.neutral-4.loading[data-v-983e3e08]{color:var(--c-neutral-4-lighten-20)}.or-button.inline.neutral-4.disabled[data-v-983e3e08] .or-icon,.or-button.inline.neutral-4.loading[data-v-983e3e08] .or-icon,.or-button.text.neutral-4.disabled[data-v-983e3e08] .or-icon,.or-button.text.neutral-4.loading[data-v-983e3e08] .or-icon{color:var(--c-neutral-4-lighten-20)}.or-button.inline.neutral-5[data-v-983e3e08],.or-button.text.neutral-5[data-v-983e3e08]{color:var(--c-neutral-5)}.or-button.inline.neutral-5[data-v-983e3e08] .or-icon,.or-button.text.neutral-5[data-v-983e3e08] .or-icon{color:var(--c-neutral-5)}.or-button.inline.neutral-5[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.neutral-5[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-button.inline.neutral-5[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-5[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-5-darken-20)}.or-button.inline.neutral-5[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.neutral-5[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-button.inline.neutral-5[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-5[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-5-darken-25)}.or-button.inline.neutral-5 .or-loader[data-v-983e3e08]::after,.or-button.text.neutral-5 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-5)}.or-button.inline.neutral-5.disabled[data-v-983e3e08],.or-button.inline.neutral-5.loading[data-v-983e3e08],.or-button.text.neutral-5.disabled[data-v-983e3e08],.or-button.text.neutral-5.loading[data-v-983e3e08]{color:var(--c-neutral-5-lighten-20)}.or-button.inline.neutral-5.disabled[data-v-983e3e08] .or-icon,.or-button.inline.neutral-5.loading[data-v-983e3e08] .or-icon,.or-button.text.neutral-5.disabled[data-v-983e3e08] .or-icon,.or-button.text.neutral-5.loading[data-v-983e3e08] .or-icon{color:var(--c-neutral-5-lighten-20)}.or-button.inline.neutral-6[data-v-983e3e08],.or-button.text.neutral-6[data-v-983e3e08]{color:var(--c-neutral-6)}.or-button.inline.neutral-6[data-v-983e3e08] .or-icon,.or-button.text.neutral-6[data-v-983e3e08] .or-icon{color:var(--c-neutral-6)}.or-button.inline.neutral-6[data-v-983e3e08]:hover:not(.disabled):not(.loading),.or-button.text.neutral-6[data-v-983e3e08]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-button.inline.neutral-6[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-6[data-v-983e3e08]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-6-darken-20)}.or-button.inline.neutral-6[data-v-983e3e08]:active:not(.disabled):not(.loading),.or-button.text.neutral-6[data-v-983e3e08]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-button.inline.neutral-6[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon,.or-button.text.neutral-6[data-v-983e3e08]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-6-darken-25)}.or-button.inline.neutral-6 .or-loader[data-v-983e3e08]::after,.or-button.text.neutral-6 .or-loader[data-v-983e3e08]::after{color:var(--c-neutral-6)}.or-button.inline.neutral-6.disabled[data-v-983e3e08],.or-button.inline.neutral-6.loading[data-v-983e3e08],.or-button.text.neutral-6.disabled[data-v-983e3e08],.or-button.text.neutral-6.loading[data-v-983e3e08]{color:var(--c-neutral-6-lighten-20)}.or-button.inline.neutral-6.disabled[data-v-983e3e08] .or-icon,.or-button.inline.neutral-6.loading[data-v-983e3e08] .or-icon,.or-button.text.neutral-6.disabled[data-v-983e3e08] .or-icon,.or-button.text.neutral-6.loading[data-v-983e3e08] .or-icon{color:var(--c-neutral-6-lighten-20)}.or-button.size-small[data-v-983e3e08]:not(.inline){--or-button-height:1.75rem;--or-button-font-size:var(--fs-0);--or-loader-size:1rem;--or-icon-size:0.875rem;min-width:auto}.or-button.disabled[data-v-983e3e08]{cursor:not-allowed}.or-button.loading[data-v-983e3e08]{cursor:progress}.or-button .or-loader[data-v-983e3e08]{position:absolute}.or-button .or-loader[data-v-983e3e08]::after{width:var(--or-loader-size);height:var(--or-loader-size)}.or-button[data-v-983e3e08] .or-icon{font-size:var(--or-icon-size)}.or-button-content[data-v-983e3e08]{display:flex;align-items:center;justify-content:center}.or-button-left-icon[data-v-983e3e08]{margin-right:var(--or-icon-margin)}.or-button-right-icon[data-v-983e3e08]{margin-left:var(--or-icon-margin)}@media only screen and (max-width:576px){.or-button[data-v-983e3e08]{--or-button-height:2.75rem;--or-button-font-size:1rem;--or-loader-size:1.5rem;--or-icon-size:1.25rem}}";
|
|
101
|
+
styleInject(css_248z);
|
|
102
|
+
|
|
103
|
+
/* script */
|
|
104
|
+
const __vue_script__ = script;
|
|
105
|
+
/* template */
|
|
106
|
+
var __vue_render__ = function () {
|
|
107
|
+
var _vm = this;
|
|
108
|
+
var _h = _vm.$createElement;
|
|
109
|
+
var _c = _vm._self._c || _h;
|
|
110
|
+
return _c('button', _vm._g({
|
|
111
|
+
staticClass: "or-button",
|
|
112
|
+
class: _vm.states,
|
|
113
|
+
attrs: {
|
|
114
|
+
"disabled": _vm.isDisabled,
|
|
115
|
+
"type": _vm.htmlButtonType
|
|
116
|
+
}
|
|
117
|
+
}, Object.assign({}, _vm.$listeners, {
|
|
118
|
+
click: function (e) {
|
|
119
|
+
return _vm.handleButtonClick(e);
|
|
120
|
+
},
|
|
121
|
+
focus: function (e) {
|
|
122
|
+
return _vm.$emit('focus', e);
|
|
123
|
+
},
|
|
124
|
+
blur: function (e) {
|
|
125
|
+
return _vm.$emit('blur', e);
|
|
126
|
+
}
|
|
127
|
+
})), [_vm.isLoading ? _c('or-loader', {
|
|
128
|
+
attrs: {
|
|
129
|
+
"type": _vm.loadingType,
|
|
130
|
+
"text-type-label": _vm.loadingText
|
|
131
|
+
}
|
|
132
|
+
}) : _vm._e(), _vm._v(" "), _c('span', {
|
|
133
|
+
staticClass: "or-button-content",
|
|
134
|
+
style: _vm.isContentVisible
|
|
135
|
+
}, [_vm._t("prepend", function () {
|
|
136
|
+
return [_vm.showLeftIcon ? _c('or-icon', {
|
|
137
|
+
staticClass: "or-button-left-icon",
|
|
138
|
+
attrs: {
|
|
139
|
+
"icon": _vm.icon
|
|
140
|
+
}
|
|
141
|
+
}) : _vm._e()];
|
|
142
|
+
}), _vm._v(" "), _vm._t("default", function () {
|
|
143
|
+
return [_vm._v("\n " + _vm._s(_vm.content) + "\n ")];
|
|
144
|
+
}), _vm._v(" "), _vm._t("append", function () {
|
|
145
|
+
return [_vm.showRightIcon ? _c('or-icon', {
|
|
146
|
+
staticClass: "or-button-right-icon",
|
|
147
|
+
attrs: {
|
|
148
|
+
"icon": _vm.icon
|
|
149
|
+
}
|
|
150
|
+
}) : _vm._e()];
|
|
151
|
+
})], 2)], 1);
|
|
152
|
+
};
|
|
153
|
+
var __vue_staticRenderFns__ = [];
|
|
154
|
+
|
|
155
|
+
/* style */
|
|
156
|
+
const __vue_inject_styles__ = undefined;
|
|
157
|
+
/* scoped */
|
|
158
|
+
const __vue_scope_id__ = "data-v-983e3e08";
|
|
159
|
+
/* module identifier */
|
|
160
|
+
const __vue_module_identifier__ = undefined;
|
|
161
|
+
/* functional template */
|
|
162
|
+
const __vue_is_functional_template__ = false;
|
|
163
|
+
/* style inject */
|
|
164
|
+
|
|
165
|
+
/* style inject SSR */
|
|
166
|
+
|
|
167
|
+
/* style inject shadow dom */
|
|
168
|
+
|
|
169
|
+
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
170
|
+
render: __vue_render__,
|
|
171
|
+
staticRenderFns: __vue_staticRenderFns__
|
|
172
|
+
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
173
|
+
var OrButton = __vue_component__;
|
|
174
|
+
|
|
175
|
+
export { OrButton as O };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
2
|
import { O as OrCard } from './OrCard-e07c7e8c.js';
|
|
3
3
|
import { O as OrIcon } from './OrIcon-90adc2bd.js';
|
|
4
|
-
import { O as OrSearch } from './OrSearch-
|
|
5
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
4
|
+
import { O as OrSearch } from './OrSearch-4628121e.js';
|
|
5
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
6
6
|
import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
7
7
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
8
8
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useElementHover } from '@vueuse/core';
|
|
2
2
|
import './index-fa6eb4ca.js';
|
|
3
3
|
import { O as OrTeleport } from './OrTeleport.vue2-90147f16.js';
|
|
4
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
5
|
-
import { O as OrModal } from './OrModal-
|
|
4
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
5
|
+
import { O as OrModal } from './OrModal-58605909.js';
|
|
6
6
|
import { O as OrError } from './OrError-29f0ce95.js';
|
|
7
7
|
import { O as OrHint } from './OrHint-664117aa.js';
|
|
8
8
|
import { O as OrLabel } from './OrLabel-f19ccb5f.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
2
|
import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
|
|
3
3
|
import { l as logicAnd } from './index-17f264f9.js';
|
|
4
|
-
import { O as OrButton } from './OrButton-
|
|
5
|
-
import { O as OrModal, a as OrModalSizes } from './OrModal-
|
|
4
|
+
import { O as OrButton } from './OrButton-e812d1f7.js';
|
|
5
|
+
import { O as OrModal, a as OrModalSizes } from './OrModal-58605909.js';
|
|
6
6
|
import { O as OrInput } from './OrInput-1589dca0.js';
|
|
7
7
|
import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
|
|
8
8
|
import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
@@ -11,7 +11,7 @@ import { O as OrLabel } from './OrLabel-f19ccb5f.js';
|
|
|
11
11
|
import { O as OrError } from './OrError-29f0ce95.js';
|
|
12
12
|
import { O as OrHint } from './OrHint-664117aa.js';
|
|
13
13
|
import { O as OrCollapse } from './OrCollapse-f7cbcd25.js';
|
|
14
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
14
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
15
15
|
|
|
16
16
|
var OrDateTimePickerTypes;
|
|
17
17
|
(function (OrDateTimePickerTypes) {
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
import './index-fa6eb4ca.js';
|
|
2
|
+
import { O as OrTooltip } from './OrTooltip-e62cdd46.js';
|
|
3
|
+
import { defineComponent, h } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
4
|
+
import { a as OrFloatingPlacements } from './OrFloating-507e8028.js';
|
|
5
|
+
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
6
|
+
import { I as ICON_BUTTON_TYPE, H as HTML_BUTTON_TYPE, b as BUTTON_SIZE, a as BUTTON_COLOR } from './constants-c5d1139f.js';
|
|
7
|
+
import { O as OrIcon } from './OrIcon-90adc2bd.js';
|
|
8
|
+
import { O as OrLoader } from './OrLoader-5cfd67fb.js';
|
|
9
|
+
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
10
|
+
|
|
11
|
+
/** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */
|
|
12
|
+
var script$1 = defineComponent({
|
|
13
|
+
props: {
|
|
14
|
+
tooltipText: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: ''
|
|
17
|
+
},
|
|
18
|
+
tooltipPlacement: {
|
|
19
|
+
type: String,
|
|
20
|
+
default: OrFloatingPlacements.TOP
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
...({
|
|
24
|
+
render() {
|
|
25
|
+
const content = this.$slots.default;
|
|
26
|
+
if (!this.tooltipText) {
|
|
27
|
+
return content;
|
|
28
|
+
}
|
|
29
|
+
const props = {
|
|
30
|
+
content: this.$props.tooltipText,
|
|
31
|
+
placement: this.$props.tooltipPlacement
|
|
32
|
+
};
|
|
33
|
+
return h(OrTooltip, {
|
|
34
|
+
props
|
|
35
|
+
}, content);
|
|
36
|
+
}
|
|
37
|
+
})
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
/* script */
|
|
41
|
+
const __vue_script__$1 = script$1;
|
|
42
|
+
|
|
43
|
+
/* template */
|
|
44
|
+
|
|
45
|
+
/* style */
|
|
46
|
+
const __vue_inject_styles__$1 = undefined;
|
|
47
|
+
/* scoped */
|
|
48
|
+
const __vue_scope_id__$1 = undefined;
|
|
49
|
+
/* module identifier */
|
|
50
|
+
const __vue_module_identifier__$1 = undefined;
|
|
51
|
+
/* functional template */
|
|
52
|
+
const __vue_is_functional_template__$1 = undefined;
|
|
53
|
+
/* style inject */
|
|
54
|
+
|
|
55
|
+
/* style inject SSR */
|
|
56
|
+
|
|
57
|
+
/* style inject shadow dom */
|
|
58
|
+
|
|
59
|
+
const __vue_component__$1 = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
|
|
60
|
+
var OrTooltipWrapper = __vue_component__$1;
|
|
61
|
+
|
|
62
|
+
var script = defineComponent({
|
|
63
|
+
name: 'OrIconButton',
|
|
64
|
+
components: {
|
|
65
|
+
OrIcon,
|
|
66
|
+
OrLoader,
|
|
67
|
+
OrTooltipWrapper
|
|
68
|
+
},
|
|
69
|
+
props: {
|
|
70
|
+
icon: {
|
|
71
|
+
type: String,
|
|
72
|
+
required: true
|
|
73
|
+
},
|
|
74
|
+
color: {
|
|
75
|
+
type: String,
|
|
76
|
+
default: null
|
|
77
|
+
},
|
|
78
|
+
iconColor: {
|
|
79
|
+
type: String,
|
|
80
|
+
default: null
|
|
81
|
+
},
|
|
82
|
+
bgColor: {
|
|
83
|
+
type: String,
|
|
84
|
+
default: null
|
|
85
|
+
},
|
|
86
|
+
type: {
|
|
87
|
+
type: String,
|
|
88
|
+
default: ICON_BUTTON_TYPE.ICON
|
|
89
|
+
},
|
|
90
|
+
htmlButtonType: {
|
|
91
|
+
type: String,
|
|
92
|
+
default: HTML_BUTTON_TYPE.BUTTON,
|
|
93
|
+
required: false
|
|
94
|
+
},
|
|
95
|
+
tooltipText: {
|
|
96
|
+
type: String,
|
|
97
|
+
default: ''
|
|
98
|
+
},
|
|
99
|
+
tooltipPlacement: {
|
|
100
|
+
type: String,
|
|
101
|
+
default: OrFloatingPlacements.TOP
|
|
102
|
+
},
|
|
103
|
+
isLoading: Boolean,
|
|
104
|
+
isDisabled: Boolean,
|
|
105
|
+
size: {
|
|
106
|
+
type: String,
|
|
107
|
+
default: BUTTON_SIZE.DEFAULT
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
emits: ['click', 'focus', 'blur'],
|
|
111
|
+
computed: {
|
|
112
|
+
buttonClasses() {
|
|
113
|
+
var _a;
|
|
114
|
+
return {
|
|
115
|
+
[(_a = this.color) !== null && _a !== void 0 ? _a : BUTTON_COLOR.PRIMARY]: true,
|
|
116
|
+
[this.type]: true,
|
|
117
|
+
[`is-${this.iconColor}-icon-color`]: !!this.iconColor,
|
|
118
|
+
[`is-${this.bgColor}-bg-color`]: !!this.bgColor,
|
|
119
|
+
[`size-${this.size}`]: true,
|
|
120
|
+
loading: this.isLoading,
|
|
121
|
+
disabled: this.isDisabled
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
watch: {
|
|
126
|
+
color: {
|
|
127
|
+
handler(val) {
|
|
128
|
+
if (!val) return;
|
|
129
|
+
console.warn('OrIconButton color is being deprecated, consider using iconColor and bgColor.');
|
|
130
|
+
},
|
|
131
|
+
immediate: true
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
methods: {
|
|
135
|
+
handleButtonClick(event) {
|
|
136
|
+
if (!this.isLoading && !this.isDisabled) {
|
|
137
|
+
this.$emit('click', event);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
var css_248z = "@keyframes spinAround-data-v-a43db6c2{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-a43db6c2{from{opacity:1}to{opacity:0}}.or-icon-button[data-v-a43db6c2]{--or-icon-button-font-size:1.25rem;--or-icon-button-loader-size:1.25rem;position:relative;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background:0 0;border:none;outline:0}.or-icon-button-root[data-v-a43db6c2]{display:inline-flex;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.or-icon-button.disabled[data-v-a43db6c2]{cursor:not-allowed}.or-icon-button.loading[data-v-a43db6c2]{cursor:progress}.or-icon-button.size-small[data-v-a43db6c2]{--or-icon-button-size:1.75rem;--or-icon-button-font-size:0.875rem;--or-icon-button-loader-size:0.875rem;min-width:auto}.or-icon-button.icon[data-v-a43db6c2] .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.icon.primary[data-v-a43db6c2]{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-a43db6c2] .or-icon{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-icon-button.icon.primary[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-primary-darken-25)}.or-icon-button.icon.primary .or-loader[data-v-a43db6c2]::after{color:var(--c-primary)}.or-icon-button.icon.primary.disabled[data-v-a43db6c2],.or-icon-button.icon.primary.loading[data-v-a43db6c2]{color:var(--c-primary-lighten-20)}.or-icon-button.icon.primary.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.primary.loading[data-v-a43db6c2] .or-icon{color:var(--c-primary-lighten-20)}.or-icon-button.icon.success[data-v-a43db6c2]{color:var(--c-success)}.or-icon-button.icon.success[data-v-a43db6c2] .or-icon{color:var(--c-success)}.or-icon-button.icon.success[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-icon-button.icon.success[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-success-darken-25)}.or-icon-button.icon.success .or-loader[data-v-a43db6c2]::after{color:var(--c-success)}.or-icon-button.icon.success.disabled[data-v-a43db6c2],.or-icon-button.icon.success.loading[data-v-a43db6c2]{color:var(--c-success-lighten-20)}.or-icon-button.icon.success.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.success.loading[data-v-a43db6c2] .or-icon{color:var(--c-success-lighten-20)}.or-icon-button.icon.warning[data-v-a43db6c2]{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-a43db6c2] .or-icon{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-icon-button.icon.warning[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-warning-darken-25)}.or-icon-button.icon.warning .or-loader[data-v-a43db6c2]::after{color:var(--c-warning)}.or-icon-button.icon.warning.disabled[data-v-a43db6c2],.or-icon-button.icon.warning.loading[data-v-a43db6c2]{color:var(--c-warning-lighten-20)}.or-icon-button.icon.warning.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.warning.loading[data-v-a43db6c2] .or-icon{color:var(--c-warning-lighten-20)}.or-icon-button.icon.error[data-v-a43db6c2]{color:var(--c-error)}.or-icon-button.icon.error[data-v-a43db6c2] .or-icon{color:var(--c-error)}.or-icon-button.icon.error[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-icon-button.icon.error[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-error-darken-25)}.or-icon-button.icon.error .or-loader[data-v-a43db6c2]::after{color:var(--c-error)}.or-icon-button.icon.error.disabled[data-v-a43db6c2],.or-icon-button.icon.error.loading[data-v-a43db6c2]{color:var(--c-error-lighten-20)}.or-icon-button.icon.error.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.error.loading[data-v-a43db6c2] .or-icon{color:var(--c-error-lighten-20)}.or-icon-button.icon.neutral-0[data-v-a43db6c2]{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-a43db6c2] .or-icon{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0 .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0.disabled[data-v-a43db6c2],.or-icon-button.icon.neutral-0.loading[data-v-a43db6c2]{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-0.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.neutral-0.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-3[data-v-a43db6c2]{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-a43db6c2] .or-icon{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3 .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3.disabled[data-v-a43db6c2],.or-icon-button.icon.neutral-3.loading[data-v-a43db6c2]{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-3.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.neutral-3.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-4[data-v-a43db6c2]{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-a43db6c2] .or-icon{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4 .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4.disabled[data-v-a43db6c2],.or-icon-button.icon.neutral-4.loading[data-v-a43db6c2]{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-4.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.neutral-4.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-5[data-v-a43db6c2]{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-a43db6c2] .or-icon{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5 .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5.disabled[data-v-a43db6c2],.or-icon-button.icon.neutral-5.loading[data-v-a43db6c2]{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-5.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.neutral-5.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-6[data-v-a43db6c2]{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-a43db6c2] .or-icon{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6 .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6.disabled[data-v-a43db6c2],.or-icon-button.icon.neutral-6.loading[data-v-a43db6c2]{color:var(--c-neutral-6-lighten-20)}.or-icon-button.icon.neutral-6.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.icon.neutral-6.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating[data-v-a43db6c2]{width:var(--or-icon-button-size);height:var(--or-icon-button-size);border-radius:var(--or-icon-button-size);box-shadow:0 1px 2px 0 rgba(0,0,0,.2);color:var(--c-white)}.or-icon-button.floating[data-v-a43db6c2]:not(.size-small){--or-icon-button-font-size:1.5rem;--or-icon-button-loader-size:1.25rem;--or-icon-button-size:3.5rem}.or-icon-button.floating[data-v-a43db6c2] .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.floating .or-loader[data-v-a43db6c2]::after,.or-icon-button.floating[data-v-a43db6c2] .or-icon{color:var(--c-white)}.or-icon-button.floating.primary[data-v-a43db6c2]{background-color:var(--c-primary)}.or-icon-button.floating.primary[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.primary[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.primary.disabled[data-v-a43db6c2],.or-icon-button.floating.primary.loading[data-v-a43db6c2]{background-color:var(--c-primary-lighten-20)}.or-icon-button.floating.success[data-v-a43db6c2]{background-color:var(--c-success)}.or-icon-button.floating.success[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.success[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.success.disabled[data-v-a43db6c2],.or-icon-button.floating.success.loading[data-v-a43db6c2]{background-color:var(--c-success-lighten-20)}.or-icon-button.floating.warning[data-v-a43db6c2]{background-color:var(--c-warning)}.or-icon-button.floating.warning[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.warning[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.warning.disabled[data-v-a43db6c2],.or-icon-button.floating.warning.loading[data-v-a43db6c2]{background-color:var(--c-warning-lighten-20)}.or-icon-button.floating.error[data-v-a43db6c2]{background-color:var(--c-error)}.or-icon-button.floating.error[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.error[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.error.disabled[data-v-a43db6c2],.or-icon-button.floating.error.loading[data-v-a43db6c2]{background-color:var(--c-error-lighten-20)}.or-icon-button.floating.neutral-0[data-v-a43db6c2]{background-color:var(--c-neutral-0)}.or-icon-button.floating.neutral-0[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-0[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-0.disabled[data-v-a43db6c2],.or-icon-button.floating.neutral-0.loading[data-v-a43db6c2]{background-color:var(--c-neutral-0-lighten-20)}.or-icon-button.floating.neutral-3[data-v-a43db6c2]{background-color:var(--c-neutral-3)}.or-icon-button.floating.neutral-3[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-3[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-3.disabled[data-v-a43db6c2],.or-icon-button.floating.neutral-3.loading[data-v-a43db6c2]{background-color:var(--c-neutral-3-lighten-20)}.or-icon-button.floating.neutral-4[data-v-a43db6c2]{background-color:var(--c-neutral-4)}.or-icon-button.floating.neutral-4[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-4[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-4.disabled[data-v-a43db6c2],.or-icon-button.floating.neutral-4.loading[data-v-a43db6c2]{background-color:var(--c-neutral-4-lighten-20)}.or-icon-button.floating.neutral-5[data-v-a43db6c2]{background-color:var(--c-neutral-5)}.or-icon-button.floating.neutral-5[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-5[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-5.disabled[data-v-a43db6c2],.or-icon-button.floating.neutral-5.loading[data-v-a43db6c2]{background-color:var(--c-neutral-5-lighten-20)}.or-icon-button.floating.neutral-6[data-v-a43db6c2]{background-color:var(--c-neutral-6)}.or-icon-button.floating.neutral-6[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)}.or-icon-button.floating.neutral-6[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5);box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)}.or-icon-button.floating.neutral-6.disabled[data-v-a43db6c2],.or-icon-button.floating.neutral-6.loading[data-v-a43db6c2]{background-color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating.is-primary-bg-color[data-v-a43db6c2]{background-color:var(--c-primary)!important}.or-icon-button.floating.is-primary-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-primary-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-primary-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-primary-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-primary-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-primary-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-primary-lighten-20)!important}.or-icon-button.floating.is-success-bg-color[data-v-a43db6c2]{background-color:var(--c-success)!important}.or-icon-button.floating.is-success-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-success-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-success-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-success-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-success-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-success-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-success-lighten-20)!important}.or-icon-button.floating.is-warning-bg-color[data-v-a43db6c2]{background-color:var(--c-warning)!important}.or-icon-button.floating.is-warning-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-warning-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-warning-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-warning-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-warning-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-warning-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-warning-lighten-20)!important}.or-icon-button.floating.is-error-bg-color[data-v-a43db6c2]{background-color:var(--c-error)!important}.or-icon-button.floating.is-error-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-error-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-error-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-error-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-error-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-error-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-error-lighten-20)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-a43db6c2]{background-color:var(--c-neutral-0)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-0-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-0-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-a43db6c2]{background-color:var(--c-neutral-3)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-3-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-3-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-a43db6c2]{background-color:var(--c-neutral-4)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-4-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-4-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-a43db6c2]{background-color:var(--c-neutral-5)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-5-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-5-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-a43db6c2]{background-color:var(--c-neutral-6)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-3)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.2)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){background-color:var(--c-neutral-6-darken-5)!important;box-shadow:0 .0625rem .125rem 0 hsla(0deg,0%,0%,.1)!important}.or-icon-button.floating.is-neutral-6-bg-color.disabled[data-v-a43db6c2],.or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-a43db6c2]{background-color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-primary-icon-color[data-v-a43db6c2]{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-primary-icon-color.loading[data-v-a43db6c2]{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-primary-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-success-icon-color[data-v-a43db6c2]{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-success)!important}.or-icon-button.is-success-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-success-icon-color.loading[data-v-a43db6c2]{color:var(--c-success-lighten-20)!important}.or-icon-button.is-success-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-success-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-success-lighten-20)!important}.or-icon-button.is-warning-icon-color[data-v-a43db6c2]{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-warning-icon-color.loading[data-v-a43db6c2]{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-warning-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-error-icon-color[data-v-a43db6c2]{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-error)!important}.or-icon-button.is-error-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-error-icon-color.loading[data-v-a43db6c2]{color:var(--c-error-lighten-20)!important}.or-icon-button.is-error-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-error-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-error-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color[data-v-a43db6c2]{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-neutral-0-icon-color.loading[data-v-a43db6c2]{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-neutral-0-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color[data-v-a43db6c2]{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-neutral-3-icon-color.loading[data-v-a43db6c2]{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-neutral-3-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color[data-v-a43db6c2]{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-neutral-4-icon-color.loading[data-v-a43db6c2]{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-neutral-4-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color[data-v-a43db6c2]{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-neutral-5-icon-color.loading[data-v-a43db6c2]{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-neutral-5-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color[data-v-a43db6c2]{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-a43db6c2] .or-icon{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-a43db6c2]:hover:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color[data-v-a43db6c2]:active:not(.disabled):not(.loading) .or-icon{color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color .or-loader[data-v-a43db6c2]::after{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-a43db6c2],.or-icon-button.is-neutral-6-icon-color.loading[data-v-a43db6c2]{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-a43db6c2] .or-icon,.or-icon-button.is-neutral-6-icon-color.loading[data-v-a43db6c2] .or-icon{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button .or-loader[data-v-a43db6c2]::after{width:var(--or-icon-button-loader-size);height:var(--or-icon-button-loader-size)}";
|
|
144
|
+
styleInject(css_248z);
|
|
145
|
+
|
|
146
|
+
/* script */
|
|
147
|
+
const __vue_script__ = script;
|
|
148
|
+
/* template */
|
|
149
|
+
var __vue_render__ = function () {
|
|
150
|
+
var _vm = this;
|
|
151
|
+
var _h = _vm.$createElement;
|
|
152
|
+
var _c = _vm._self._c || _h;
|
|
153
|
+
return _c('div', {
|
|
154
|
+
staticClass: "or-icon-button-root"
|
|
155
|
+
}, [_c('or-tooltip-wrapper', {
|
|
156
|
+
attrs: {
|
|
157
|
+
"tooltip-text": _vm.tooltipText,
|
|
158
|
+
"tooltip-placement": _vm.tooltipPlacement
|
|
159
|
+
}
|
|
160
|
+
}, [_c('button', _vm._g({
|
|
161
|
+
staticClass: "or-icon-button",
|
|
162
|
+
class: _vm.buttonClasses,
|
|
163
|
+
attrs: {
|
|
164
|
+
"disabled": _vm.isDisabled,
|
|
165
|
+
"type": _vm.htmlButtonType
|
|
166
|
+
}
|
|
167
|
+
}, Object.assign({}, _vm.$listeners, {
|
|
168
|
+
click: function () {
|
|
169
|
+
return _vm.handleButtonClick(_vm.$event);
|
|
170
|
+
},
|
|
171
|
+
focus: function () {
|
|
172
|
+
return _vm.$emit('focus', _vm.$event);
|
|
173
|
+
},
|
|
174
|
+
blur: function () {
|
|
175
|
+
return _vm.$emit('blur', _vm.$event);
|
|
176
|
+
}
|
|
177
|
+
})), [_vm.isLoading ? _c('or-loader') : _vm._e(), _vm._v(" "), !_vm.isLoading ? _vm._t("default", function () {
|
|
178
|
+
return [_c('or-icon', {
|
|
179
|
+
attrs: {
|
|
180
|
+
"icon": _vm.icon
|
|
181
|
+
}
|
|
182
|
+
})];
|
|
183
|
+
}) : _vm._e()], 2)])], 1);
|
|
184
|
+
};
|
|
185
|
+
var __vue_staticRenderFns__ = [];
|
|
186
|
+
|
|
187
|
+
/* style */
|
|
188
|
+
const __vue_inject_styles__ = undefined;
|
|
189
|
+
/* scoped */
|
|
190
|
+
const __vue_scope_id__ = "data-v-a43db6c2";
|
|
191
|
+
/* module identifier */
|
|
192
|
+
const __vue_module_identifier__ = undefined;
|
|
193
|
+
/* functional template */
|
|
194
|
+
const __vue_is_functional_template__ = false;
|
|
195
|
+
/* style inject */
|
|
196
|
+
|
|
197
|
+
/* style inject SSR */
|
|
198
|
+
|
|
199
|
+
/* style inject shadow dom */
|
|
200
|
+
|
|
201
|
+
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
202
|
+
render: __vue_render__,
|
|
203
|
+
staticRenderFns: __vue_staticRenderFns__
|
|
204
|
+
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
205
|
+
var OrIconButton = __vue_component__;
|
|
206
|
+
|
|
207
|
+
export { OrIconButton as O };
|
|
@@ -4,7 +4,7 @@ import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF }
|
|
|
4
4
|
import { p as pxToRem } from './px-to-rem-0b26b83e.js';
|
|
5
5
|
import { O as OrCollapse } from './OrCollapse-f7cbcd25.js';
|
|
6
6
|
import { O as OrError } from './OrError-29f0ce95.js';
|
|
7
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
7
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
8
8
|
import { defineComponent, ref, getCurrentInstance } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
9
9
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
10
10
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
@@ -3,8 +3,8 @@ import _ from 'lodash';
|
|
|
3
3
|
import { v as v4 } from './v4-cf8987a3.js';
|
|
4
4
|
import { O as OrError } from './OrError-29f0ce95.js';
|
|
5
5
|
import { O as OrLabel } from './OrLabel-f19ccb5f.js';
|
|
6
|
-
import { O as OrButton } from './OrButton-
|
|
7
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
6
|
+
import { O as OrButton } from './OrButton-e812d1f7.js';
|
|
7
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
8
8
|
import { O as OrIcon } from './OrIcon-90adc2bd.js';
|
|
9
9
|
import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
10
10
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
2
|
import _ from 'lodash';
|
|
3
|
-
import { O as OrList } from './OrList-
|
|
3
|
+
import { O as OrList } from './OrList-0f36d581.js';
|
|
4
4
|
import { O as OrInput } from './OrInput-1589dca0.js';
|
|
5
5
|
import { O as OrIcon } from './OrIcon-90adc2bd.js';
|
|
6
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
6
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
7
7
|
import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
8
8
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
9
9
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
@@ -2,7 +2,7 @@ import './index-fa6eb4ca.js';
|
|
|
2
2
|
import _ from 'lodash';
|
|
3
3
|
import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
|
|
4
4
|
import { ref, watch, defineComponent, onBeforeUnmount } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
5
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
5
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
6
6
|
import { O as OrOverlay } from './OrOverlay-5263b088.js';
|
|
7
7
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
8
8
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
2
|
import { O as OrIcon } from './OrIcon-90adc2bd.js';
|
|
3
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
3
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
4
4
|
import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
6
6
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
2
|
import { useToggle, onClickOutside } from '@vueuse/core';
|
|
3
|
-
import { O as OrButton } from './OrButton-
|
|
3
|
+
import { O as OrButton } from './OrButton-e812d1f7.js';
|
|
4
4
|
import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
6
6
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
7
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
7
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
8
8
|
import { O as OrFloating, a as OrFloatingPlacements } from './OrFloating-507e8028.js';
|
|
9
9
|
|
|
10
10
|
var script$1 = defineComponent({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
2
|
import { useVModel } from '@vueuse/core';
|
|
3
3
|
import { O as OrInput } from './OrInput-1589dca0.js';
|
|
4
|
-
import { O as OrIconButton } from './OrIconButton-
|
|
4
|
+
import { O as OrIconButton } from './OrIconButton-40fb7dfc.js';
|
|
5
5
|
import { u as useToggle } from './useToggle-6166bd53.js';
|
|
6
6
|
import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
|
|
7
7
|
import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
|