@ironsource/shared-ui 2.0.0-rc.1 → 2.0.0-rc.2

package/components/appTrigger/AppTrigger.vue.js

@@ -1,198 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import AppIcon from '../appIcon/AppIcon.vue.js';
-import { AppTriggerTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                         *//* empty css                                                            */
-import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = { class: "app-trigger__left-image" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AppTrigger",
-  props: {
-    selected: { default: null },
-    options: { default: null },
-    loading: { type: Boolean, default: false },
-    singleAppSelection: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const allTitle = "All apps selected";
-    const NoAppsTitle = "No apps to select";
-    const title = computed(() => {
-      if (props.singleAppSelection && noApp.value) {
-        return NoAppsTitle;
-      }
-      if (props.singleAppSelection && singleApp.value) {
-        return `${firstSelection.value?.name}`;
-      }
-      if (allMode.value) {
-        return allTitle;
-      }
-      if (singleApp.value) {
-        return `${firstSelection.value?.name}`;
-      }
-      return `${selectedSize.value} apps selected`;
-    });
-    const allAppsIcon = "widgetsz";
-    const noAppsIcon = "cube-background";
-    const appIcon = computed(
-      () => props.singleAppSelection && noApp.value ? noAppsIcon : allAppsIcon
-    );
-    const osIcon = computed(() => {
-      if (!allMode.value || props.singleAppSelection && singleApp.value) {
-        return firstSelection.value.platform.toLowerCase();
-      }
-      return null;
-    });
-    const appImage = computed(() => {
-      if (!selectedSize.value || !optionsSize.value) {
-        return "";
-      }
-      return firstSelection.value?.icon;
-    });
-    const description = computed(() => {
-      if (props.loading) {
-        return "";
-      }
-      if (singleApp.value) {
-        return firstSelection.value.appKey;
-      }
-      if (allMode.value) {
-        return allDescription.value;
-      }
-      if (selectedSize.value <= 0) {
-        return `${firstSelection.value?.name}`;
-      }
-      return `${firstSelection.value?.name} and ${selectedSize.value - 1}+`;
-    });
-    const selectedSize = computed(() => {
-      return props.selected?.length || 0;
-    });
-    const optionsSize = computed(() => {
-      return props.options?.length || 0;
-    });
-    const singleApp = computed(() => {
-      return selectedSize.value === 1;
-    });
-    const noApp = computed(() => {
-      return optionsSize.value === 0;
-    });
-    const allMode = computed(() => {
-      return props.loading || optionsSize.value === selectedSize.value || !selectedSize.value;
-    });
-    const allDescription = computed(() => {
-      if (optionsSize.value === 1) {
-        return `${firstOption.value?.name}`;
-      }
-      return `${firstOption.value?.name} and ${optionsSize.value - 1}+`;
-    });
-    const firstSelection = computed(() => props.selected?.[0]);
-    const firstOption = computed(() => props.options?.[0]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["app-trigger", {
-          "app-trigger--with-icons": unref(selectedSize) > 0 || unref(allMode)
-        }]),
-        "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).WRAPPER}`
-      }, [
-        renderSlot(_ctx.$slots, "left-image", {}, () => [
-          createElementVNode("div", _hoisted_2, [
-            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
-              key: 0,
-              size: "xl",
-              src: unref(appImage)
-            }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
-              key: 1,
-              class: "trigger-icon",
-              "font-size": "2rem",
-              name: unref(appIcon)
-            }, null, 8, ["name"]))
-          ])
-        ], true),
-        renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
-            key: 0,
-            class: "app-trigger__left-icon",
-            name: unref(osIcon),
-            "font-size": "md"
-          }, null, 8, ["name"])) : createCommentVNode("", true)
-        ], true),
-        createElementVNode("div", {
-          class: normalizeClass(["app-trigger__middle-section", {
-            "app-trigger__middle-section--single": unref(singleApp),
-            "app-trigger__middle-section--loading": __props.loading || !__props.options?.length
-          }])
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), {
-              text: unref(title),
-              "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TITLE_TOOLTIP_TEXT}`
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(Text), {
-                  strong: "",
-                  class: "title",
-                  "is-truncated": "",
-                  size: "sm",
-                  "test-id": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TITLE_TEXT}`
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(title)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["test-id"])
-              ]),
-              _: 1
-            }, 8, ["text", "data-testid"])
-          ], true),
-          renderSlot(_ctx.$slots, "description", {}, () => [
-            createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), {
-                text: unref(description),
-                "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).DESCRIPTION_TOOLTIP_TEXT}`
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Text), {
-                    class: "app-trigger__description",
-                    size: "xs",
-                    "is-truncated": "",
-                    "test-id": `${__props.testId}-${unref(AppTriggerTestIdModifiers).DESCRIPTION_TEXT}`
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(description)), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["test-id"])
-                ]),
-                _: 1
-              }, 8, ["text", "data-testid"])
-            ])
-          ], true)
-        ], 2),
-        renderSlot(_ctx.$slots, "right-icon", {}, () => [
-          createVNode(unref(IconButton), {
-            class: "app-trigger__right-icon",
-            theme: "third",
-            "data-testid": `${__props.testId}-${unref(AppTriggerTestIdModifiers).TRIGGER_BUTTON}`
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), {
-                "font-size": "sm",
-                name: "angle-down"
-              })
-            ]),
-            _: 1
-          }, 8, ["data-testid"])
-        ], true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1313b5bc"]]);
-
-export { AppTrigger as default };

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -1,150 +0,0 @@
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import Dropdown from '../dropdown/v3/Dropdown.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  *//* empty css                                                            *//* empty css                                                                    */import '@vue/shared';
-/* empty css                                                                         *//* empty css                                                                        *//* empty css                                                                   *//* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                         *//* empty css                                                                              */import GroupOption from './GroupOption.vue.js';
-import AutocompleteInput from './AutocompleteInput.vue.js';
-import { DEFAULT_PLACEHOLDER, GROUP_OPTION_FLAG } from './consts.vue.js';
-import { useKeyboardNavigation } from './useKeyboardNavigation.vue.js';
-/* empty css                                                                      */
-import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AutocompleteDropdown",
-  props: {
-    options: { default: () => [] },
-    selected: { default: () => [] },
-    placeholder: { default: DEFAULT_PLACEHOLDER },
-    displayValue: { type: Function, default: (option) => option.toString() },
-    handleSearch: { type: Function, default: () => true },
-    grouped: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  emits: ["update:selected"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const inputRef = ref(null);
-    const dropdownRef = ref(null);
-    const selection = computed({
-      get() {
-        return props.selected;
-      },
-      set(value) {
-        emit("update:selected", value);
-      }
-    });
-    function selectOption(option) {
-      selection.value.push(option);
-      inputRef.value.focusInput();
-    }
-    function deselectOption(option) {
-      selection.value.splice(selection.value.indexOf(option), 1);
-    }
-    async function scrollToTop() {
-      await nextTick();
-      setTimeout(() => {
-        dropdownRef?.value?.scrollTo(0);
-      });
-    }
-    const searchQuery = ref("");
-    const isGroup = (option) => option && !!option[GROUP_OPTION_FLAG];
-    const flatOptions = computed(() => {
-      if (!props.grouped)
-        return props.options;
-      return props.options.reduce((prev, group) => {
-        const { options = [], ...otherFields } = group;
-        const groupOption = {
-          ...otherFields,
-          [GROUP_OPTION_FLAG]: true
-        };
-        return [...prev, groupOption, ...options];
-      }, []);
-    });
-    const filteredOptions = computed(() => {
-      const options = flatOptions.value.filter((option) => !selection.value.includes(option)).filter((option) => {
-        if (isGroup(option))
-          return true;
-        return props.handleSearch(option, searchQuery.value);
-      });
-      if (props.grouped) {
-        return options.filter((option, index) => {
-          const nextOption = options[index + 1];
-          return isGroup(option) ? nextOption && !isGroup(nextOption) : true;
-        });
-      }
-      return options;
-    });
-    const { isFocused, keyDownHandler } = useKeyboardNavigation({
-      options: filteredOptions,
-      canFocus: (option) => !isGroup(option),
-      scrollTo: (index) => dropdownRef?.value?.scrollTo(index),
-      selectItem: (option) => {
-        dropdownRef?.value?.selectItem(option);
-        scrollToTop();
-      }
-    });
-    const distance = ref(0);
-    watch(props.selected, async () => {
-      distance.value += 1;
-      await nextTick();
-      distance.value = 0;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Dropdown), mergeProps({
-        ref_key: "dropdownRef",
-        ref: dropdownRef,
-        class: "autocomplete-dropdown"
-      }, _ctx.$attrs, {
-        selected: unref(selection),
-        options: unref(filteredOptions),
-        "on-search": () => true,
-        "display-value": __props.displayValue,
-        "keep-open": "",
-        "is-on-top": false,
-        multi: false,
-        "show-select-all": false,
-        "auto-size": "",
-        distance: distance.value,
-        "disable-keyboard-events": "",
-        "test-id": __props.testId,
-        onOpened: scrollToTop,
-        onKeydown: withModifiers(unref(keyDownHandler), ["stop"]),
-        "onUpdate:selected": selectOption
-      }), {
-        input: withCtx(() => [
-          createVNode(AutocompleteInput, {
-            ref_key: "inputRef",
-            ref: inputRef,
-            value: unref(selection),
-            placeholder: __props.placeholder,
-            "display-value": __props.displayValue,
-            "test-id": __props.testId,
-            onRemove: deselectOption,
-            onSearch: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
-          }, {
-            option: withCtx(({ option }) => [
-              renderSlot(_ctx.$slots, "input-option", { option }, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["value", "placeholder", "display-value", "test-id"])
-        ]),
-        default: withCtx(({ option }) => [
-          __props.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.displayValue(option)), 1)
-            ]),
-            _: 2
-          }, 1024)) : renderSlot(_ctx.$slots, "default", {
-            key: 1,
-            option,
-            active: unref(isFocused)(option)
-          }, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["selected", "options", "on-search", "display-value", "distance", "test-id", "onKeydown"]);
-    };
-  }
-});
-var AutocompleteDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-74e20077"]]);
-
-export { AutocompleteDropdown as default };

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,99 +0,0 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-import Text from '../typography/Text.vue.js';
-import { useDropdownContext } from '../dropdown/common/DropdownContext.vue.js';
-import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
-import { AutocompleteInputTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                                   */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid", "onClick"];
-const _hoisted_2 = ["data-testid"];
-const _hoisted_3 = ["value", "placeholder", "data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AutocompleteInput",
-  props: {
-    value: { default: () => [] },
-    displayValue: { type: Function, default: (option) => option.toString() },
-    placeholder: { default: DEFAULT_PLACEHOLDER },
-    testId: { default: "" }
-  },
-  emits: ["remove", "search"],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const api = useDropdownContext("autocompleteInput");
-    const inputEl = ref(null);
-    const isOpen = computed(() => api.open.value);
-    const getOptionLabel = (option) => props.displayValue(option);
-    function onContainerClick() {
-      api.toggle(true);
-      focusInput();
-    }
-    const onSearch = (event) => {
-      const { value } = event.target;
-      api.toggle(true);
-      api.search(value);
-    };
-    function removeOption(option) {
-      emit("remove", option);
-      if (isOpen.value) {
-        focusInput();
-      }
-    }
-    watch(api.query, (value) => {
-      emit("search", value);
-    });
-    function focusInput() {
-      inputEl.value?.focus();
-    }
-    expose({
-      focusInput
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
-        "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).WRAPPER}`,
-        onClick: withModifiers(onContainerClick, ["stop"])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SELECTED_OPTION}-${index}`,
-            class: "autocomplete-input__option"
-          }, [
-            renderSlot(_ctx.$slots, "option", { option }, () => [
-              createVNode(Text, {
-                size: "sm",
-                "is-truncated": ""
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(getOptionLabel(option)), 1)
-                ]),
-                _: 2
-              }, 1024)
-            ], true),
-            createVNode(unref(Icon), {
-              class: "autocomplete-input__close-icon",
-              name: "close-bold",
-              "font-size": "sm",
-              onClick: withModifiers(($event) => removeOption(option), ["stop"])
-            }, null, 8, ["onClick"])
-          ], 8, _hoisted_2);
-        }), 128)),
-        createElementVNode("input", {
-          ref_key: "inputEl",
-          ref: inputEl,
-          class: "autocomplete-input__search-field",
-          type: "text",
-          value: unref(api).query.value,
-          placeholder: __props.placeholder,
-          "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SEARCH_FIELD}`,
-          onInput: onSearch
-        }, null, 40, _hoisted_3)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a73b488c"]]);
-
-export { AutocompleteInput as default };

package/components/autocompleteDropdown/GroupOption.vue.js

@@ -1,42 +0,0 @@
-import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, withModifiers, unref, createVNode, withCtx, renderSlot } from 'vue';
-import { NOOP } from '@vue/shared';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-import { useDropdownContext } from '../dropdown/common/DropdownContext.vue.js';
-import { useId } from '../../composables/useId.vue.js';
-/* empty css                                                             */
-import "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "GroupOption",
-  setup(__props) {
-    const api = useDropdownContext("GroupOption");
-    const id = useId().value;
-    const el = ref(null);
-    onMounted(() => api.registerOption(id, true, false));
-    onUnmounted(() => api.unRegisterOption(id));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: "group-option",
-        onClick: _cache[0] || (_cache[0] = withModifiers(
-          (...args) => unref(NOOP) && unref(NOOP)(...args),
-          ["stop"]
-        ))
-      }, [
-        createVNode(unref(Text), {
-          size: "md",
-          strong: ""
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ]),
-          _: 3
-        })
-      ], 512);
-    };
-  }
-});
-var GroupOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52c8859b"]]);
-
-export { GroupOption as default };

package/components/banner/Banner.vue.js

@@ -1,69 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, createBlock, withCtx, renderSlot, pushScopeId, popScopeId } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-import { BannerTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-1a74058c"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
-const _hoisted_2 = ["data-testid"];
-const _hoisted_3 = { class: "icon-container" };
-const _hoisted_4 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Banner",
-  props: {
-    type: {
-      type: String,
-      default: "info"
-    },
-    iconSize: {
-      type: String,
-      default: "md"
-    },
-    testId: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const iconClass = computed(() => `${props.type}`);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["banner", `banner-type-${__props.type}`])
-      }, [
-        _hoisted_1,
-        createElementVNode("div", {
-          class: "content-wrapper",
-          "data-testid": `${__props.testId}-${unref(BannerTestIdModifiers).WRAPPER}`
-        }, [
-          createElementVNode("div", _hoisted_3, [
-            _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
-              key: 0,
-              class: normalizeClass(unref(iconClass))
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "icon", {}, void 0, true)
-              ]),
-              _: 3
-            }, 8, ["class"])) : (openBlock(), createBlock(unref(Icon), {
-              key: 1,
-              name: unref(iconClass),
-              class: normalizeClass(unref(iconClass)),
-              "font-size": __props.iconSize
-            }, null, 8, ["name", "class", "font-size"]))
-          ]),
-          createElementVNode("div", {
-            class: "content",
-            "data-testid": `${__props.testId}-${unref(BannerTestIdModifiers).CONTENT}`
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ], 8, _hoisted_4)
-        ], 8, _hoisted_2)
-      ], 2);
-    };
-  }
-});
-var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a74058c"]]);
-
-export { Banner as default };

package/components/button/common/ButtonBase.vue.js

@@ -1,63 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, withCtx, createCommentVNode } from 'vue';
-/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../../typography/Text.vue.js';
-import Icon from '../../icon/Icon.vue.js';
-import { sizeToFont } from '../consts.vue.js';
-import LoaderDotsIcon from '../icon/LoaderDotsIcon.vue.js';
-/* empty css                                                            */
-import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ButtonBase",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" },
-    theme: { default: "primary" },
-    loading: { type: Boolean, default: false },
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const loaderWidthLargeInPixel = 32;
-    const loaderWidthMedSmallInPixel = 24;
-    const loaderWidth = computed(
-      () => props.size === "lg" ? loaderWidthLargeInPixel + "px" : loaderWidthMedSmallInPixel + "px"
-    );
-    const textSize = computed(() => sizeToFont[props.size]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", mergeProps({
-        class: [[__props.size, __props.theme, __props.variant, { loading: __props.loading }], "button-wrap"]
-      }, _ctx.$attrs), [
-        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createVNode(unref(Text), {
-              size: unref(textSize),
-              strong: __props.strong,
-              class: "content"
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ]),
-              _: 3
-            }, 8, ["size", "strong"])
-          ], true)
-        ])) : createCommentVNode("", true),
-        __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
-          createVNode(unref(Icon), {
-            "font-size": unref(loaderWidth),
-            class: "loading"
-          }, {
-            default: withCtx(() => [
-              createVNode(LoaderDotsIcon)
-            ]),
-            _: 1
-          }, 8, ["font-size"])
-        ], true) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-var ButtonBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ca3a54c"]]);
-
-export { ButtonBase as default };

package/components/button/icon/LoaderCircleIcon.vue.js

@@ -1,39 +0,0 @@
-import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-////import "../../LoaderCircleIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {};
-
-const _hoisted_1 = {
-  width: "100",
-  height: "100",
-  viewBox: "0 0 100 100"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("circle", {
-  cx: "50",
-  cy: "50",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "6",
-  r: "35",
-  "stroke-dasharray": "164.93361431346415 56.97787143782138"
-}, [
-  /*#__PURE__*/createElementVNode("animateTransform", {
-    attributeName: "transform",
-    type: "rotate",
-    repeatCount: "indefinite",
-    dur: "1s",
-    values: "0 50 50;360 50 50",
-    keyTimes: "0;1"
-  })
-], -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
-}
-var LoaderCircleIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
-
-export { LoaderCircleIcon as default };