@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2084.0

package/dist/bundled/v3/types-668300dd.js

@@ -0,0 +1,5 @@
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+export { types as t };

package/dist/bundled/v3/useToast-0c42015d.js

@@ -0,0 +1,115 @@
+import { noop } from '@vueuse/core';
+import { u as useToastEventBus } from './useToastEventBus-578adc7c.js';
+import { T as ToastType } from './constants-25998e4c.js';
+
+class Timer {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  constructor() {
+    this.startedAt = null;
+    this.timer = null;
+    this.callback = noop;
+    this.delay = 0;
+  }
+  start(callback, delay) {
+    if (delay && delay > 0) {
+      this.callback = callback;
+      this.delay = delay;
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  pause() {
+    if (this.timer && this.startedAt) {
+      this.stop();
+      this.delay -= Date.now() - this.startedAt;
+    }
+  }
+  resume() {
+    this.stop();
+    if (this.delay > 0) {
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  stop() {
+    if (this.timer) clearTimeout(this.timer);
+  }
+}
+
+function useToast(globalToastProps = {}) {
+  const {
+    emit
+  } = useToastEventBus();
+  function notify(props, behaviour = {}) {
+    const {
+      duration = 5000,
+      pauseOnHover = true,
+      onToastClose,
+      onToastClick
+    } = behaviour;
+    const propsData = {
+      ...props,
+      ...globalToastProps
+    };
+    const config = {
+      toastProps: propsData,
+      //generate ToastHash
+      hash: Math.random().toString(36).slice(2),
+      ...(Number.isInteger(duration) && {
+        timer: new Timer()
+      }),
+      toastBehaviour: {
+        duration,
+        pauseOnHover,
+        onToastClose,
+        onToastClick
+      }
+    };
+    emit('toastNotify', config);
+    return {
+      close: () => emit('toastClose', config),
+      update: data => emit('toastUpdate', {
+        ...config,
+        toastProps: {
+          ...config.toastProps,
+          ...data
+        }
+      })
+    };
+  }
+  function clearAll() {
+    emit('toastCloseAll');
+  }
+  function success(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.success
+    }, behaviour);
+  }
+  function error(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.error
+    }, behaviour);
+  }
+  function loading(props, behaviour = {}) {
+    return notify({
+      ...props,
+      toastType: ToastType.loading,
+      dismissible: false
+    }, {
+      ...behaviour,
+      duration: 0 // <- toast with type "loading" will not cloe automatically
+    });
+  }
+
+  return {
+    notify,
+    clearAll,
+    success,
+    error,
+    loading
+  };
+}
+
+export { useToast as u };

package/dist/bundled/v3/useToastEventBus-578adc7c.js

@@ -0,0 +1,55 @@
+import { ref } from 'vue-demi';
+import { createSharedComposable, useEventBus } from '@vueuse/core';
+
+function useQueue(initialValue) {
+  //generic needed! see https://github.com/vuejs/core/issues/2136
+  const queue = ref(initialValue || []);
+  const addItem = item => {
+    const refItem = ref(item);
+    queue.value.push(refItem);
+  };
+  const removeItem = condition => {
+    const index = queue.value.findIndex((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    });
+    if (index !== -1) queue.value.splice(index, 1);
+  };
+  const getItem = condition => {
+    return queue.value.filter((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    })[0];
+  };
+  const clearAll = () => {
+    queue.value = [];
+  };
+  return {
+    queue,
+    addItem,
+    removeItem,
+    clearAll,
+    getItem
+  };
+}
+
+const useToastEventBus = () => {
+  const busPull = {
+    toastNotify: useEventBus('toastNotify'),
+    toastClose: useEventBus('toastClose'),
+    toastCloseAll: useEventBus('toastCloseAll'),
+    toastUpdate: useEventBus('toastUpdate')
+  };
+  return {
+    on: (namedQueue, listener) => {
+      busPull[namedQueue].on(listener);
+    },
+    off: (namedQueue, listener) => {
+      busPull[namedQueue].off(listener);
+    },
+    emit: (namedQueue, data) => {
+      busPull[namedQueue].emit(data);
+    }
+  };
+};
+var useToastEventBus$1 = createSharedComposable(useToastEventBus);
+
+export { useQueue as a, useToastEventBus$1 as u };

package/dist/esm/v2/{OrButton-7393a985.js → OrButton-2f25c464.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
+import { s as script } from './OrButton.vue_rollup-plugin-vue_script-f2c31f06.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 

package/dist/esm/v2/OrButton.vue_rollup-plugin-vue_script-f2c31f06.js

@@ -0,0 +1,97 @@
+import { defineComponent } from 'vue-demi';
+import { _ as __vue_component__ } from './OrIcon-84b90cfe.js';
+import { _ as __vue_component__$1, L as LoaderViews } from './OrLoader-003941a2.js';
+import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
+
+var script = defineComponent({
+  name: 'OrButton',
+  components: {
+    OrIcon: __vue_component__,
+    OrLoader: __vue_component__$1
+  },
+  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) {
+      if (!this.isLoading && !this.isDisabled) {
+        this.$emit('click', event);
+      }
+    }
+  }
+});
+
+export { script as s };

package/dist/esm/v2/{OrCardCollection-cc4610bc.js → OrCardCollection-8a41899e.js}

@@ -1,11 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCard-b7268256.js';
 import { _ as __vue_component__$2 } from './OrIcon-84b90cfe.js';
-import './OrSearch.vue_rollup-plugin-vue_script-89e370a1.js';
+import './OrSearch.vue_rollup-plugin-vue_script-455b796f.js';
 import { c as createInjector } from './browser-82dea9ed.js';
-import { _ as __vue_component__$3 } from './OrSearch-c9dd4ec2.js';
-import './OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
-import { _ as __vue_component__$4 } from './OrIconButton-7726e340.js';
+import { _ as __vue_component__$3 } from './OrSearch-e0123f41.js';
+import './OrButton.vue_rollup-plugin-vue_script-f2c31f06.js';
+import { _ as __vue_component__$4 } from './OrIconButton-967a1c67.js';
+import './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CARD_COLLECTION_LAYOUT;

package/dist/esm/v2/{OrCode-3f8617dc.js → OrCode-b9fac554.js}

@@ -3,13 +3,14 @@ import { useElementHover } from '@vueuse/core';
 import { basicSetup, EditorView } from 'codemirror';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
-import './OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
+import './OrButton.vue_rollup-plugin-vue_script-f2c31f06.js';
 import { c as createInjector } from './browser-82dea9ed.js';
-import { _ as __vue_component__$1 } from './OrIconButton-7726e340.js';
+import { _ as __vue_component__$1 } from './OrIconButton-967a1c67.js';
+import './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
 import { _ as __vue_component__$4 } from './OrError-081130bb.js';
 import { _ as __vue_component__$5 } from './OrHint-c45f1e09.js';
 import { _ as __vue_component__$6 } from './OrLabel-33b41516.js';
-import { _ as __vue_component__$2 } from './OrModal-74bd815c.js';
+import { _ as __vue_component__$2 } from './OrModal-443c063c.js';
 import { _ as __vue_component__$3 } from './OrTeleportVue2-8ef4ceca.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';

package/dist/esm/v2/{OrConfirm-c1eab20d.js → OrConfirm-22efda7e.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrButton-7393a985.js';
-import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
+import { _ as __vue_component__$1 } from './OrButton-2f25c464.js';
+import { a as BUTTON_COLOR } from './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
 import { c as createInjector } from './browser-82dea9ed.js';
-import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-74bd815c.js';
-import { _ as __vue_component__$3 } from './OrSearch.vue_rollup-plugin-vue_script-89e370a1.js';
+import { _ as __vue_component__$2, O as OrModalSizes } from './OrModal-443c063c.js';
+import { _ as __vue_component__$3 } from './OrSearch.vue_rollup-plugin-vue_script-455b796f.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrDateTimePicker-3f6e0de3.js → OrDateTimePicker-d302c43c.js}

@@ -6,9 +6,10 @@ import { _ as __vue_component__$3 } from './OrLabel-33b41516.js';
 import { _ as __vue_component__$4 } from './OrError-081130bb.js';
 import { _ as __vue_component__$5 } from './OrHint-c45f1e09.js';
 import { _ as __vue_component__$6 } from './OrCollapse-cff74fb1.js';
-import './OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
+import './OrButton.vue_rollup-plugin-vue_script-f2c31f06.js';
 import { c as createInjector } from './browser-82dea9ed.js';
-import { _ as __vue_component__$7 } from './OrIconButton-7726e340.js';
+import { _ as __vue_component__$7 } from './OrIconButton-967a1c67.js';
+import './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-7a41831b.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/OrIconButton-967a1c67.js

@@ -0,0 +1,70 @@
+import { s as script } from './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { c as createInjector } from './browser-82dea9ed.js';
+
+/* 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', {
+    staticClass: "or-icon-button",
+    class: _vm.buttonClasses,
+    attrs: {
+      "disabled": _vm.isDisabled,
+      "type": _vm.htmlButtonType
+    },
+    on: {
+      "click": _vm.handleButtonClick,
+      "focus": function ($event) {
+        return _vm.$emit('focus', $event);
+      },
+      "blur": function ($event) {
+        return _vm.$emit('blur', $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__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-8726c7ae_0", {
+    source: "@keyframes spinAround-data-v-8726c7ae{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-8726c7ae{from{opacity:1}to{opacity:0}}.or-icon-button[data-v-8726c7ae]{--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-8726c7ae]{display:inline-flex;width:fit-content;height:fit-content}.or-icon-button.disabled[data-v-8726c7ae]{cursor:not-allowed}.or-icon-button.loading[data-v-8726c7ae]{cursor:progress}.or-icon-button.size-small[data-v-8726c7ae]{--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-8726c7ae]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.icon.primary[data-v-8726c7ae]{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-8726c7ae]  .or-icon{color:var(--c-primary)}.or-icon-button.icon.primary[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-20)}.or-icon-button.icon.primary[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-25)}.or-icon-button.icon.primary[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-25)}.or-icon-button.icon.primary .or-loader[data-v-8726c7ae]::after{color:var(--c-primary)}.or-icon-button.icon.primary.disabled[data-v-8726c7ae],.or-icon-button.icon.primary.loading[data-v-8726c7ae]{color:var(--c-primary-lighten-20)}.or-icon-button.icon.primary.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.primary.loading[data-v-8726c7ae]  .or-icon{color:var(--c-primary-lighten-20)}.or-icon-button.icon.success[data-v-8726c7ae]{color:var(--c-success)}.or-icon-button.icon.success[data-v-8726c7ae]  .or-icon{color:var(--c-success)}.or-icon-button.icon.success[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-20)}.or-icon-button.icon.success[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-success-darken-25)}.or-icon-button.icon.success[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-25)}.or-icon-button.icon.success .or-loader[data-v-8726c7ae]::after{color:var(--c-success)}.or-icon-button.icon.success.disabled[data-v-8726c7ae],.or-icon-button.icon.success.loading[data-v-8726c7ae]{color:var(--c-success-lighten-20)}.or-icon-button.icon.success.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.success.loading[data-v-8726c7ae]  .or-icon{color:var(--c-success-lighten-20)}.or-icon-button.icon.warning[data-v-8726c7ae]{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-8726c7ae]  .or-icon{color:var(--c-warning)}.or-icon-button.icon.warning[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-20)}.or-icon-button.icon.warning[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-25)}.or-icon-button.icon.warning[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-25)}.or-icon-button.icon.warning .or-loader[data-v-8726c7ae]::after{color:var(--c-warning)}.or-icon-button.icon.warning.disabled[data-v-8726c7ae],.or-icon-button.icon.warning.loading[data-v-8726c7ae]{color:var(--c-warning-lighten-20)}.or-icon-button.icon.warning.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.warning.loading[data-v-8726c7ae]  .or-icon{color:var(--c-warning-lighten-20)}.or-icon-button.icon.error[data-v-8726c7ae]{color:var(--c-error)}.or-icon-button.icon.error[data-v-8726c7ae]  .or-icon{color:var(--c-error)}.or-icon-button.icon.error[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-20)}.or-icon-button.icon.error[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-error-darken-25)}.or-icon-button.icon.error[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-25)}.or-icon-button.icon.error .or-loader[data-v-8726c7ae]::after{color:var(--c-error)}.or-icon-button.icon.error.disabled[data-v-8726c7ae],.or-icon-button.icon.error.loading[data-v-8726c7ae]{color:var(--c-error-lighten-20)}.or-icon-button.icon.error.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.error.loading[data-v-8726c7ae]  .or-icon{color:var(--c-error-lighten-20)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-20)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-0-darken-25)}.or-icon-button.icon.neutral-0 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-0)}.or-icon-button.icon.neutral-0.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-0.loading[data-v-8726c7ae]{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-0.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-0.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-0-lighten-20)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-20)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-3-darken-25)}.or-icon-button.icon.neutral-3 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-3)}.or-icon-button.icon.neutral-3.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-3.loading[data-v-8726c7ae]{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-3.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-3.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-3-lighten-20)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-20)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-4-darken-25)}.or-icon-button.icon.neutral-4 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-4)}.or-icon-button.icon.neutral-4.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-4.loading[data-v-8726c7ae]{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-4.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-4.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-4-lighten-20)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-20)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-5-darken-25)}.or-icon-button.icon.neutral-5 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-5)}.or-icon-button.icon.neutral-5.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-5.loading[data-v-8726c7ae]{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-5.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-5.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-5-lighten-20)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-20)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6[data-v-8726c7ae]:active:not(.disabled):not(.loading)  .or-icon{color:var(--c-neutral-6-darken-25)}.or-icon-button.icon.neutral-6 .or-loader[data-v-8726c7ae]::after{color:var(--c-neutral-6)}.or-icon-button.icon.neutral-6.disabled[data-v-8726c7ae],.or-icon-button.icon.neutral-6.loading[data-v-8726c7ae]{color:var(--c-neutral-6-lighten-20)}.or-icon-button.icon.neutral-6.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.icon.neutral-6.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating[data-v-8726c7ae]{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-8726c7ae]: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-8726c7ae]  .or-icon{font-size:var(--or-icon-button-font-size)}.or-icon-button.floating .or-loader[data-v-8726c7ae]::after,.or-icon-button.floating[data-v-8726c7ae]  .or-icon{color:var(--c-white)}.or-icon-button.floating.primary[data-v-8726c7ae]{background-color:var(--c-primary)}.or-icon-button.floating.primary[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.primary.loading[data-v-8726c7ae]{background-color:var(--c-primary-lighten-20)}.or-icon-button.floating.success[data-v-8726c7ae]{background-color:var(--c-success)}.or-icon-button.floating.success[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.success.loading[data-v-8726c7ae]{background-color:var(--c-success-lighten-20)}.or-icon-button.floating.warning[data-v-8726c7ae]{background-color:var(--c-warning)}.or-icon-button.floating.warning[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.warning.loading[data-v-8726c7ae]{background-color:var(--c-warning-lighten-20)}.or-icon-button.floating.error[data-v-8726c7ae]{background-color:var(--c-error)}.or-icon-button.floating.error[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.error.loading[data-v-8726c7ae]{background-color:var(--c-error-lighten-20)}.or-icon-button.floating.neutral-0[data-v-8726c7ae]{background-color:var(--c-neutral-0)}.or-icon-button.floating.neutral-0[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.neutral-0.loading[data-v-8726c7ae]{background-color:var(--c-neutral-0-lighten-20)}.or-icon-button.floating.neutral-3[data-v-8726c7ae]{background-color:var(--c-neutral-3)}.or-icon-button.floating.neutral-3[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.neutral-3.loading[data-v-8726c7ae]{background-color:var(--c-neutral-3-lighten-20)}.or-icon-button.floating.neutral-4[data-v-8726c7ae]{background-color:var(--c-neutral-4)}.or-icon-button.floating.neutral-4[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.neutral-4.loading[data-v-8726c7ae]{background-color:var(--c-neutral-4-lighten-20)}.or-icon-button.floating.neutral-5[data-v-8726c7ae]{background-color:var(--c-neutral-5)}.or-icon-button.floating.neutral-5[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.neutral-5.loading[data-v-8726c7ae]{background-color:var(--c-neutral-5-lighten-20)}.or-icon-button.floating.neutral-6[data-v-8726c7ae]{background-color:var(--c-neutral-6)}.or-icon-button.floating.neutral-6[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.neutral-6.loading[data-v-8726c7ae]{background-color:var(--c-neutral-6-lighten-20)}.or-icon-button.floating.is-primary-bg-color[data-v-8726c7ae]{background-color:var(--c-primary)!important}.or-icon-button.floating.is-primary-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-primary-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-primary-lighten-20)!important}.or-icon-button.floating.is-success-bg-color[data-v-8726c7ae]{background-color:var(--c-success)!important}.or-icon-button.floating.is-success-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-success-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-success-lighten-20)!important}.or-icon-button.floating.is-warning-bg-color[data-v-8726c7ae]{background-color:var(--c-warning)!important}.or-icon-button.floating.is-warning-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-warning-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-warning-lighten-20)!important}.or-icon-button.floating.is-error-bg-color[data-v-8726c7ae]{background-color:var(--c-error)!important}.or-icon-button.floating.is-error-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-error-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-error-lighten-20)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-0)!important}.or-icon-button.floating.is-neutral-0-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-neutral-0-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-3)!important}.or-icon-button.floating.is-neutral-3-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-neutral-3-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-4)!important}.or-icon-button.floating.is-neutral-4-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-neutral-4-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-5)!important}.or-icon-button.floating.is-neutral-5-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-neutral-5-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-8726c7ae]{background-color:var(--c-neutral-6)!important}.or-icon-button.floating.is-neutral-6-bg-color[data-v-8726c7ae]: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-8726c7ae]: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-8726c7ae],.or-icon-button.floating.is-neutral-6-bg-color.loading[data-v-8726c7ae]{background-color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-primary-darken-3)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-primary-darken-5)!important}.or-icon-button.is-primary-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-primary)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-primary-icon-color.loading[data-v-8726c7ae]{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-primary-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-primary-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-primary-lighten-20)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-success)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-success-darken-3)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-success-darken-5)!important}.or-icon-button.is-success-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-success)!important}.or-icon-button.is-success-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-success-icon-color.loading[data-v-8726c7ae]{color:var(--c-success-lighten-20)!important}.or-icon-button.is-success-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-success-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-success-lighten-20)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-warning-darken-3)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-warning-darken-5)!important}.or-icon-button.is-warning-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-warning)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-warning-icon-color.loading[data-v-8726c7ae]{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-warning-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-warning-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-warning-lighten-20)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-error)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading)  .or-icon{color:var(--c-error-darken-3)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-error-darken-5)!important}.or-icon-button.is-error-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-error)!important}.or-icon-button.is-error-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-error-icon-color.loading[data-v-8726c7ae]{color:var(--c-error-lighten-20)!important}.or-icon-button.is-error-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-error-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-error-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-3)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]: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-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-0-darken-5)!important}.or-icon-button.is-neutral-0-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-neutral-0)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-0-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-0-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-0-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-0-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-3)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]: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-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-3-darken-5)!important}.or-icon-button.is-neutral-3-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-neutral-3)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-3-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-3-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-3-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-3-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-3)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]: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-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-4-darken-5)!important}.or-icon-button.is-neutral-4-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-neutral-4)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-4-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-4-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-4-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-4-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-3)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]: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-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-5-darken-5)!important}.or-icon-button.is-neutral-5-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-neutral-5)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-5-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-5-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-5-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-5-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]:hover:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-3)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]: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-8726c7ae]:active:not(.disabled):not(.loading){color:var(--c-neutral-6-darken-5)!important}.or-icon-button.is-neutral-6-icon-color[data-v-8726c7ae]: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-8726c7ae]::after{color:var(--c-neutral-6)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-8726c7ae],.or-icon-button.is-neutral-6-icon-color.loading[data-v-8726c7ae]{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button.is-neutral-6-icon-color.disabled[data-v-8726c7ae]  .or-icon,.or-icon-button.is-neutral-6-icon-color.loading[data-v-8726c7ae]  .or-icon{color:var(--c-neutral-6-lighten-20)!important}.or-icon-button .or-loader[data-v-8726c7ae]::after{width:var(--or-icon-button-loader-size);height:var(--or-icon-button-loader-size)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-8726c7ae";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* 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, createInjector, undefined, undefined);
+
+export { __vue_component__ as _ };

package/dist/esm/v2/{OrIconButton.vue_rollup-plugin-vue_script-14017df6.js → OrIconButton.vue_rollup-plugin-vue_script-23fca939.js}

@@ -1,7 +1,7 @@
 import { defineComponent, isVue3, h } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIcon-84b90cfe.js';
-import { _ as __vue_component__$2, L as LoaderViews } from './OrLoader-003941a2.js';
-import { _ as __vue_component__$3 } from './OrTooltip-0798a371.js';
+import { _ as __vue_component__$2 } from './OrIcon-84b90cfe.js';
+import { _ as __vue_component__$3 } from './OrLoader-003941a2.js';
+import { _ as __vue_component__$1 } from './OrTooltip-0798a371.js';
 import './OrTooltip.vue_rollup-plugin-vue_script-5f58106c.js';
 import './browser-82dea9ed.js';
 import { O as OrFloatingPlacements } from './OrFloating-14944a18.js';
@@ -49,97 +49,6 @@ var BUTTON_COLOR;
   BUTTON_COLOR["NEUTRAL_6"] = "neutral-6";
 })(BUTTON_COLOR || (BUTTON_COLOR = {}));
 
-var script$2 = defineComponent({
-  name: 'OrButton',
-  components: {
-    OrIcon: __vue_component__$1,
-    OrLoader: __vue_component__$2
-  },
-  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) {
-      if (!this.isLoading && !this.isDisabled) {
-        this.$emit('click', event);
-      }
-    }
-  }
-});
-
 /** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */
 var script$1 = defineComponent({
   props: {
@@ -164,7 +73,7 @@ var script$1 = defineComponent({
         content: props.tooltipText,
         placement: props.tooltipPlacement
       };
-      return () => h(__vue_component__$3, tooltipProps, content);
+      return () => h(__vue_component__$1, tooltipProps, content);
     }
   } : {
     render() {
@@ -176,7 +85,7 @@ var script$1 = defineComponent({
         content: this.$props.tooltipText,
         placement: this.$props.tooltipPlacement
       };
-      return h(__vue_component__$3, {
+      return h(__vue_component__$1, {
         props
       }, content);
     }
@@ -207,8 +116,8 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({}, __vue_inject_style
 var script = defineComponent({
   name: 'OrIconButton',
   components: {
-    OrIcon: __vue_component__$1,
-    OrLoader: __vue_component__$2,
+    OrIcon: __vue_component__$2,
+    OrLoader: __vue_component__$3,
     OrTooltipWrapper: __vue_component__
   },
   props: {
@@ -285,4 +194,4 @@ var script = defineComponent({
   }
 });
 
-export { BUTTON_TYPE as B, ICON_BUTTON_TYPE as I, BUTTON_COLOR as a, BUTTON_SIZE as b, BUTTON_LOADER_TYPE as c, script as d, script$2 as s };
+export { BUTTON_TYPE as B, HTML_BUTTON_TYPE as H, ICON_BUTTON_TYPE as I, BUTTON_COLOR as a, BUTTON_SIZE as b, BUTTON_LOADER_TYPE as c, script as s };

package/dist/esm/v2/{OrInlineTextEdit-1b440c2b.js → OrInlineTextEdit-234c431a.js}

@@ -1,9 +1,10 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCollapse-cff74fb1.js';
 import { _ as __vue_component__$2 } from './OrError-081130bb.js';
-import './OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
+import './OrButton.vue_rollup-plugin-vue_script-f2c31f06.js';
 import { c as createInjector } from './browser-82dea9ed.js';
-import { _ as __vue_component__$3 } from './OrIconButton-7726e340.js';
+import { _ as __vue_component__$3 } from './OrIconButton-967a1c67.js';
+import './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
 import { useVModel } from '@vueuse/core';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-7a41831b.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';

package/dist/esm/v2/{OrList-ff972455.js → OrList-06df2498.js}

@@ -2,9 +2,9 @@ import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import { v4 } from 'uuid';
 import { _ as __vue_component__$2 } from './OrLabel-33b41516.js';
-import { _ as __vue_component__$3 } from './OrButton-7393a985.js';
-import { _ as __vue_component__$4 } from './OrIconButton-7726e340.js';
-import './OrIconButton.vue_rollup-plugin-vue_script-14017df6.js';
+import { _ as __vue_component__$3 } from './OrButton-2f25c464.js';
+import { _ as __vue_component__$4 } from './OrIconButton-967a1c67.js';
+import './OrIconButton.vue_rollup-plugin-vue_script-23fca939.js';
 import { _ as __vue_component__$5 } from './OrIcon-84b90cfe.js';
 import { _ as __vue_component__$1 } from './OrError-081130bb.js';
 import Sortable from 'sortablejs';