@onereach/ui-components 2.76.8-beta.2446.0 → 2.76.8-beta.2449.0

package/dist/bundled/v2/OrButton-295118b6.js

@@ -0,0 +1,176 @@
+import './index-fa6eb4ca.js';
+import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './constants-c5d1139f.js';
+import { O as OrIcon } from './OrIcon-90adc2bd.js';
+import { O as OrLoader, L as LoaderViews } from './OrLoader-5cfd67fb.js';
+import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+var script = defineComponent({
+  name: 'OrButton',
+  components: {
+    OrIcon,
+    OrLoader
+  },
+  props: {
+    type: {
+      type: String,
+      default: BUTTON_TYPE.CONTAINED
+    },
+    color: {
+      type: String,
+      default: BUTTON_COLOR.PRIMARY
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    size: {
+      type: String,
+      default: BUTTON_SIZE.DEFAULT
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    htmlButtonType: {
+      type: String,
+      default: HTML_BUTTON_TYPE.BUTTON,
+      required: false
+    },
+    iconPosition: {
+      type: String,
+      default: 'left'
+    },
+    loadingType: {
+      type: String,
+      default: LoaderViews.default
+    },
+    loadingText: {
+      type: String,
+      default: ''
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  computed: {
+    states() {
+      const outline = this.type === BUTTON_TYPE.OUTLINE; // `outline` type is deprecated, use `outlined` instead
+      const type = outline ? BUTTON_TYPE.OUTLINED : this.type;
+      return {
+        [type]: true,
+        [this.color]: true,
+        [`size-${this.size}`]: true,
+        disabled: this.isDisabled,
+        loading: this.isLoading
+      };
+    },
+    showLeftIcon() {
+      return !!this.icon && this.iconPosition === 'left';
+    },
+    showRightIcon() {
+      return !!this.icon && this.iconPosition === 'right';
+    },
+    /**
+     * Button's content is hidden rather then removed,
+     * in order to retain original button size when loading indicator is active.
+     */
+    isContentVisible() {
+      return this.isLoading ? {
+        'visibility': 'hidden'
+      } : {};
+    }
+  },
+  methods: {
+    handleButtonClick(event) {
+      console.log(event);
+      if (!this.isLoading && !this.isDisabled) {
+        this.$emit('click', event);
+      }
+    }
+  }
+});
+
+var css_248z = "@keyframes spinAround-data-v-20171709{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-20171709{from{opacity:1}to{opacity:0}}.or-button[data-v-20171709]{--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-20171709],.or-button.outlined[data-v-20171709],.or-button.text[data-v-20171709]{min-width:6rem;padding:0 1rem;font-weight:var(--fw-1);border-radius:.25rem}.or-button.inline[data-v-20171709]{--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-20171709]{color:var(--c-white)}.or-button.contained .or-loader[data-v-20171709]::after,.or-button.contained[data-v-20171709]  .or-icon{color:var(--c-white)}.or-button.contained.primary[data-v-20171709]{background-color:var(--c-primary)}.or-button.contained.primary[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.primary.loading[data-v-20171709]{background-color:var(--c-primary-lighten-20)}.or-button.contained.success[data-v-20171709]{background-color:var(--c-success)}.or-button.contained.success[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.success.loading[data-v-20171709]{background-color:var(--c-success-lighten-20)}.or-button.contained.warning[data-v-20171709]{background-color:var(--c-warning)}.or-button.contained.warning[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.warning.loading[data-v-20171709]{background-color:var(--c-warning-lighten-20)}.or-button.contained.error[data-v-20171709]{background-color:var(--c-error)}.or-button.contained.error[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.error.loading[data-v-20171709]{background-color:var(--c-error-lighten-20)}.or-button.contained.neutral-0[data-v-20171709]{background-color:var(--c-neutral-0)}.or-button.contained.neutral-0[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.neutral-0.loading[data-v-20171709]{background-color:var(--c-neutral-0-lighten-20)}.or-button.contained.neutral-3[data-v-20171709]{background-color:var(--c-neutral-3)}.or-button.contained.neutral-3[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.neutral-3.loading[data-v-20171709]{background-color:var(--c-neutral-3-lighten-20)}.or-button.contained.neutral-4[data-v-20171709]{background-color:var(--c-neutral-4)}.or-button.contained.neutral-4[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.neutral-4.loading[data-v-20171709]{background-color:var(--c-neutral-4-lighten-20)}.or-button.contained.neutral-5[data-v-20171709]{background-color:var(--c-neutral-5)}.or-button.contained.neutral-5[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.neutral-5.loading[data-v-20171709]{background-color:var(--c-neutral-5-lighten-20)}.or-button.contained.neutral-6[data-v-20171709]{background-color:var(--c-neutral-6)}.or-button.contained.neutral-6[data-v-20171709]: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-20171709]: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-20171709],.or-button.contained.neutral-6.loading[data-v-20171709]{background-color:var(--c-neutral-6-lighten-20)}.or-button.outlined.primary[data-v-20171709]{color:var(--c-primary);border:1px solid var(--c-primary)}.or-button.outlined.primary[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-primary)}.or-button.outlined.primary.disabled[data-v-20171709],.or-button.outlined.primary.loading[data-v-20171709]{border:1px solid var(--c-primary-lighten-20)}.or-button.outlined.primary.disabled[data-v-20171709]{color:var(--c-primary-lighten-20)}.or-button.outlined.success[data-v-20171709]{color:var(--c-success);border:1px solid var(--c-success)}.or-button.outlined.success[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-success)}.or-button.outlined.success.disabled[data-v-20171709],.or-button.outlined.success.loading[data-v-20171709]{border:1px solid var(--c-success-lighten-20)}.or-button.outlined.success.disabled[data-v-20171709]{color:var(--c-success-lighten-20)}.or-button.outlined.warning[data-v-20171709]{color:var(--c-warning);border:1px solid var(--c-warning)}.or-button.outlined.warning[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-warning)}.or-button.outlined.warning.disabled[data-v-20171709],.or-button.outlined.warning.loading[data-v-20171709]{border:1px solid var(--c-warning-lighten-20)}.or-button.outlined.warning.disabled[data-v-20171709]{color:var(--c-warning-lighten-20)}.or-button.outlined.error[data-v-20171709]{color:var(--c-error);border:1px solid var(--c-error)}.or-button.outlined.error[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-error)}.or-button.outlined.error.disabled[data-v-20171709],.or-button.outlined.error.loading[data-v-20171709]{border:1px solid var(--c-error-lighten-20)}.or-button.outlined.error.disabled[data-v-20171709]{color:var(--c-error-lighten-20)}.or-button.outlined.neutral-0[data-v-20171709]{color:var(--c-neutral-0);border:1px solid var(--c-neutral-0)}.or-button.outlined.neutral-0[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-neutral-0)}.or-button.outlined.neutral-0.disabled[data-v-20171709],.or-button.outlined.neutral-0.loading[data-v-20171709]{border:1px solid var(--c-neutral-0-lighten-20)}.or-button.outlined.neutral-0.disabled[data-v-20171709]{color:var(--c-neutral-0-lighten-20)}.or-button.outlined.neutral-3[data-v-20171709]{color:var(--c-neutral-3);border:1px solid var(--c-neutral-3)}.or-button.outlined.neutral-3[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-neutral-3)}.or-button.outlined.neutral-3.disabled[data-v-20171709],.or-button.outlined.neutral-3.loading[data-v-20171709]{border:1px solid var(--c-neutral-3-lighten-20)}.or-button.outlined.neutral-3.disabled[data-v-20171709]{color:var(--c-neutral-3-lighten-20)}.or-button.outlined.neutral-4[data-v-20171709]{color:var(--c-neutral-4);border:1px solid var(--c-neutral-4)}.or-button.outlined.neutral-4[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-neutral-4)}.or-button.outlined.neutral-4.disabled[data-v-20171709],.or-button.outlined.neutral-4.loading[data-v-20171709]{border:1px solid var(--c-neutral-4-lighten-20)}.or-button.outlined.neutral-4.disabled[data-v-20171709]{color:var(--c-neutral-4-lighten-20)}.or-button.outlined.neutral-5[data-v-20171709]{color:var(--c-neutral-5);border:1px solid var(--c-neutral-5)}.or-button.outlined.neutral-5[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-neutral-5)}.or-button.outlined.neutral-5.disabled[data-v-20171709],.or-button.outlined.neutral-5.loading[data-v-20171709]{border:1px solid var(--c-neutral-5-lighten-20)}.or-button.outlined.neutral-5.disabled[data-v-20171709]{color:var(--c-neutral-5-lighten-20)}.or-button.outlined.neutral-6[data-v-20171709]{color:var(--c-neutral-6);border:1px solid var(--c-neutral-6)}.or-button.outlined.neutral-6[data-v-20171709]: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-20171709]: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-20171709]::after{color:var(--c-neutral-6)}.or-button.outlined.neutral-6.disabled[data-v-20171709],.or-button.outlined.neutral-6.loading[data-v-20171709]{border:1px solid var(--c-neutral-6-lighten-20)}.or-button.outlined.neutral-6.disabled[data-v-20171709]{color:var(--c-neutral-6-lighten-20)}.or-button.inline.primary[data-v-20171709],.or-button.text.primary[data-v-20171709]{color:var(--c-primary)}.or-button.inline.primary[data-v-20171709]  .or-icon,.or-button.text.primary[data-v-20171709]  .or-icon{color:var(--c-primary)}.or-button.inline.primary[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.primary[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-button.inline.primary[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.primary[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-button.inline.primary[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.primary[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-button.inline.primary[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.primary[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-button.inline.primary .or-loader[data-v-20171709]::after,.or-button.text.primary .or-loader[data-v-20171709]::after{color:var(--c-primary)}.or-button.inline.primary.disabled[data-v-20171709],.or-button.inline.primary.loading[data-v-20171709],.or-button.text.primary.disabled[data-v-20171709],.or-button.text.primary.loading[data-v-20171709]{color:var(--c-primary-lighten-20)}.or-button.inline.primary.disabled[data-v-20171709]  .or-icon,.or-button.inline.primary.loading[data-v-20171709]  .or-icon,.or-button.text.primary.disabled[data-v-20171709]  .or-icon,.or-button.text.primary.loading[data-v-20171709]  .or-icon{color:var(--c-primary-lighten-20)}.or-button.inline.success[data-v-20171709],.or-button.text.success[data-v-20171709]{color:var(--c-success)}.or-button.inline.success[data-v-20171709]  .or-icon,.or-button.text.success[data-v-20171709]  .or-icon{color:var(--c-success)}.or-button.inline.success[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.success[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-button.inline.success[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.success[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-button.inline.success[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.success[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-button.inline.success[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.success[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-button.inline.success .or-loader[data-v-20171709]::after,.or-button.text.success .or-loader[data-v-20171709]::after{color:var(--c-success)}.or-button.inline.success.disabled[data-v-20171709],.or-button.inline.success.loading[data-v-20171709],.or-button.text.success.disabled[data-v-20171709],.or-button.text.success.loading[data-v-20171709]{color:var(--c-success-lighten-20)}.or-button.inline.success.disabled[data-v-20171709]  .or-icon,.or-button.inline.success.loading[data-v-20171709]  .or-icon,.or-button.text.success.disabled[data-v-20171709]  .or-icon,.or-button.text.success.loading[data-v-20171709]  .or-icon{color:var(--c-success-lighten-20)}.or-button.inline.warning[data-v-20171709],.or-button.text.warning[data-v-20171709]{color:var(--c-warning)}.or-button.inline.warning[data-v-20171709]  .or-icon,.or-button.text.warning[data-v-20171709]  .or-icon{color:var(--c-warning)}.or-button.inline.warning[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.warning[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-button.inline.warning[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.warning[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-button.inline.warning[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.warning[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-button.inline.warning[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.warning[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-button.inline.warning .or-loader[data-v-20171709]::after,.or-button.text.warning .or-loader[data-v-20171709]::after{color:var(--c-warning)}.or-button.inline.warning.disabled[data-v-20171709],.or-button.inline.warning.loading[data-v-20171709],.or-button.text.warning.disabled[data-v-20171709],.or-button.text.warning.loading[data-v-20171709]{color:var(--c-warning-lighten-20)}.or-button.inline.warning.disabled[data-v-20171709]  .or-icon,.or-button.inline.warning.loading[data-v-20171709]  .or-icon,.or-button.text.warning.disabled[data-v-20171709]  .or-icon,.or-button.text.warning.loading[data-v-20171709]  .or-icon{color:var(--c-warning-lighten-20)}.or-button.inline.error[data-v-20171709],.or-button.text.error[data-v-20171709]{color:var(--c-error)}.or-button.inline.error[data-v-20171709]  .or-icon,.or-button.text.error[data-v-20171709]  .or-icon{color:var(--c-error)}.or-button.inline.error[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.error[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-button.inline.error[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.error[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-button.inline.error[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.error[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-button.inline.error[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.error[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-button.inline.error .or-loader[data-v-20171709]::after,.or-button.text.error .or-loader[data-v-20171709]::after{color:var(--c-error)}.or-button.inline.error.disabled[data-v-20171709],.or-button.inline.error.loading[data-v-20171709],.or-button.text.error.disabled[data-v-20171709],.or-button.text.error.loading[data-v-20171709]{color:var(--c-error-lighten-20)}.or-button.inline.error.disabled[data-v-20171709]  .or-icon,.or-button.inline.error.loading[data-v-20171709]  .or-icon,.or-button.text.error.disabled[data-v-20171709]  .or-icon,.or-button.text.error.loading[data-v-20171709]  .or-icon{color:var(--c-error-lighten-20)}.or-button.inline.neutral-0[data-v-20171709],.or-button.text.neutral-0[data-v-20171709]{color:var(--c-neutral-0)}.or-button.inline.neutral-0[data-v-20171709]  .or-icon,.or-button.text.neutral-0[data-v-20171709]  .or-icon{color:var(--c-neutral-0)}.or-button.inline.neutral-0[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.neutral-0[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-button.inline.neutral-0[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-0[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-button.inline.neutral-0[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.neutral-0[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-button.inline.neutral-0[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-0[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-button.inline.neutral-0 .or-loader[data-v-20171709]::after,.or-button.text.neutral-0 .or-loader[data-v-20171709]::after{color:var(--c-neutral-0)}.or-button.inline.neutral-0.disabled[data-v-20171709],.or-button.inline.neutral-0.loading[data-v-20171709],.or-button.text.neutral-0.disabled[data-v-20171709],.or-button.text.neutral-0.loading[data-v-20171709]{color:var(--c-neutral-0-lighten-20)}.or-button.inline.neutral-0.disabled[data-v-20171709]  .or-icon,.or-button.inline.neutral-0.loading[data-v-20171709]  .or-icon,.or-button.text.neutral-0.disabled[data-v-20171709]  .or-icon,.or-button.text.neutral-0.loading[data-v-20171709]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-button.inline.neutral-3[data-v-20171709],.or-button.text.neutral-3[data-v-20171709]{color:var(--c-neutral-3)}.or-button.inline.neutral-3[data-v-20171709]  .or-icon,.or-button.text.neutral-3[data-v-20171709]  .or-icon{color:var(--c-neutral-3)}.or-button.inline.neutral-3[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.neutral-3[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-button.inline.neutral-3[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-3[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-button.inline.neutral-3[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.neutral-3[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-button.inline.neutral-3[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-3[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-button.inline.neutral-3 .or-loader[data-v-20171709]::after,.or-button.text.neutral-3 .or-loader[data-v-20171709]::after{color:var(--c-neutral-3)}.or-button.inline.neutral-3.disabled[data-v-20171709],.or-button.inline.neutral-3.loading[data-v-20171709],.or-button.text.neutral-3.disabled[data-v-20171709],.or-button.text.neutral-3.loading[data-v-20171709]{color:var(--c-neutral-3-lighten-20)}.or-button.inline.neutral-3.disabled[data-v-20171709]  .or-icon,.or-button.inline.neutral-3.loading[data-v-20171709]  .or-icon,.or-button.text.neutral-3.disabled[data-v-20171709]  .or-icon,.or-button.text.neutral-3.loading[data-v-20171709]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-button.inline.neutral-4[data-v-20171709],.or-button.text.neutral-4[data-v-20171709]{color:var(--c-neutral-4)}.or-button.inline.neutral-4[data-v-20171709]  .or-icon,.or-button.text.neutral-4[data-v-20171709]  .or-icon{color:var(--c-neutral-4)}.or-button.inline.neutral-4[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.neutral-4[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-button.inline.neutral-4[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-4[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-button.inline.neutral-4[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.neutral-4[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-button.inline.neutral-4[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-4[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-button.inline.neutral-4 .or-loader[data-v-20171709]::after,.or-button.text.neutral-4 .or-loader[data-v-20171709]::after{color:var(--c-neutral-4)}.or-button.inline.neutral-4.disabled[data-v-20171709],.or-button.inline.neutral-4.loading[data-v-20171709],.or-button.text.neutral-4.disabled[data-v-20171709],.or-button.text.neutral-4.loading[data-v-20171709]{color:var(--c-neutral-4-lighten-20)}.or-button.inline.neutral-4.disabled[data-v-20171709]  .or-icon,.or-button.inline.neutral-4.loading[data-v-20171709]  .or-icon,.or-button.text.neutral-4.disabled[data-v-20171709]  .or-icon,.or-button.text.neutral-4.loading[data-v-20171709]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-button.inline.neutral-5[data-v-20171709],.or-button.text.neutral-5[data-v-20171709]{color:var(--c-neutral-5)}.or-button.inline.neutral-5[data-v-20171709]  .or-icon,.or-button.text.neutral-5[data-v-20171709]  .or-icon{color:var(--c-neutral-5)}.or-button.inline.neutral-5[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.neutral-5[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-button.inline.neutral-5[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-5[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-button.inline.neutral-5[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.neutral-5[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-button.inline.neutral-5[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-5[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-button.inline.neutral-5 .or-loader[data-v-20171709]::after,.or-button.text.neutral-5 .or-loader[data-v-20171709]::after{color:var(--c-neutral-5)}.or-button.inline.neutral-5.disabled[data-v-20171709],.or-button.inline.neutral-5.loading[data-v-20171709],.or-button.text.neutral-5.disabled[data-v-20171709],.or-button.text.neutral-5.loading[data-v-20171709]{color:var(--c-neutral-5-lighten-20)}.or-button.inline.neutral-5.disabled[data-v-20171709]  .or-icon,.or-button.inline.neutral-5.loading[data-v-20171709]  .or-icon,.or-button.text.neutral-5.disabled[data-v-20171709]  .or-icon,.or-button.text.neutral-5.loading[data-v-20171709]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-button.inline.neutral-6[data-v-20171709],.or-button.text.neutral-6[data-v-20171709]{color:var(--c-neutral-6)}.or-button.inline.neutral-6[data-v-20171709]  .or-icon,.or-button.text.neutral-6[data-v-20171709]  .or-icon{color:var(--c-neutral-6)}.or-button.inline.neutral-6[data-v-20171709]:hover:not(.disabled):not(.loading),.or-button.text.neutral-6[data-v-20171709]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-button.inline.neutral-6[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-6[data-v-20171709]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-button.inline.neutral-6[data-v-20171709]:active:not(.disabled):not(.loading),.or-button.text.neutral-6[data-v-20171709]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-button.inline.neutral-6[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon,.or-button.text.neutral-6[data-v-20171709]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-button.inline.neutral-6 .or-loader[data-v-20171709]::after,.or-button.text.neutral-6 .or-loader[data-v-20171709]::after{color:var(--c-neutral-6)}.or-button.inline.neutral-6.disabled[data-v-20171709],.or-button.inline.neutral-6.loading[data-v-20171709],.or-button.text.neutral-6.disabled[data-v-20171709],.or-button.text.neutral-6.loading[data-v-20171709]{color:var(--c-neutral-6-lighten-20)}.or-button.inline.neutral-6.disabled[data-v-20171709]  .or-icon,.or-button.inline.neutral-6.loading[data-v-20171709]  .or-icon,.or-button.text.neutral-6.disabled[data-v-20171709]  .or-icon,.or-button.text.neutral-6.loading[data-v-20171709]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-button.size-small[data-v-20171709]: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-20171709]{cursor:not-allowed}.or-button.loading[data-v-20171709]{cursor:progress}.or-button .or-loader[data-v-20171709]{position:absolute}.or-button .or-loader[data-v-20171709]::after{width:var(--or-loader-size);height:var(--or-loader-size)}.or-button[data-v-20171709]  .or-icon{font-size:var(--or-icon-size)}.or-button-content[data-v-20171709]{display:flex;align-items:center;justify-content:center}.or-button-left-icon[data-v-20171709]{margin-right:var(--or-icon-margin)}.or-button-right-icon[data-v-20171709]{margin-left:var(--or-icon-margin)}@media only screen and (max-width:576px){.or-button[data-v-20171709]{--or-button-height:2.75rem;--or-button-font-size:1rem;--or-loader-size:1.5rem;--or-icon-size:1.25rem}}";
+styleInject(css_248z);
+
+/* script */
+const __vue_script__ = script;
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('button', _vm._g({
+    staticClass: "or-button",
+    class: _vm.states,
+    attrs: {
+      "disabled": _vm.isDisabled,
+      "type": _vm.htmlButtonType
+    }
+  }, Object.assign({}, _vm.$listeners, {
+    click: function (e) {
+      return _vm.handleButtonClick(e);
+    },
+    focus: function (e) {
+      return _vm.$emit('focus', e);
+    },
+    blur: function (e) {
+      return _vm.$emit('blur', e);
+    }
+  })), [_vm.isLoading ? _c('or-loader', {
+    attrs: {
+      "type": _vm.loadingType,
+      "text-type-label": _vm.loadingText
+    }
+  }) : _vm._e(), _vm._v(" "), _c('span', {
+    staticClass: "or-button-content",
+    style: _vm.isContentVisible
+  }, [_vm._t("prepend", function () {
+    return [_vm.showLeftIcon ? _c('or-icon', {
+      staticClass: "or-button-left-icon",
+      attrs: {
+        "icon": _vm.icon
+      }
+    }) : _vm._e()];
+  }), _vm._v(" "), _vm._t("default", function () {
+    return [_vm._v("\n      " + _vm._s(_vm.content) + "\n    ")];
+  }), _vm._v(" "), _vm._t("append", function () {
+    return [_vm.showRightIcon ? _c('or-icon', {
+      staticClass: "or-button-right-icon",
+      attrs: {
+        "icon": _vm.icon
+      }
+    }) : _vm._e()];
+  })], 2)], 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = "data-v-20171709";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+var OrButton = __vue_component__;
+
+export { OrButton as O };

package/dist/bundled/v2/{OrButton-a66edb67.js → OrButton-4ffae242.js}

@@ -153,19 +153,18 @@ var __vue_render__ = function () {
       "type": _vm.type,
       "activated": _vm.activated ? '' : null,
       "disabled": _vm.disabled
+    }
+  }, Object.assign({}, _vm.$listeners, {
+    click: function (e) {
+      return _vm.$emit('click', e);
+    },
+    focus: function (e) {
+      return _vm.$emit('focus', e);
     },
-    on: {
-      "click": function ($event) {
-        return _vm.$emit('click', $event);
-      },
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      }
+    blur: function (e) {
+      return _vm.$emit('blur', e);
     }
-  }, _vm.$listeners), [_c('div', {
+  })), [_c('div', {
     class: ['contents', _vm.loading && 'invisible']
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.loading ? [_c('div', {
     class: ['absolute']

package/dist/bundled/v2/{OrCardCollection-3c62f9b8.js → OrCardCollection-6d0f85cc.js}

@@ -1,8 +1,8 @@
 import './index-fa6eb4ca.js';
 import { O as OrCard } from './OrCard-e07c7e8c.js';
 import { O as OrIcon } from './OrIcon-90adc2bd.js';
-import { O as OrSearch } from './OrSearch-4c898d39.js';
-import { O as OrIconButton } from './OrIconButton-9545c1fb.js';
+import { O as OrSearch } from './OrSearch-eaff95c0.js';
+import { O as OrIconButton } from './OrIconButton-5f8b1683.js';
 import { defineComponent, ref } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/bundled/v2/{OrCardCollection-5be7bd7b.js → OrCardCollection-8e051cf7.js}

@@ -1,12 +1,12 @@
 import './index-fa6eb4ca.js';
 import { defineComponent, computed, ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { O as OrIconButton } from './OrIconButton-45e8ced0.js';
-import { O as OrButton } from './OrButton-a66edb67.js';
+import { O as OrIconButton } from './OrIconButton-5f6c340d.js';
+import { O as OrButton } from './OrButton-4ffae242.js';
 import { O as OrMenu } from './OrMenu-ef3406b1.js';
 import { O as OrMenuItem } from './OrMenuItem-f295292e.js';
 import { O as OrIcon } from './OrIcon-2efd1925.js';
-import { O as OrSearch } from './OrSearch-ade6bf12.js';
+import { O as OrSearch } from './OrSearch-3edd7194.js';
 
 const CardCollectionRoot = [
 // Layout

package/dist/bundled/v2/{OrCode-e03d14ce.js → OrCode-328bb6e3.js}

@@ -1,8 +1,8 @@
 import { useElementHover } from '@vueuse/core';
 import './index-fa6eb4ca.js';
 import { O as OrTeleport } from './OrTeleport.vue2-90147f16.js';
-import { O as OrIconButton } from './OrIconButton-9545c1fb.js';
-import { O as OrModal } from './OrModal-948908fb.js';
+import { O as OrIconButton } from './OrIconButton-5f8b1683.js';
+import { O as OrModal } from './OrModal-3b75b965.js';
 import { O as OrError } from './OrError-29f0ce95.js';
 import { O as OrHint } from './OrHint-664117aa.js';
 import { O as OrLabel } from './OrLabel-f19ccb5f.js';

package/dist/bundled/v2/{OrConfirm-b12b5b01.js → OrConfirm-1124a148.js}

@@ -2,8 +2,8 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
 import './index-fa6eb4ca.js';
 import { O as OrOverlay } from './OrOverlay-cb55bf20.js';
-import { O as OrButton, a as ButtonColor } from './OrButton-a66edb67.js';
-import { O as OrInput } from './OrInput-913c682d.js';
+import { O as OrButton, a as ButtonColor } from './OrButton-4ffae242.js';
+import { O as OrInput } from './OrInput-3f7179b7.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/{OrConfirm-5f6fdc4d.js → OrConfirm-78663c20.js}

@@ -1,8 +1,8 @@
 import './index-fa6eb4ca.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
-import { O as OrButton } from './OrButton-29d88db0.js';
-import { O as OrModal, a as OrModalSizes } from './OrModal-948908fb.js';
+import { O as OrButton } from './OrButton-295118b6.js';
+import { O as OrModal, a as OrModalSizes } from './OrModal-3b75b965.js';
 import { O as OrInput } from './OrInput-1589dca0.js';
 import { a as BUTTON_COLOR } from './constants-c5d1139f.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/{OrDateTimePicker-bf88911e.js → OrDateTimePicker-30f30dd7.js}

@@ -11,7 +11,7 @@ import { O as OrLabel } from './OrLabel-f19ccb5f.js';
 import { O as OrError } from './OrError-29f0ce95.js';
 import { O as OrHint } from './OrHint-664117aa.js';
 import { O as OrCollapse } from './OrCollapse-f7cbcd25.js';
-import { O as OrIconButton } from './OrIconButton-9545c1fb.js';
+import { O as OrIconButton } from './OrIconButton-5f8b1683.js';
 
 var OrDateTimePickerTypes;
 (function (OrDateTimePickerTypes) {

package/dist/bundled/v2/{OrIconButton-45e8ced0.js → OrIconButton-5f6c340d.js}

@@ -124,19 +124,18 @@ var __vue_render__ = function () {
       "type": 'button',
       "selected": _vm.selected ? '' : null,
       "disabled": _vm.disabled
+    }
+  }, 'button', _vm.$attrs, false), Object.assign({}, _vm.$listeners, {
+    click: function (e) {
+      return _vm.$emit('click', e);
+    },
+    focus: function (e) {
+      return _vm.$emit('focus', e);
     },
-    on: {
-      "click": function ($event) {
-        return _vm.$emit('click', $event);
-      },
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      }
+    blur: function (e) {
+      return _vm.$emit('blur', e);
     }
-  }, 'button', _vm.$attrs, false), _vm.$listeners), [_c('OrIcon', _vm._b({
+  })), [_c('OrIcon', _vm._b({
     attrs: {
       "variant": 'inherit',
       "size": _vm.size

package/dist/bundled/v2/OrIconButton-5f8b1683.js

@@ -0,0 +1,207 @@
+import './index-fa6eb4ca.js';
+import { O as OrTooltip } from './OrTooltip-e62cdd46.js';
+import { defineComponent, h } from '@vue/composition-api/dist/vue-composition-api.mjs';
+import { a as OrFloatingPlacements } from './OrFloating-507e8028.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { I as ICON_BUTTON_TYPE, H as HTML_BUTTON_TYPE, b as BUTTON_SIZE, a as BUTTON_COLOR } from './constants-c5d1139f.js';
+import { O as OrIcon } from './OrIcon-90adc2bd.js';
+import { O as OrLoader } from './OrLoader-5cfd67fb.js';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
+
+/** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */
+var script$1 = defineComponent({
+  props: {
+    tooltipText: {
+      type: String,
+      default: ''
+    },
+    tooltipPlacement: {
+      type: String,
+      default: OrFloatingPlacements.TOP
+    }
+  },
+  ...({
+    render() {
+      const content = this.$slots.default;
+      if (!this.tooltipText) {
+        return content;
+      }
+      const props = {
+        content: this.$props.tooltipText,
+        placement: this.$props.tooltipPlacement
+      };
+      return h(OrTooltip, {
+        props
+      }, content);
+    }
+  })
+});
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+
+/* style */
+const __vue_inject_styles__$1 = undefined;
+/* scoped */
+const __vue_scope_id__$1 = undefined;
+/* module identifier */
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+const __vue_is_functional_template__$1 = undefined;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+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);
+var OrTooltipWrapper = __vue_component__$1;
+
+var script = defineComponent({
+  name: 'OrIconButton',
+  components: {
+    OrIcon,
+    OrLoader,
+    OrTooltipWrapper
+  },
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    color: {
+      type: String,
+      default: null
+    },
+    iconColor: {
+      type: String,
+      default: null
+    },
+    bgColor: {
+      type: String,
+      default: null
+    },
+    type: {
+      type: String,
+      default: ICON_BUTTON_TYPE.ICON
+    },
+    htmlButtonType: {
+      type: String,
+      default: HTML_BUTTON_TYPE.BUTTON,
+      required: false
+    },
+    tooltipText: {
+      type: String,
+      default: ''
+    },
+    tooltipPlacement: {
+      type: String,
+      default: OrFloatingPlacements.TOP
+    },
+    isLoading: Boolean,
+    isDisabled: Boolean,
+    size: {
+      type: String,
+      default: BUTTON_SIZE.DEFAULT
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  computed: {
+    buttonClasses() {
+      var _a;
+      return {
+        [(_a = this.color) !== null && _a !== void 0 ? _a : BUTTON_COLOR.PRIMARY]: true,
+        [this.type]: true,
+        [`is-${this.iconColor}-icon-color`]: !!this.iconColor,
+        [`is-${this.bgColor}-bg-color`]: !!this.bgColor,
+        [`size-${this.size}`]: true,
+        loading: this.isLoading,
+        disabled: this.isDisabled
+      };
+    }
+  },
+  watch: {
+    color: {
+      handler(val) {
+        if (!val) return;
+        console.warn('OrIconButton color is being deprecated, consider using iconColor and bgColor.');
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    handleButtonClick(event) {
+      if (!this.isLoading && !this.isDisabled) {
+        this.$emit('click', event);
+      }
+    }
+  }
+});
+
+var css_248z = "@keyframes spinAround-data-v-2c977307{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2c977307{from{opacity:1}to{opacity:0}}.or-icon-button[data-v-2c977307]{--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-2c977307]{display:inline-flex;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.or-icon-button.disabled[data-v-2c977307]{cursor:not-allowed}.or-icon-button.loading[data-v-2c977307]{cursor:progress}.or-icon-button.size-small[data-v-2c977307]{--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-2c977307]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.icon.primary[data-v-2c977307]{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-2c977307]  .or-icon{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-icon-button.icon.primary[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-icon-button.icon.primary .or-loader[data-v-2c977307]::after{color:var(--c-primary)}.or-icon-button.icon.primary.disabled[data-v-2c977307],.or-icon-button.icon.primary.loading[data-v-2c977307]{color:var(--c-primary-lighten-20)}.or-icon-button.icon.primary.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.primary.loading[data-v-2c977307]  .or-icon{color:var(--c-primary-lighten-20)}.or-icon-button.icon.success[data-v-2c977307]{color:var(--c-success)}.or-icon-button.icon.success[data-v-2c977307]  .or-icon{color:var(--c-success)}.or-icon-button.icon.success[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-icon-button.icon.success[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-icon-button.icon.success .or-loader[data-v-2c977307]::after{color:var(--c-success)}.or-icon-button.icon.success.disabled[data-v-2c977307],.or-icon-button.icon.success.loading[data-v-2c977307]{color:var(--c-success-lighten-20)}.or-icon-button.icon.success.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.success.loading[data-v-2c977307]  .or-icon{color:var(--c-success-lighten-20)}.or-icon-button.icon.warning[data-v-2c977307]{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-2c977307]  .or-icon{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-icon-button.icon.warning[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-icon-button.icon.warning .or-loader[data-v-2c977307]::after{color:var(--c-warning)}.or-icon-button.icon.warning.disabled[data-v-2c977307],.or-icon-button.icon.warning.loading[data-v-2c977307]{color:var(--c-warning-lighten-20)}.or-icon-button.icon.warning.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.warning.loading[data-v-2c977307]  .or-icon{color:var(--c-warning-lighten-20)}.or-icon-button.icon.error[data-v-2c977307]{color:var(--c-error)}.or-icon-button.icon.error[data-v-2c977307]  .or-icon{color:var(--c-error)}.or-icon-button.icon.error[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-icon-button.icon.error[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-icon-button.icon.error .or-loader[data-v-2c977307]::after{color:var(--c-error)}.or-icon-button.icon.error.disabled[data-v-2c977307],.or-icon-button.icon.error.loading[data-v-2c977307]{color:var(--c-error-lighten-20)}.or-icon-button.icon.error.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.error.loading[data-v-2c977307]  .or-icon{color:var(--c-error-lighten-20)}.or-icon-button.icon.neutral-0[data-v-2c977307]{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-2c977307]  .or-icon{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0 .or-loader[data-v-2c977307]::after{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0.disabled[data-v-2c977307],.or-icon-button.icon.neutral-0.loading[data-v-2c977307]{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-0.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.neutral-0.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-3[data-v-2c977307]{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-2c977307]  .or-icon{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3 .or-loader[data-v-2c977307]::after{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3.disabled[data-v-2c977307],.or-icon-button.icon.neutral-3.loading[data-v-2c977307]{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-3.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.neutral-3.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-4[data-v-2c977307]{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-2c977307]  .or-icon{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4 .or-loader[data-v-2c977307]::after{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4.disabled[data-v-2c977307],.or-icon-button.icon.neutral-4.loading[data-v-2c977307]{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-4.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.neutral-4.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-5[data-v-2c977307]{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-2c977307]  .or-icon{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5 .or-loader[data-v-2c977307]::after{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5.disabled[data-v-2c977307],.or-icon-button.icon.neutral-5.loading[data-v-2c977307]{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-5.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.neutral-5.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-6[data-v-2c977307]{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-2c977307]  .or-icon{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6[data-v-2c977307]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6 .or-loader[data-v-2c977307]::after{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6.disabled[data-v-2c977307],.or-icon-button.icon.neutral-6.loading[data-v-2c977307]{color:var(--c-neutral-6-lighten-20)}.or-icon-button.icon.neutral-6.disabled[data-v-2c977307]  .or-icon,.or-icon-button.icon.neutral-6.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating[data-v-2c977307]{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-2c977307]: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-2c977307]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.floating .or-loader[data-v-2c977307]::after,.or-icon-button.floating[data-v-2c977307]  .or-icon{color:var(--c-white)}.or-icon-button.floating.primary[data-v-2c977307]{background-color:var(--c-primary)}.or-icon-button.floating.primary[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.primary.loading[data-v-2c977307]{background-color:var(--c-primary-lighten-20)}.or-icon-button.floating.success[data-v-2c977307]{background-color:var(--c-success)}.or-icon-button.floating.success[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.success.loading[data-v-2c977307]{background-color:var(--c-success-lighten-20)}.or-icon-button.floating.warning[data-v-2c977307]{background-color:var(--c-warning)}.or-icon-button.floating.warning[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.warning.loading[data-v-2c977307]{background-color:var(--c-warning-lighten-20)}.or-icon-button.floating.error[data-v-2c977307]{background-color:var(--c-error)}.or-icon-button.floating.error[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.error.loading[data-v-2c977307]{background-color:var(--c-error-lighten-20)}.or-icon-button.floating.neutral-0[data-v-2c977307]{background-color:var(--c-neutral-0)}.or-icon-button.floating.neutral-0[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.neutral-0.loading[data-v-2c977307]{background-color:var(--c-neutral-0-lighten-20)}.or-icon-button.floating.neutral-3[data-v-2c977307]{background-color:var(--c-neutral-3)}.or-icon-button.floating.neutral-3[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.neutral-3.loading[data-v-2c977307]{background-color:var(--c-neutral-3-lighten-20)}.or-icon-button.floating.neutral-4[data-v-2c977307]{background-color:var(--c-neutral-4)}.or-icon-button.floating.neutral-4[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.neutral-4.loading[data-v-2c977307]{background-color:var(--c-neutral-4-lighten-20)}.or-icon-button.floating.neutral-5[data-v-2c977307]{background-color:var(--c-neutral-5)}.or-icon-button.floating.neutral-5[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.neutral-5.loading[data-v-2c977307]{background-color:var(--c-neutral-5-lighten-20)}.or-icon-button.floating.neutral-6[data-v-2c977307]{background-color:var(--c-neutral-6)}.or-icon-button.floating.neutral-6[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.neutral-6.loading[data-v-2c977307]{background-color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating.is-primary-bg-color[data-v-2c977307]{background-color:var(--c-primary)!important}.or-icon-button.floating.is-primary-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-primary-bg-color.loading[data-v-2c977307]{background-color:var(--c-primary-lighten-20)!important}.or-icon-button.floating.is-success-bg-color[data-v-2c977307]{background-color:var(--c-success)!important}.or-icon-button.floating.is-success-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-success-bg-color.loading[data-v-2c977307]{background-color:var(--c-success-lighten-20)!important}.or-icon-button.floating.is-warning-bg-color[data-v-2c977307]{background-color:var(--c-warning)!important}.or-icon-button.floating.is-warning-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-warning-bg-color.loading[data-v-2c977307]{background-color:var(--c-warning-lighten-20)!important}.or-icon-button.floating.is-error-bg-color[data-v-2c977307]{background-color:var(--c-error)!important}.or-icon-button.floating.is-error-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-error-bg-color.loading[data-v-2c977307]{background-color:var(--c-error-lighten-20)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-2c977307]{background-color:var(--c-neutral-0)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-2c977307]{background-color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-2c977307]{background-color:var(--c-neutral-3)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-2c977307]{background-color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-2c977307]{background-color:var(--c-neutral-4)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-2c977307]{background-color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-2c977307]{background-color:var(--c-neutral-5)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-2c977307]{background-color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-2c977307]{background-color:var(--c-neutral-6)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-2c977307]: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-2c977307]: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-2c977307],.or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-2c977307]{background-color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-primary-icon-color[data-v-2c977307]{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-2c977307]  .or-icon{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-2c977307],.or-icon-button.is-primary-icon-color.loading[data-v-2c977307]{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-primary-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-success-icon-color[data-v-2c977307]{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-2c977307]  .or-icon{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-success)!important}.or-icon-button.is-success-icon-color.disabled[data-v-2c977307],.or-icon-button.is-success-icon-color.loading[data-v-2c977307]{color:var(--c-success-lighten-20)!important}.or-icon-button.is-success-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-success-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-success-lighten-20)!important}.or-icon-button.is-warning-icon-color[data-v-2c977307]{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-2c977307]  .or-icon{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-2c977307],.or-icon-button.is-warning-icon-color.loading[data-v-2c977307]{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-warning-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-error-icon-color[data-v-2c977307]{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-2c977307]  .or-icon{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-2c977307]:active:not(.disabled):not(.loading){color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-error)!important}.or-icon-button.is-error-icon-color.disabled[data-v-2c977307],.or-icon-button.is-error-icon-color.loading[data-v-2c977307]{color:var(--c-error-lighten-20)!important}.or-icon-button.is-error-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-error-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-error-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color[data-v-2c977307]{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-2c977307]  .or-icon{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-2c977307]: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-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-2c977307],.or-icon-button.is-neutral-0-icon-color.loading[data-v-2c977307]{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-neutral-0-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color[data-v-2c977307]{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-2c977307]  .or-icon{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-2c977307]: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-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-2c977307],.or-icon-button.is-neutral-3-icon-color.loading[data-v-2c977307]{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-neutral-3-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color[data-v-2c977307]{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-2c977307]  .or-icon{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-2c977307]: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-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-2c977307],.or-icon-button.is-neutral-4-icon-color.loading[data-v-2c977307]{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-neutral-4-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color[data-v-2c977307]{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-2c977307]  .or-icon{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-2c977307]: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-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-2c977307],.or-icon-button.is-neutral-5-icon-color.loading[data-v-2c977307]{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-neutral-5-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color[data-v-2c977307]{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-2c977307]  .or-icon{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-2c977307]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-2c977307]: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-2c977307]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color[data-v-2c977307]: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-2c977307]::after{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-2c977307],.or-icon-button.is-neutral-6-icon-color.loading[data-v-2c977307]{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-2c977307]  .or-icon,.or-icon-button.is-neutral-6-icon-color.loading[data-v-2c977307]  .or-icon{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button .or-loader[data-v-2c977307]::after{width:var(--or-icon-button-loader-size);height:var(--or-icon-button-loader-size)}";
+styleInject(css_248z);
+
+/* script */
+const __vue_script__ = script;
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "or-icon-button-root"
+  }, [_c('or-tooltip-wrapper', {
+    attrs: {
+      "tooltip-text": _vm.tooltipText,
+      "tooltip-placement": _vm.tooltipPlacement
+    }
+  }, [_c('button', _vm._g({
+    staticClass: "or-icon-button",
+    class: _vm.buttonClasses,
+    attrs: {
+      "disabled": _vm.isDisabled,
+      "type": _vm.htmlButtonType
+    }
+  }, Object.assign({}, _vm.$listeners, {
+    click: function () {
+      return _vm.handleButtonClick(_vm.$event);
+    },
+    focus: function () {
+      return _vm.$emit('focus', _vm.$event);
+    },
+    blur: function () {
+      return _vm.$emit('blur', _vm.$event);
+    }
+  })), [_vm.isLoading ? _c('or-loader') : _vm._e(), _vm._v(" "), !_vm.isLoading ? _vm._t("default", function () {
+    return [_c('or-icon', {
+      attrs: {
+        "icon": _vm.icon
+      }
+    })];
+  }) : _vm._e()], 2)])], 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = "data-v-2c977307";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+var OrIconButton = __vue_component__;
+
+export { OrIconButton as O };