@ironsource/shared-ui 1.4.0-rc.10

package/components/filtersPanel/useHiddenFilter.vue.js

@@ -0,0 +1,33 @@
+import { computed, ref, reactive } from 'vue';
+
+const useHiddenFilter = ({ filters }) => {
+  const search = computed(() => {
+    return ({ label }, query) => label.toLowerCase().replace(/\s+/g, "").includes(query.toLowerCase().replace(/\s+/g, ""));
+  });
+  const added = ref([]);
+  const state = reactive({});
+  const isOpen = ref(false);
+  const addNewFilter = (filter) => {
+    added.value.push(filter);
+    isOpen.value = true;
+  };
+  const disabled = computed(() => {
+    return added.value.length === filters.filter((item) => item.hidden).length;
+  });
+  const onClear = (filter) => {
+    added.value = added.value.filter((item) => item.id !== filter.id);
+    isOpen.value = false;
+    delete state[filter.id];
+  };
+  return {
+    onClear,
+    disabled,
+    isOpen,
+    state,
+    added,
+    search,
+    addNewFilter
+  };
+};
+
+export { useHiddenFilter };

package/components/floatingToolbar/FloatingToolbar.vue.d.ts

@@ -0,0 +1,35 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    count?: number;
+    appendToBody?: boolean;
+}>, {
+    count: any;
+    appendToBody: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    count?: number;
+    appendToBody?: boolean;
+}>, {
+    count: any;
+    appendToBody: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    appendToBody: boolean;
+    count: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/floatingToolbar/FloatingToolbar.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from 'vue';
+import Icon from '../icon/Icon.vue.js';
+import Close from '../icon/icons/Close.vue.js';
+import { useVModel } from '@vueuse/core';
+import IconButton from '../button/IconButton.vue.js';
+/* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = {
+  key: 0,
+  class: "floating-toolbar"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "counter"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "labels"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "actions"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FloatingToolbar",
+  props: {
+    modelValue: { type: Boolean },
+    count: { default: null },
+    appendToBody: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const data = useVModel(props, "modelValue", emit);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: !__props.appendToBody
+      }, [
+        createVNode(Transition, { name: "floating-toolbar" }, {
+          default: withCtx(() => [
+            unref(data) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              __props.count ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.count), 1)) : createCommentVNode("", true),
+              _ctx.$slots.label ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "label", {}, void 0, true)
+              ])) : createCommentVNode("", true),
+              _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+              ])) : createCommentVNode("", true),
+              createVNode(IconButton, {
+                class: "close-icon",
+                theme: "secondary",
+                variant: "colorized",
+                size: "sm",
+                onClick: _cache[0] || (_cache[0] = ($event) => data.value = false)
+              }, {
+                default: withCtx(() => [
+                  createVNode(Icon, null, {
+                    default: withCtx(() => [
+                      createVNode(Close)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 8, ["disabled"]);
+    };
+  }
+});
+var FloatingToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bffb04ba"]]);
+
+export { FloatingToolbar as default };

package/components/floatingToolbar/index.d.ts

@@ -0,0 +1,38 @@
+declare const FloatingToolbarTypes: () => import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    count: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    count: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    appendToBody: boolean;
+    count: number;
+}>[];
+export { default as FloatingToolbar } from './FloatingToolbar.vue';
+export { FloatingToolbarTypes };

package/components/floatingToolbar/index.vue.js

@@ -0,0 +1,6 @@
+import FloatingToolbar from './FloatingToolbar.vue.js';
+export { default as FloatingToolbar } from './FloatingToolbar.vue.js';
+
+const FloatingToolbarTypes = () => [FloatingToolbar];
+
+export { FloatingToolbarTypes };

package/components/icon/Icon.vue.d.ts

@@ -0,0 +1,32 @@
+import { icons } from './icons';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    name?: keyof typeof icons | string;
+    fontSize?: string | 'sm' | 'md' | 'lg';
+}>, {
+    fontSize: any;
+    name: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    name?: keyof typeof icons | string;
+    fontSize?: string | 'sm' | 'md' | 'lg';
+}>, {
+    fontSize: any;
+    name: any;
+}>>>, {
+    name: keyof typeof icons | string;
+    fontSize: string | 'sm' | 'md' | 'lg';
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/icon/Icon.vue.js

@@ -0,0 +1,276 @@
+import { defineComponent, useCssVars, useSlots, computed, defineAsyncComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, normalizeProps, mergeProps, createCommentVNode, renderSlot } from 'vue';
+import { icons } from './icons/index.vue.js';
+/* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../Icon.vue_vue_type_style_index_0_scoped_true_lang.css";
+function __variableDynamicImportRuntime0__(path) {
+  switch (path) {
+    case './icons/A.vue': return import('./icons/A.vue.js');
+    case './icons/A2.vue': return import('./icons/A2.vue.js');
+    case './icons/ABTest.vue': return import('./icons/ABTest.vue.js');
+    case './icons/ABTest2.vue': return import('./icons/ABTest2.vue.js');
+    case './icons/ACircle.vue': return import('./icons/ACircle.vue.js');
+    case './icons/AccountBalanceWallet.vue': return import('./icons/AccountBalanceWallet.vue.js');
+    case './icons/AccountCircle.vue': return import('./icons/AccountCircle.vue.js');
+    case './icons/AccountCircleOutline.vue': return import('./icons/AccountCircleOutline.vue.js');
+    case './icons/Add.vue': return import('./icons/Add.vue.js');
+    case './icons/Analytics.vue': return import('./icons/Analytics.vue.js');
+    case './icons/Android.vue': return import('./icons/Android.vue.js');
+    case './icons/AngleDown.vue': return import('./icons/AngleDown.vue.js');
+    case './icons/AngleLeft.vue': return import('./icons/AngleLeft.vue.js');
+    case './icons/AngleRight.vue': return import('./icons/AngleRight.vue.js');
+    case './icons/AngleUp.vue': return import('./icons/AngleUp.vue.js');
+    case './icons/AppStore.vue': return import('./icons/AppStore.vue.js');
+    case './icons/AreaChart.vue': return import('./icons/AreaChart.vue.js');
+    case './icons/ArrowBack.vue': return import('./icons/ArrowBack.vue.js');
+    case './icons/ArrowDownward.vue': return import('./icons/ArrowDownward.vue.js');
+    case './icons/ArrowForward.vue': return import('./icons/ArrowForward.vue.js');
+    case './icons/ArrowLeft.vue': return import('./icons/ArrowLeft.vue.js');
+    case './icons/ArrowRight.vue': return import('./icons/ArrowRight.vue.js');
+    case './icons/ArrowSort-Down.vue': return import('./icons/ArrowSort-Down.vue.js');
+    case './icons/ArrowSort-Up.vue': return import('./icons/ArrowSort-Up.vue.js');
+    case './icons/ArrowUpward.vue': return import('./icons/ArrowUpward.vue.js');
+    case './icons/AutoAwesome.vue': return import('./icons/AutoAwesome.vue.js');
+    case './icons/AutoMode.vue': return import('./icons/AutoMode.vue.js');
+    case './icons/Autorenew.vue': return import('./icons/Autorenew.vue.js');
+    case './icons/B.vue': return import('./icons/B.vue.js');
+    case './icons/B2.vue': return import('./icons/B2.vue.js');
+    case './icons/BCircle.vue': return import('./icons/BCircle.vue.js');
+    case './icons/Banner.vue': return import('./icons/Banner.vue.js');
+    case './icons/Bidding.vue': return import('./icons/Bidding.vue.js');
+    case './icons/Bidding2.vue': return import('./icons/Bidding2.vue.js');
+    case './icons/Block.vue': return import('./icons/Block.vue.js');
+    case './icons/BorderColor.vue': return import('./icons/BorderColor.vue.js');
+    case './icons/Bug.vue': return import('./icons/Bug.vue.js');
+    case './icons/Bullhorn.vue': return import('./icons/Bullhorn.vue.js');
+    case './icons/BullseyeArrow.vue': return import('./icons/BullseyeArrow.vue.js');
+    case './icons/Cached.vue': return import('./icons/Cached.vue.js');
+    case './icons/Calendar.vue': return import('./icons/Calendar.vue.js');
+    case './icons/CalendarToday.vue': return import('./icons/CalendarToday.vue.js');
+    case './icons/Cancel.vue': return import('./icons/Cancel.vue.js');
+    case './icons/ChartBar.vue': return import('./icons/ChartBar.vue.js');
+    case './icons/ChartLine.vue': return import('./icons/ChartLine.vue.js');
+    case './icons/ChartMixed.vue': return import('./icons/ChartMixed.vue.js');
+    case './icons/Check.vue': return import('./icons/Check.vue.js');
+    case './icons/CheckBold.vue': return import('./icons/CheckBold.vue.js');
+    case './icons/Close.vue': return import('./icons/Close.vue.js');
+    case './icons/CloseBold.vue': return import('./icons/CloseBold.vue.js');
+    case './icons/ComputerMouse.vue': return import('./icons/ComputerMouse.vue.js');
+    case './icons/CopyTo-Clipboard.vue': return import('./icons/CopyTo-Clipboard.vue.js');
+    case './icons/Create.vue': return import('./icons/Create.vue.js');
+    case './icons/Creative.vue': return import('./icons/Creative.vue.js');
+    case './icons/Cross.vue': return import('./icons/Cross.vue.js');
+    case './icons/CrownFill.vue': return import('./icons/CrownFill.vue.js');
+    case './icons/Cup.vue': return import('./icons/Cup.vue.js');
+    case './icons/CupA.vue': return import('./icons/CupA.vue.js');
+    case './icons/CupB.vue': return import('./icons/CupB.vue.js');
+    case './icons/Delete.vue': return import('./icons/Delete.vue.js');
+    case './icons/Diamond.vue': return import('./icons/Diamond.vue.js');
+    case './icons/Dots.vue': return import('./icons/Dots.vue.js');
+    case './icons/Download.vue': return import('./icons/Download.vue.js');
+    case './icons/Download2.vue': return import('./icons/Download2.vue.js');
+    case './icons/DownloadDone.vue': return import('./icons/DownloadDone.vue.js');
+    case './icons/DragIndicator.vue': return import('./icons/DragIndicator.vue.js');
+    case './icons/Ecpi.vue': return import('./icons/Ecpi.vue.js');
+    case './icons/Email.vue': return import('./icons/Email.vue.js');
+    case './icons/EmailEnvelope.vue': return import('./icons/EmailEnvelope.vue.js');
+    case './icons/Error.vue': return import('./icons/Error.vue.js');
+    case './icons/Eye.vue': return import('./icons/Eye.vue.js');
+    case './icons/FavoriteBorder.vue': return import('./icons/FavoriteBorder.vue.js');
+    case './icons/Filter.vue': return import('./icons/Filter.vue.js');
+    case './icons/FilterList.vue': return import('./icons/FilterList.vue.js');
+    case './icons/Frame.vue': return import('./icons/Frame.vue.js');
+    case './icons/Fullscreen.vue': return import('./icons/Fullscreen.vue.js');
+    case './icons/FullscreenExit.vue': return import('./icons/FullscreenExit.vue.js');
+    case './icons/Functions.vue': return import('./icons/Functions.vue.js');
+    case './icons/GamepadAlt.vue': return import('./icons/GamepadAlt.vue.js');
+    case './icons/Games.vue': return import('./icons/Games.vue.js');
+    case './icons/Gavel.vue': return import('./icons/Gavel.vue.js');
+    case './icons/Gift.vue': return import('./icons/Gift.vue.js');
+    case './icons/GitHub.vue': return import('./icons/GitHub.vue.js');
+    case './icons/GlobeStand.vue': return import('./icons/GlobeStand.vue.js');
+    case './icons/GooglePlay.vue': return import('./icons/GooglePlay.vue.js');
+    case './icons/Group.vue': return import('./icons/Group.vue.js');
+    case './icons/HandPointer.vue': return import('./icons/HandPointer.vue.js');
+    case './icons/Hands.vue': return import('./icons/Hands.vue.js');
+    case './icons/Heartbeat.vue': return import('./icons/Heartbeat.vue.js');
+    case './icons/Help.vue': return import('./icons/Help.vue.js');
+    case './icons/HelpOutline.vue': return import('./icons/HelpOutline.vue.js');
+    case './icons/History.vue': return import('./icons/History.vue.js');
+    case './icons/IOS.vue': return import('./icons/IOS.vue.js');
+    case './icons/Image.vue': return import('./icons/Image.vue.js');
+    case './icons/ImageNotSupported.vue': return import('./icons/ImageNotSupported.vue.js');
+    case './icons/ImageSlash.vue': return import('./icons/ImageSlash.vue.js');
+    case './icons/ImportExport.vue': return import('./icons/ImportExport.vue.js');
+    case './icons/ImportExport2.vue': return import('./icons/ImportExport2.vue.js');
+    case './icons/Importent.vue': return import('./icons/Importent.vue.js');
+    case './icons/Info.vue': return import('./icons/Info.vue.js');
+    case './icons/InfoOutline.vue': return import('./icons/InfoOutline.vue.js');
+    case './icons/Insights.vue': return import('./icons/Insights.vue.js');
+    case './icons/Interstitial.vue': return import('./icons/Interstitial.vue.js');
+    case './icons/Ios14.vue': return import('./icons/Ios14.vue.js');
+    case './icons/Js.vue': return import('./icons/Js.vue.js');
+    case './icons/Landscape.vue': return import('./icons/Landscape.vue.js');
+    case './icons/Launch.vue': return import('./icons/Launch.vue.js');
+    case './icons/Levelplay.vue': return import('./icons/Levelplay.vue.js');
+    case './icons/LimitCircle.vue': return import('./icons/LimitCircle.vue.js');
+    case './icons/LimitOctagon.vue': return import('./icons/LimitOctagon.vue.js');
+    case './icons/Link.vue': return import('./icons/Link.vue.js');
+    case './icons/LoadingClean.vue': return import('./icons/LoadingClean.vue.js');
+    case './icons/Lock.vue': return import('./icons/Lock.vue.js');
+    case './icons/LockOpen.vue': return import('./icons/LockOpen.vue.js');
+    case './icons/Login.vue': return import('./icons/Login.vue.js');
+    case './icons/Logout.vue': return import('./icons/Logout.vue.js');
+    case './icons/MilitaryTech.vue': return import('./icons/MilitaryTech.vue.js');
+    case './icons/Mix.vue': return import('./icons/Mix.vue.js');
+    case './icons/Mix2.vue': return import('./icons/Mix2.vue.js');
+    case './icons/MobileLandscape.vue': return import('./icons/MobileLandscape.vue.js');
+    case './icons/MobilePortrait.vue': return import('./icons/MobilePortrait.vue.js');
+    case './icons/MoneyCheck.vue': return import('./icons/MoneyCheck.vue.js');
+    case './icons/MoreHoriz.vue': return import('./icons/MoreHoriz.vue.js');
+    case './icons/MoreVert.vue': return import('./icons/MoreVert.vue.js');
+    case './icons/Mouse.vue': return import('./icons/Mouse.vue.js');
+    case './icons/MousePointer.vue': return import('./icons/MousePointer.vue.js');
+    case './icons/MovingUp.vue': return import('./icons/MovingUp.vue.js');
+    case './icons/NativeAd.vue': return import('./icons/NativeAd.vue.js');
+    case './icons/NotificationsNone.vue': return import('./icons/NotificationsNone.vue.js');
+    case './icons/Offerwall.vue': return import('./icons/Offerwall.vue.js');
+    case './icons/Palyable.vue': return import('./icons/Palyable.vue.js');
+    case './icons/PaperPlane-Off.vue': return import('./icons/PaperPlane-Off.vue.js');
+    case './icons/PaperPlane.vue': return import('./icons/PaperPlane.vue.js');
+    case './icons/Pause.vue': return import('./icons/Pause.vue.js');
+    case './icons/PauseCircleFilled.vue': return import('./icons/PauseCircleFilled.vue.js');
+    case './icons/PauseCircleOutline.vue': return import('./icons/PauseCircleOutline.vue.js');
+    case './icons/PhoneIphone.vue': return import('./icons/PhoneIphone.vue.js');
+    case './icons/Photo.vue': return import('./icons/Photo.vue.js');
+    case './icons/Photo2.vue': return import('./icons/Photo2.vue.js');
+    case './icons/PlayArrow.vue': return import('./icons/PlayArrow.vue.js');
+    case './icons/PlayCircleFilledWhite.vue': return import('./icons/PlayCircleFilledWhite.vue.js');
+    case './icons/PlayCircleOutline.vue': return import('./icons/PlayCircleOutline.vue.js');
+    case './icons/Qrcode.vue': return import('./icons/Qrcode.vue.js');
+    case './icons/QuickAB.vue': return import('./icons/QuickAB.vue.js');
+    case './icons/QuickAB2.vue': return import('./icons/QuickAB2.vue.js');
+    case './icons/React.vue': return import('./icons/React.vue.js');
+    case './icons/Redo.vue': return import('./icons/Redo.vue.js');
+    case './icons/Refresh.vue': return import('./icons/Refresh.vue.js');
+    case './icons/Remove.vue': return import('./icons/Remove.vue.js');
+    case './icons/Replay.vue': return import('./icons/Replay.vue.js');
+    case './icons/RewardedVideo.vue': return import('./icons/RewardedVideo.vue.js');
+    case './icons/RocketLaunch.vue': return import('./icons/RocketLaunch.vue.js');
+    case './icons/Rotate.vue': return import('./icons/Rotate.vue.js');
+    case './icons/Route.vue': return import('./icons/Route.vue.js');
+    case './icons/SackDollar.vue': return import('./icons/SackDollar.vue.js');
+    case './icons/Schedule.vue': return import('./icons/Schedule.vue.js');
+    case './icons/Search.vue': return import('./icons/Search.vue.js');
+    case './icons/SearchBold.vue': return import('./icons/SearchBold.vue.js');
+    case './icons/Share.vue': return import('./icons/Share.vue.js');
+    case './icons/Slack.vue': return import('./icons/Slack.vue.js');
+    case './icons/SportsEsports.vue': return import('./icons/SportsEsports.vue.js');
+    case './icons/Star.vue': return import('./icons/Star.vue.js');
+    case './icons/StarFill.vue': return import('./icons/StarFill.vue.js');
+    case './icons/StatusBanner.vue': return import('./icons/StatusBanner.vue.js');
+    case './icons/StatusInterstitial.vue': return import('./icons/StatusInterstitial.vue.js');
+    case './icons/StatusNativeAd.vue': return import('./icons/StatusNativeAd.vue.js');
+    case './icons/StatusOfferwall.vue': return import('./icons/StatusOfferwall.vue.js');
+    case './icons/StatusRewardedVideo.vue': return import('./icons/StatusRewardedVideo.vue.js');
+    case './icons/StopCircleFilled.vue': return import('./icons/StopCircleFilled.vue.js');
+    case './icons/StopCircleOutline.vue': return import('./icons/StopCircleOutline.vue.js');
+    case './icons/Style.vue': return import('./icons/Style.vue.js');
+    case './icons/Success.vue': return import('./icons/Success.vue.js');
+    case './icons/SuccessFull.vue': return import('./icons/SuccessFull.vue.js');
+    case './icons/Switch.vue': return import('./icons/Switch.vue.js');
+    case './icons/TabletLandscape.vue': return import('./icons/TabletLandscape.vue.js');
+    case './icons/TabletMac.vue': return import('./icons/TabletMac.vue.js');
+    case './icons/TabletPortrait.vue': return import('./icons/TabletPortrait.vue.js');
+    case './icons/Texture.vue': return import('./icons/Texture.vue.js');
+    case './icons/ThemeDark.vue': return import('./icons/ThemeDark.vue.js');
+    case './icons/ThemeLight.vue': return import('./icons/ThemeLight.vue.js');
+    case './icons/Timelapse.vue': return import('./icons/Timelapse.vue.js');
+    case './icons/Timeline.vue': return import('./icons/Timeline.vue.js');
+    case './icons/TrendingDown.vue': return import('./icons/TrendingDown.vue.js');
+    case './icons/TrendingFlat.vue': return import('./icons/TrendingFlat.vue.js');
+    case './icons/TrendingUp.vue': return import('./icons/TrendingUp.vue.js');
+    case './icons/Tune.vue': return import('./icons/Tune.vue.js');
+    case './icons/TwoToneBanner.vue': return import('./icons/TwoToneBanner.vue.js');
+    case './icons/TwoToneInterstitial.vue': return import('./icons/TwoToneInterstitial.vue.js');
+    case './icons/TwoToneNativeAd.vue': return import('./icons/TwoToneNativeAd.vue.js');
+    case './icons/TwoToneOfferwall.vue': return import('./icons/TwoToneOfferwall.vue.js');
+    case './icons/TwoToneRewardedVideo.vue': return import('./icons/TwoToneRewardedVideo.vue.js');
+    case './icons/Undo.vue': return import('./icons/Undo.vue.js');
+    case './icons/UnfoldLess.vue': return import('./icons/UnfoldLess.vue.js');
+    case './icons/UnfoldMore.vue': return import('./icons/UnfoldMore.vue.js');
+    case './icons/VerticalAlignTop.vue': return import('./icons/VerticalAlignTop.vue.js');
+    case './icons/VerticalAlignTop2.vue': return import('./icons/VerticalAlignTop2.vue.js');
+    case './icons/Vibration.vue': return import('./icons/Vibration.vue.js');
+    case './icons/VideoRound.vue': return import('./icons/VideoRound.vue.js');
+    case './icons/ViewCarousel.vue': return import('./icons/ViewCarousel.vue.js');
+    case './icons/Visibility.vue': return import('./icons/Visibility.vue.js');
+    case './icons/VisibilityOff.vue': return import('./icons/VisibilityOff.vue.js');
+    case './icons/VisibilityOffStrok.vue': return import('./icons/VisibilityOffStrok.vue.js');
+    case './icons/VisibilityStrok.vue': return import('./icons/VisibilityStrok.vue.js');
+    case './icons/VolumeOff.vue': return import('./icons/VolumeOff.vue.js');
+    case './icons/VolumeUp.vue': return import('./icons/VolumeUp.vue.js');
+    case './icons/Warning.vue': return import('./icons/Warning.vue.js');
+    case './icons/Warning2.vue': return import('./icons/Warning2.vue.js');
+    case './icons/WebApp.vue': return import('./icons/WebApp.vue.js');
+    case './icons/Widget.vue': return import('./icons/Widget.vue.js');
+    case './icons/Widgets.vue': return import('./icons/Widgets.vue.js');
+    case './icons/WidgetsFill.vue': return import('./icons/WidgetsFill.vue.js');
+    case './icons/Widgetsz.vue': return import('./icons/Widgetsz.vue.js');
+    case './icons/WifiProtectedSetup.vue': return import('./icons/WifiProtectedSetup.vue.js');
+    default: return new Promise(function(resolve, reject) {
+      (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
+        reject.bind(null, new Error("Unknown variable dynamic import: " + path))
+      );
+    })
+   }
+ }
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Icon",
+  props: {
+    name: { default: null },
+    fontSize: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "de11e2fa": __props.fontSize
+    }));
+    const slots = useSlots();
+    const iconData = computed(() => {
+      if (slots.default) {
+        return;
+      }
+      if (!icons[props.name]) {
+        console.error(
+          `The icon ${props.name} does not exist, check the icon component's documentation to find available icons.`
+        );
+      }
+      return icons[props.name];
+    });
+    const cls = computed(() => {
+      return [
+        props.name ? `icon-name--${props.name.toString()}` : "",
+        props.fontSize ? `icon-size--${props.fontSize}` : ""
+      ];
+    });
+    const IconComponent = computed(() => {
+      const iconFile = iconData?.value?.fileName;
+      if (!icons[props.name]) {
+        return;
+      }
+      return defineAsyncComponent(() => __variableDynamicImportRuntime0__(`./icons/${iconFile}.vue`));
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["icon", unref(cls)])
+      }, [
+        !_ctx.$slots.default ? (openBlock(), createBlock(unref(IconComponent), normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), null, 16)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cdd917de"]]);
+
+export { Icon as default };

package/components/icon/icons/A.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/icons/A.vue.js

@@ -0,0 +1,31 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../A.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("circle", {
+  cx: "12",
+  cy: "12",
+  r: "12",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "m14.749 16.267-.807-2.194h-3.938l-.807 2.194H7.2l3.72-9.6h2.188l3.692 9.6H14.75Zm-2.776-7.529-1.34 3.629h2.68l-1.34-3.629Z"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4))
+}
+var A = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { A as default };

package/components/icon/icons/A2.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/icons/A2.vue.js

@@ -0,0 +1,24 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../A2.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  d: "m17.154 20-1.513-4.113H8.256L6.744 20H3L9.974 2h4.103L21 20h-3.846ZM11.949 5.884l-2.513 6.804h5.026l-2.513-6.804Z"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var A2 = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { A2 as default };

package/components/icon/icons/ABTest.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/icons/ABTest.vue.js

@@ -0,0 +1,26 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../ABTest.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  fill: "currentColor",
+  viewBox: "0 0 45 24"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm.5 5.814A11.997 11.997 0 0 1 12 24C5.373 24 0 18.627 0 12S5.373 0 12 0c4.518 0 8.453 2.497 10.5 6.186A11.997 11.997 0 0 1 33 0c6.627 0 12 5.373 12 12s-5.373 12-12 12a11.997 11.997 0 0 1-10.5-6.186Zm-7.751-1.547-.807-2.194h-3.939l-.806 2.194H7.2l3.72-9.6h2.188l3.692 9.6h-2.051ZM33.786 7.2h-3.453v9.6h3.71c.894 0 1.612-.248 2.153-.745.542-.505.813-1.15.813-1.936 0-.578-.163-1.07-.488-1.476a2.095 2.095 0 0 0-1.205-.799 1.97 1.97 0 0 0 1.002-.758c.262-.38.393-.812.393-1.3 0-.767-.262-1.39-.786-1.868-.514-.479-1.227-.718-2.139-.718Zm-1.611 3.967h1.327c.424 0 .758-.108 1.002-.325.243-.216.365-.51.365-.88s-.122-.659-.365-.866c-.235-.217-.573-.325-1.016-.325h-1.313v2.396Zm0 4.076h1.516c.452 0 .804-.108 1.056-.325.262-.226.393-.533.393-.92 0-.389-.126-.7-.379-.935-.244-.235-.591-.352-1.043-.352h-1.543v2.532ZM11.973 8.738l-1.34 3.63h2.68l-1.34-3.63Z",
+  "clip-rule": "evenodd"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var ABTest = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { ABTest as default };

package/components/icon/icons/ABTest2.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/icons/ABTest2.vue.js

@@ -0,0 +1,21 @@
+import { openBlock, createElementBlock, createStaticVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../ABTest2.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  fill: "currentColor",
+  viewBox: "0 0 45 24"
+};
+const _hoisted_2 = /*#__PURE__*/createStaticVNode("<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M33 24c6.627 0 12-5.373 12-12S39.627 0 33 0a11.997 11.997 0 0 0-10.5 6.186C23.456 7.908 24 9.891 24 12s-.544 4.092-1.5 5.814A11.997 11.997 0 0 0 33 24Zm.786-16.8h-3.453v9.6h3.71c.894 0 1.612-.248 2.153-.745.542-.505.813-1.15.813-1.936 0-.578-.163-1.07-.488-1.476a2.095 2.095 0 0 0-1.205-.799 1.97 1.97 0 0 0 1.002-.758c.262-.38.393-.812.393-1.3 0-.767-.262-1.39-.786-1.868-.514-.479-1.227-.718-2.139-.718Z\" clip-rule=\"evenodd\"></path><path fill=\"currentColor\" d=\"M22.5 6.186C21.544 7.908 21 9.891 21 12s.544 4.092 1.5 5.814C23.456 16.092 24 14.109 24 12s-.544-4.092-1.5-5.814Z\"></path><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M0 12c0 6.627 5.373 12 12 12 4.518 0 8.453-2.497 10.5-6.186C21.544 16.092 21 14.109 21 12s.544-4.092 1.5-5.814A11.997 11.997 0 0 0 12 0C5.373 0 0 5.373 0 12Zm13.942 2.073.807 2.194H16.8l-3.692-9.6H10.92l-3.72 9.6h1.997l.806-2.194h3.939Z\" clip-rule=\"evenodd\"></path><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M33.502 11.167h-1.327V8.771h1.313c.442 0 .781.108 1.016.325.243.207.365.496.365.866s-.122.664-.365.88c-.244.217-.578.325-1.002.325Zm.19 4.076h-1.517V12.71h1.543c.452 0 .8.117 1.043.352.253.235.38.546.38.934s-.132.695-.394.92c-.252.218-.604.326-1.056.326Z\" clip-rule=\"evenodd\"></path><path fill=\"currentColor\" d=\"m11.973 8.738-1.34 3.63h2.68l-1.34-3.63Z\"></path>", 5);
+const _hoisted_7 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_7))
+}
+var ABTest2 = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { ABTest2 as default };

package/components/icon/icons/ACircle.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;