@onereach/ui-components 2.74.5 → 2.74.6-beta.2322.0

package/dist/esm/v2/OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js

@@ -1,288 +0,0 @@
-import { defineComponent, isVue3, h } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIcon-819166f6.js';
-import { _ as __vue_component__$2, L as LoaderViews } from './OrLoader-003941a2.js';
-import { _ as __vue_component__$3 } from './OrTooltip-614b016d.js';
-import './OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
-import './browser-82dea9ed.js';
-import { O as OrFloatingPlacements } from './OrFloating-89d6582a.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var ICON_BUTTON_TYPE;
-(function (ICON_BUTTON_TYPE) {
-  ICON_BUTTON_TYPE["ICON"] = "icon";
-  ICON_BUTTON_TYPE["FLOATING"] = "floating";
-})(ICON_BUTTON_TYPE || (ICON_BUTTON_TYPE = {}));
-var BUTTON_TYPE;
-(function (BUTTON_TYPE) {
-  BUTTON_TYPE["CONTAINED"] = "contained";
-  BUTTON_TYPE["OUTLINE"] = "outline";
-  BUTTON_TYPE["OUTLINED"] = "outlined";
-  BUTTON_TYPE["TEXT"] = "text";
-  BUTTON_TYPE["INLINE"] = "inline";
-})(BUTTON_TYPE || (BUTTON_TYPE = {}));
-var HTML_BUTTON_TYPE;
-(function (HTML_BUTTON_TYPE) {
-  HTML_BUTTON_TYPE["BUTTON"] = "button";
-  HTML_BUTTON_TYPE["SUBMIT"] = "submit";
-  HTML_BUTTON_TYPE["RESET"] = "reset";
-})(HTML_BUTTON_TYPE || (HTML_BUTTON_TYPE = {}));
-var BUTTON_SIZE;
-(function (BUTTON_SIZE) {
-  BUTTON_SIZE["DEFAULT"] = "default";
-  BUTTON_SIZE["SMALL"] = "small";
-})(BUTTON_SIZE || (BUTTON_SIZE = {}));
-var BUTTON_LOADER_TYPE;
-(function (BUTTON_LOADER_TYPE) {
-  BUTTON_LOADER_TYPE["DEFAULT"] = "default";
-  BUTTON_LOADER_TYPE["TEXT"] = "text";
-})(BUTTON_LOADER_TYPE || (BUTTON_LOADER_TYPE = {}));
-var BUTTON_COLOR;
-(function (BUTTON_COLOR) {
-  BUTTON_COLOR["PRIMARY"] = "primary";
-  BUTTON_COLOR["SUCCESS"] = "success";
-  BUTTON_COLOR["WARNING"] = "warning";
-  BUTTON_COLOR["ERROR"] = "error";
-  BUTTON_COLOR["NEUTRAL_0"] = "neutral-0";
-  BUTTON_COLOR["NEUTRAL_3"] = "neutral-3";
-  BUTTON_COLOR["NEUTRAL_4"] = "neutral-4";
-  BUTTON_COLOR["NEUTRAL_5"] = "neutral-5";
-  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: {
-    tooltipText: {
-      type: String,
-      default: ''
-    },
-    tooltipPlacement: {
-      type: String,
-      default: OrFloatingPlacements.TOP
-    }
-  },
-  ...(isVue3 ? {
-    setup(props, {
-      slots
-    }) {
-      const content = slots.default;
-      if (!props.tooltipText) {
-        return content;
-      }
-      const tooltipProps = {
-        content: props.tooltipText,
-        placement: props.tooltipPlacement
-      };
-      return () => h(__vue_component__$3, tooltipProps, content);
-    }
-  } : {
-    render() {
-      const content = this.$slots.default;
-      if (!this.tooltipText) {
-        return content;
-      }
-      const props = {
-        content: this.$props.tooltipText,
-        placement: this.$props.tooltipPlacement
-      };
-      return h(__vue_component__$3, {
-        props
-      }, content);
-    }
-  })
-});
-
-/* script */
-const __vue_script__ = script$1;
-
-/* template */
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = undefined;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-var script = defineComponent({
-  name: 'OrIconButton',
-  components: {
-    OrIcon: __vue_component__$1,
-    OrLoader: __vue_component__$2,
-    OrTooltipWrapper: __vue_component__
-  },
-  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);
-      }
-    }
-  }
-});
-
-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 };