@ironsource/shared-ui 1.4.0 → 1.4.1-andyk.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/EmptyState.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/README.md +11 -6
- package/Tooltip.vue_vue_type_style_index_0_lang.css +1 -1
- package/components/appTrigger/AppTrigger.vue.d.ts +5 -0
- package/components/appTrigger/AppTrigger.vue.js +23 -7
- package/components/appTrigger/index.d.ts +11 -0
- package/components/banner/Banner.vue.d.ts +12 -3
- package/components/banner/Banner.vue.js +16 -7
- package/components/banner/index.d.ts +12 -3
- package/components/button/index.d.ts +6 -6
- package/components/dateRange/CalendarMonth.vue.js +2 -2
- package/components/dateRange/DateRange.vue.js +2 -2
- package/components/dialog/Dialog.vue.js +5 -4
- package/components/dropdown/Dropdown.vue.d.ts +10 -0
- package/components/dropdown/Dropdown.vue.js +56 -35
- package/components/dropdown/index.d.ts +22 -0
- package/components/emptyState/EmptyState.vue.js +8 -8
- package/components/emptyState/index.d.ts +3 -3
- package/components/filtersPanel/FilterSearchInput.vue.js +5 -5
- package/components/filtersPanel/FiltersPanel.vue.d.ts +4 -2
- package/components/filtersPanel/FiltersPanel.vue.js +4 -3
- package/components/icon/Icon.vue.js +6 -0
- package/components/icon/icons/Adjust.vue.d.ts +2 -0
- package/components/icon/icons/Adjust.vue.js +52 -0
- package/components/icon/icons/CopyToClipboardFilled.vue.d.ts +2 -0
- package/components/icon/icons/CopyToClipboardFilled.vue.js +24 -0
- package/components/icon/icons/Cube.vue.d.ts +2 -0
- package/components/icon/icons/Cube.vue.js +27 -0
- package/components/icon/icons/CubeBackground.vue.d.ts +2 -0
- package/components/icon/icons/CubeBackground.vue.js +34 -0
- package/components/icon/icons/Marketing.vue.d.ts +2 -0
- package/components/icon/icons/Marketing.vue.js +30 -0
- package/components/icon/icons/WidgetsFlatSquares.vue.d.ts +2 -0
- package/components/icon/icons/WidgetsFlatSquares.vue.js +58 -0
- package/components/icon/icons/index.d.ts +18 -0
- package/components/icon/icons/index.vue.js +18 -0
- package/components/icon/index.d.ts +18 -0
- package/components/includeExclude/IncludeExclude.vue.js +2 -2
- package/components/includeExclude/IncludeExcludeChipFilter.vue.js +2 -2
- package/components/includeExclude/index.d.ts +16 -16
- package/components/tooltip/Tooltip.vue.js +2 -2
- package/index.vue.js +1 -1
- package/package.json +4 -3
- package/utils/array.d.ts +1 -0
- package/utils/array.vue.js +13 -0
- package/utils/object.d.ts +1 -0
- package/utils/object.vue.js +10 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, useCssVars, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
|
|
1
|
+
import { defineComponent, useCssVars, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, normalizeStyle, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
|
|
2
2
|
import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';
|
|
3
3
|
import { useTimeoutFn } from '@vueuse/core';
|
|
4
4
|
import Text from '../typography/Text.vue.js';
|
|
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
41
41
|
setup(__props, { emit }) {
|
|
42
42
|
const props = __props;
|
|
43
43
|
useCssVars((_ctx) => ({
|
|
44
|
-
"
|
|
44
|
+
"147c2223": __props.width
|
|
45
45
|
}));
|
|
46
46
|
const visible = ref(false);
|
|
47
47
|
let openTimer = void 0;
|
|
@@ -116,6 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
116
116
|
default: withCtx(() => [
|
|
117
117
|
createElementVNode("div", {
|
|
118
118
|
class: "modal",
|
|
119
|
+
style: normalizeStyle({ width: __props.width }),
|
|
119
120
|
onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => __props.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
|
|
120
121
|
}, [
|
|
121
122
|
createElementVNode("header", {
|
|
@@ -169,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
169
170
|
renderSlot(_ctx.$slots, "footer", {}, void 0, true)
|
|
170
171
|
])
|
|
171
172
|
])) : createCommentVNode("", true)
|
|
172
|
-
],
|
|
173
|
+
], 36),
|
|
173
174
|
__props.showBackdrop ? (openBlock(), createElementBlock("div", {
|
|
174
175
|
key: 0,
|
|
175
176
|
class: "backdrop",
|
|
@@ -185,6 +186,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
185
186
|
};
|
|
186
187
|
}
|
|
187
188
|
});
|
|
188
|
-
var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
189
|
+
var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f6d9c46"]]);
|
|
189
190
|
|
|
190
191
|
export { Dialog as default };
|
|
@@ -34,6 +34,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
34
34
|
keepOpen?: boolean;
|
|
35
35
|
autoSize?: boolean;
|
|
36
36
|
disableKeyboardEvents?: boolean;
|
|
37
|
+
multiOptionsPlaceholderPrefix?: string;
|
|
38
|
+
multiOptionsPlaceholderSuffix?: string;
|
|
37
39
|
}>, {
|
|
38
40
|
multi: boolean;
|
|
39
41
|
searchPlaceholder: string;
|
|
@@ -65,6 +67,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
65
67
|
keepOpen: boolean;
|
|
66
68
|
autoSize: boolean;
|
|
67
69
|
disableKeyboardEvents: boolean;
|
|
70
|
+
multiOptionsPlaceholderPrefix: string;
|
|
71
|
+
multiOptionsPlaceholderSuffix: string;
|
|
68
72
|
}>, {
|
|
69
73
|
selectItem: (option: any, index?: number) => void;
|
|
70
74
|
scrollTo: (index: number) => void;
|
|
@@ -113,6 +117,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
113
117
|
keepOpen?: boolean;
|
|
114
118
|
autoSize?: boolean;
|
|
115
119
|
disableKeyboardEvents?: boolean;
|
|
120
|
+
multiOptionsPlaceholderPrefix?: string;
|
|
121
|
+
multiOptionsPlaceholderSuffix?: string;
|
|
116
122
|
}>, {
|
|
117
123
|
multi: boolean;
|
|
118
124
|
searchPlaceholder: string;
|
|
@@ -144,6 +150,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
144
150
|
keepOpen: boolean;
|
|
145
151
|
autoSize: boolean;
|
|
146
152
|
disableKeyboardEvents: boolean;
|
|
153
|
+
multiOptionsPlaceholderPrefix: string;
|
|
154
|
+
multiOptionsPlaceholderSuffix: string;
|
|
147
155
|
}>>> & {
|
|
148
156
|
"onUpdate:selected"?: (value: unknown) => any;
|
|
149
157
|
"onUpdate:isOpen"?: (value: unknown) => any;
|
|
@@ -180,6 +188,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
180
188
|
keepOpen: boolean;
|
|
181
189
|
autoSize: boolean;
|
|
182
190
|
disableKeyboardEvents: boolean;
|
|
191
|
+
multiOptionsPlaceholderPrefix: string;
|
|
192
|
+
multiOptionsPlaceholderSuffix: string;
|
|
183
193
|
}>;
|
|
184
194
|
export default _default;
|
|
185
195
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
import { defineComponent,
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { defineComponent, ref, computed, watch, useSlots, nextTick, toRaw, provide, onMounted, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, unref, withCtx, Transition, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, withModifiers, Fragment, renderList, pushScopeId, popScopeId } from 'vue';
|
|
2
|
+
import Button from '../button/Button.vue.js';
|
|
3
|
+
import Icon from '../icon/Icon.vue.js';
|
|
4
4
|
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
5
5
|
import Text from '../typography/Text.vue.js';
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
import Icon from '../icon/Icon.vue.js';
|
|
9
|
-
import Button from '../button/Button.vue.js';
|
|
10
|
-
/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import Option from './Option.vue.js';
|
|
6
|
+
/* empty css *//* empty css *//* empty css */import { Dropdown as Dropdown$1 } from 'floating-vue';
|
|
7
|
+
/* empty css *//* empty css */import Option from './Option.vue.js';
|
|
11
8
|
import Search from '../search/Search.vue.js';
|
|
9
|
+
import { useToggle } from '../../composables/useToggle.vue.js';
|
|
10
|
+
import { isObjectInArray } from '../../utils/array.vue.js';
|
|
11
|
+
import { objectsEqual } from '../../utils/object.vue.js';
|
|
12
|
+
import { useClamp, useVirtualList, onClickOutside } from '@vueuse/core';
|
|
13
|
+
import { Mode, Type, DropdownContext } from './DropdownContext.vue.js';
|
|
12
14
|
/* empty css *//* empty css */
|
|
13
15
|
import "../../Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Dropdown.vue_vue_type_style_index_1_lang.css";
|
|
14
|
-
const _withScopeId = (n) => (pushScopeId("data-v-
|
|
16
|
+
const _withScopeId = (n) => (pushScopeId("data-v-4094a47e"), n = n(), popScopeId(), n);
|
|
15
17
|
const _hoisted_1 = ["tabindex"];
|
|
16
18
|
const _hoisted_2 = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"];
|
|
17
19
|
const _hoisted_3 = {
|
|
@@ -101,21 +103,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
101
103
|
flip: { type: Boolean, default: true },
|
|
102
104
|
keepOpen: { type: Boolean, default: false },
|
|
103
105
|
autoSize: { type: Boolean, default: false },
|
|
104
|
-
disableKeyboardEvents: { type: Boolean, default: false }
|
|
106
|
+
disableKeyboardEvents: { type: Boolean, default: false },
|
|
107
|
+
multiOptionsPlaceholderPrefix: { default: "" },
|
|
108
|
+
multiOptionsPlaceholderSuffix: { default: "" }
|
|
105
109
|
},
|
|
106
110
|
emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
|
|
107
111
|
setup(__props, { expose, emit }) {
|
|
108
112
|
const props = __props;
|
|
113
|
+
const isSelected = (arr, element) => {
|
|
114
|
+
if (props.multi) {
|
|
115
|
+
return isObjectInArray(arr, element);
|
|
116
|
+
}
|
|
117
|
+
return toRaw(arr) === element;
|
|
118
|
+
};
|
|
109
119
|
const MULTILINE_LIST_HEIGHT = 48;
|
|
110
120
|
const LIST_HEIGHT = 34;
|
|
121
|
+
const selectedOptionRef = ref(props.selected);
|
|
111
122
|
const selectedOption = computed({
|
|
112
123
|
get() {
|
|
113
|
-
return
|
|
124
|
+
return selectedOptionRef.value;
|
|
114
125
|
},
|
|
115
126
|
set(value) {
|
|
116
127
|
emit("update:selected", value);
|
|
117
128
|
}
|
|
118
129
|
});
|
|
130
|
+
watch(
|
|
131
|
+
() => props.selected,
|
|
132
|
+
() => {
|
|
133
|
+
selectedOptionRef.value = props.selected;
|
|
134
|
+
}
|
|
135
|
+
);
|
|
119
136
|
const slots = useSlots();
|
|
120
137
|
const listRef = ref(null);
|
|
121
138
|
const inputRef = ref(null);
|
|
@@ -168,34 +185,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
168
185
|
return "";
|
|
169
186
|
});
|
|
170
187
|
const getMultiselectValueToShow = (selectedOption2) => {
|
|
171
|
-
if (selectedOption2.value.length)
|
|
172
|
-
return
|
|
173
|
-
}
|
|
174
|
-
return props.
|
|
188
|
+
if (!selectedOption2.value.length && !props.multiOptionsPlaceholderPrefix && !props.multiOptionsPlaceholderSuffix)
|
|
189
|
+
return props.placeholder;
|
|
190
|
+
const multipleOptionsPlaceholder = !props.multiOptionsPlaceholderPrefix && !props.multiOptionsPlaceholderSuffix ? `${selectedOption2.value.length} selected` : `${props.multiOptionsPlaceholderPrefix ?? ""}${selectedOption2.value.length ?? "0"}${props.multiOptionsPlaceholderSuffix ?? ""}`;
|
|
191
|
+
return selectedOption2.value.length == 1 && !!props.displayValue ? props.displayValue(selectedOption2.value[0]) : multipleOptionsPlaceholder;
|
|
175
192
|
};
|
|
176
193
|
const displayedValue = computed(() => {
|
|
177
194
|
if (!props.multi) {
|
|
178
195
|
return selectedOption.value ? props.displayValue(selectedOption.value) : props.placeholder;
|
|
179
196
|
}
|
|
180
|
-
if (!Array.isArray(
|
|
197
|
+
if (!Array.isArray(selectedOptionRef.value)) {
|
|
181
198
|
return;
|
|
182
199
|
}
|
|
183
|
-
return getMultiselectValueToShow(
|
|
200
|
+
return getMultiselectValueToShow(selectedOptionRef);
|
|
184
201
|
});
|
|
185
202
|
const allSelected = computed(() => {
|
|
186
|
-
if (!Array.isArray(
|
|
203
|
+
if (!Array.isArray(selectedOptionRef.value)) {
|
|
187
204
|
return;
|
|
188
205
|
}
|
|
189
|
-
return
|
|
206
|
+
return selectedOptionRef.value.length === filteredOptions.value.length;
|
|
190
207
|
});
|
|
191
208
|
const isIndeterminate = computed(() => {
|
|
192
209
|
if (!props.multi) {
|
|
193
210
|
return false;
|
|
194
211
|
}
|
|
195
|
-
if (!Array.isArray(
|
|
212
|
+
if (!Array.isArray(selectedOptionRef.value)) {
|
|
196
213
|
return false;
|
|
197
214
|
}
|
|
198
|
-
return
|
|
215
|
+
return selectedOptionRef.value.length > 0 && selectedOptionRef.value.length < filteredOptions.value.length;
|
|
199
216
|
});
|
|
200
217
|
const queryChanged = (value) => {
|
|
201
218
|
query.value = value;
|
|
@@ -269,17 +286,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
269
286
|
});
|
|
270
287
|
const onSelectAll = () => {
|
|
271
288
|
if (allSelected.value) {
|
|
272
|
-
|
|
289
|
+
selectedOptionRef.value = [];
|
|
273
290
|
return;
|
|
274
291
|
}
|
|
275
|
-
if (!Array.isArray(
|
|
292
|
+
if (!Array.isArray(selectedOptionRef.value)) {
|
|
276
293
|
return;
|
|
277
294
|
}
|
|
278
|
-
if (
|
|
279
|
-
|
|
295
|
+
if (selectedOptionRef.value.length === filteredOptions.value.length) {
|
|
296
|
+
selectedOptionRef.value = [];
|
|
280
297
|
return;
|
|
281
298
|
}
|
|
282
|
-
|
|
299
|
+
selectedOptionRef.value = filteredOptions.value;
|
|
283
300
|
};
|
|
284
301
|
const onSelect = (option, index) => {
|
|
285
302
|
option = toRaw(option);
|
|
@@ -301,17 +318,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
301
318
|
}
|
|
302
319
|
return;
|
|
303
320
|
}
|
|
304
|
-
if (!Array.isArray(
|
|
321
|
+
if (!Array.isArray(selectedOptionRef.value)) {
|
|
305
322
|
return;
|
|
306
323
|
}
|
|
307
324
|
inputRef.value?.focus();
|
|
308
|
-
const rawSelectedOption = toRaw(
|
|
309
|
-
if (rawSelectedOption
|
|
310
|
-
|
|
325
|
+
const rawSelectedOption = toRaw(selectedOptionRef.value);
|
|
326
|
+
if (isObjectInArray(rawSelectedOption, option)) {
|
|
327
|
+
selectedOptionRef.value = rawSelectedOption.filter(
|
|
328
|
+
(item) => !objectsEqual(item, option)
|
|
329
|
+
);
|
|
330
|
+
return;
|
|
331
|
+
} else {
|
|
332
|
+
selectedOptionRef.value = [...rawSelectedOption, option];
|
|
311
333
|
return;
|
|
312
334
|
}
|
|
313
|
-
selectedOption.value = [.../* @__PURE__ */ new Set([...rawSelectedOption, option])];
|
|
314
|
-
return;
|
|
315
335
|
};
|
|
316
336
|
const canFocus = (index) => {
|
|
317
337
|
return optionsIds.value[index]?.disabled;
|
|
@@ -413,6 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
413
433
|
api.goToOption(0);
|
|
414
434
|
});
|
|
415
435
|
const onApply = () => {
|
|
436
|
+
selectedOption.value = selectedOptionRef.value;
|
|
416
437
|
emit("apply", selectedOption.value);
|
|
417
438
|
toggleMenu(false);
|
|
418
439
|
resetInput();
|
|
@@ -596,13 +617,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
596
617
|
unref(virtualOptions).length && !__props.loading ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(unref(virtualOptions), ({ data, index }) => {
|
|
597
618
|
return openBlock(), createElementBlock("li", {
|
|
598
619
|
key: index,
|
|
599
|
-
"aria-selected": toRaw(unref(selectedOption))
|
|
620
|
+
"aria-selected": isSelected(toRaw(unref(selectedOption)), data),
|
|
600
621
|
"aria-disabled": !!__props.disabled,
|
|
601
622
|
onClick: withModifiers(() => onSelect(data, index), ["stop"])
|
|
602
623
|
}, [
|
|
603
624
|
renderSlot(_ctx.$slots, "default", {
|
|
604
625
|
option: data,
|
|
605
|
-
selected: toRaw(unref(selectedOption))
|
|
626
|
+
selected: isSelected(toRaw(unref(selectedOption)), data),
|
|
606
627
|
active: toRaw(unref(activeIndex)) === index
|
|
607
628
|
}, void 0, true)
|
|
608
629
|
], 8, _hoisted_11);
|
|
@@ -728,6 +749,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
728
749
|
};
|
|
729
750
|
}
|
|
730
751
|
});
|
|
731
|
-
var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
752
|
+
var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4094a47e"]]);
|
|
732
753
|
|
|
733
754
|
export { Dropdown as default };
|
|
@@ -155,6 +155,16 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
|
|
|
155
155
|
} & {
|
|
156
156
|
default: boolean;
|
|
157
157
|
};
|
|
158
|
+
multiOptionsPlaceholderPrefix: {
|
|
159
|
+
type: import("vue").PropType<string>;
|
|
160
|
+
} & {
|
|
161
|
+
default: string;
|
|
162
|
+
};
|
|
163
|
+
multiOptionsPlaceholderSuffix: {
|
|
164
|
+
type: import("vue").PropType<string>;
|
|
165
|
+
} & {
|
|
166
|
+
default: string;
|
|
167
|
+
};
|
|
158
168
|
showSelectAll: {
|
|
159
169
|
type: import("vue").PropType<boolean>;
|
|
160
170
|
};
|
|
@@ -331,6 +341,16 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
|
|
|
331
341
|
} & {
|
|
332
342
|
default: boolean;
|
|
333
343
|
};
|
|
344
|
+
multiOptionsPlaceholderPrefix: {
|
|
345
|
+
type: import("vue").PropType<string>;
|
|
346
|
+
} & {
|
|
347
|
+
default: string;
|
|
348
|
+
};
|
|
349
|
+
multiOptionsPlaceholderSuffix: {
|
|
350
|
+
type: import("vue").PropType<string>;
|
|
351
|
+
} & {
|
|
352
|
+
default: string;
|
|
353
|
+
};
|
|
334
354
|
showSelectAll: {
|
|
335
355
|
type: import("vue").PropType<boolean>;
|
|
336
356
|
};
|
|
@@ -377,5 +397,7 @@ declare const DropdownTypes: () => (import("vue").DefineComponent<{
|
|
|
377
397
|
keepOpen: boolean;
|
|
378
398
|
autoSize: boolean;
|
|
379
399
|
disableKeyboardEvents: boolean;
|
|
400
|
+
multiOptionsPlaceholderPrefix: string;
|
|
401
|
+
multiOptionsPlaceholderSuffix: string;
|
|
380
402
|
}> | import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>)[];
|
|
381
403
|
export { Dropdown, Option, Label, SearchInput, DropdownTypes };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot,
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, normalizeProps, mergeProps, unref, createCommentVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
2
|
+
import Button from '../button/Button.vue.js';
|
|
3
|
+
import Icon from '../icon/Icon.vue.js';
|
|
2
4
|
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
3
5
|
import Text from '../typography/Text.vue.js';
|
|
4
|
-
|
|
5
|
-
import
|
|
6
|
-
/* empty css *//* empty css */import 'floating-vue';
|
|
7
|
-
/* empty css *//* empty css *//* empty css */import EmptyStateIcon from './EmptyStateIcon.vue.js';
|
|
6
|
+
/* empty css *//* empty css *//* empty css */import 'floating-vue';
|
|
7
|
+
/* empty css *//* empty css */import EmptyStateIcon from './EmptyStateIcon.vue.js';
|
|
8
8
|
/* empty css */
|
|
9
9
|
import "../../EmptyState.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
10
10
|
const _hoisted_1 = { class: "empty-state-title-container" };
|
|
@@ -40,9 +40,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
40
40
|
class: normalizeClass(`empty-state-icon-container empty-state-icon-container--${__props.size}`)
|
|
41
41
|
}, [
|
|
42
42
|
__props.hasIcon ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
|
|
43
|
-
|
|
43
|
+
!__props.iconName ? (openBlock(), createBlock(EmptyStateIcon, normalizeProps(mergeProps({ key: 0 }, unref(iconProps))), null, 16)) : createCommentVNode("", true),
|
|
44
44
|
__props.iconName ? (openBlock(), createBlock(unref(Icon), {
|
|
45
|
-
key:
|
|
45
|
+
key: 1,
|
|
46
46
|
name: __props.iconName,
|
|
47
47
|
"font-size": __props.fontSize,
|
|
48
48
|
class: "empty-state-icon"
|
|
@@ -93,6 +93,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
93
93
|
};
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
|
-
var EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
96
|
+
var EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54b6f08e"]]);
|
|
97
97
|
|
|
98
98
|
export { EmptyState as default };
|
|
@@ -15,7 +15,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
|
|
|
15
15
|
default: string;
|
|
16
16
|
};
|
|
17
17
|
iconName: {
|
|
18
|
-
type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
|
|
18
|
+
type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
|
|
19
19
|
} & {
|
|
20
20
|
default: any;
|
|
21
21
|
};
|
|
@@ -75,7 +75,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
|
|
|
75
75
|
default: string;
|
|
76
76
|
};
|
|
77
77
|
iconName: {
|
|
78
|
-
type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
|
|
78
|
+
type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
|
|
79
79
|
} & {
|
|
80
80
|
default: any;
|
|
81
81
|
};
|
|
@@ -122,7 +122,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
|
|
|
122
122
|
size: "sm" | "lg";
|
|
123
123
|
title: string;
|
|
124
124
|
fontSize: string;
|
|
125
|
-
iconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
|
|
125
|
+
iconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
|
|
126
126
|
subtitle: string;
|
|
127
127
|
buttonText: string;
|
|
128
128
|
isHorizontal: boolean;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode } from 'vue';
|
|
2
|
-
import '
|
|
3
|
-
import 'floating-vue';
|
|
2
|
+
import Icon from '../icon/Icon.vue.js';
|
|
4
3
|
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
5
|
-
/* empty css */import
|
|
6
|
-
/* empty css
|
|
7
|
-
/* empty css *//* empty css
|
|
4
|
+
/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import 'floating-vue';
|
|
5
|
+
/* empty css *//* empty css *//* empty css */import '@vue/shared';
|
|
6
|
+
/* empty css *//* empty css */import '@vueuse/core';
|
|
7
|
+
/* empty css *//* empty css *//* empty css */import SearchInput from '../dropdown/SearchInput.vue.js';
|
|
8
8
|
/* empty css */
|
|
9
9
|
import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
10
10
|
const _hoisted_1 = {
|
|
@@ -2,13 +2,15 @@ import { Filter } from './Filter';
|
|
|
2
2
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
3
|
filters: Filter[];
|
|
4
4
|
isOpen?: boolean;
|
|
5
|
-
selected: Record<string, Filter
|
|
5
|
+
selected: Record<string, Filter> | Record<string, Filter>[];
|
|
6
|
+
isMultiSelect?: boolean;
|
|
6
7
|
}>, {
|
|
7
8
|
isOpen: boolean;
|
|
8
9
|
}>, {}, 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<{
|
|
9
10
|
filters: Filter[];
|
|
10
11
|
isOpen?: boolean;
|
|
11
|
-
selected: Record<string, Filter
|
|
12
|
+
selected: Record<string, Filter> | Record<string, Filter>[];
|
|
13
|
+
isMultiSelect?: boolean;
|
|
12
14
|
}>, {
|
|
13
15
|
isOpen: boolean;
|
|
14
16
|
}>>>, {
|
|
@@ -8,7 +8,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
8
8
|
props: {
|
|
9
9
|
filters: null,
|
|
10
10
|
isOpen: { type: Boolean, default: false },
|
|
11
|
-
selected: null
|
|
11
|
+
selected: null,
|
|
12
|
+
isMultiSelect: { type: Boolean }
|
|
12
13
|
},
|
|
13
14
|
setup(__props) {
|
|
14
15
|
const props = __props;
|
|
@@ -35,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
35
36
|
class: normalizeClass(["filter-button", {
|
|
36
37
|
[`always-first`]: !!filter.alwaysFirst,
|
|
37
38
|
hidden: filter.hidden,
|
|
38
|
-
selected: !!__props.selected[filter.id],
|
|
39
|
+
selected: props.isMultiSelect ? __props.selected[filter.id].length > 0 : !!__props.selected[filter.id],
|
|
39
40
|
exposed: !filter.hidden
|
|
40
41
|
}])
|
|
41
42
|
}, [
|
|
@@ -50,6 +51,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
50
51
|
};
|
|
51
52
|
}
|
|
52
53
|
});
|
|
53
|
-
var FiltersPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
54
|
+
var FiltersPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ee9d4c0"]]);
|
|
54
55
|
|
|
55
56
|
export { FiltersPanel as default };
|
|
@@ -14,6 +14,7 @@ function __variableDynamicImportRuntime0__(path) {
|
|
|
14
14
|
case './icons/AccountCircle.vue': return import('./icons/AccountCircle.vue.js');
|
|
15
15
|
case './icons/AccountCircleOutline.vue': return import('./icons/AccountCircleOutline.vue.js');
|
|
16
16
|
case './icons/Add.vue': return import('./icons/Add.vue.js');
|
|
17
|
+
case './icons/Adjust.vue': return import('./icons/Adjust.vue.js');
|
|
17
18
|
case './icons/Analytics.vue': return import('./icons/Analytics.vue.js');
|
|
18
19
|
case './icons/Android.vue': return import('./icons/Android.vue.js');
|
|
19
20
|
case './icons/AngleDown.vue': return import('./icons/AngleDown.vue.js');
|
|
@@ -57,10 +58,13 @@ function __variableDynamicImportRuntime0__(path) {
|
|
|
57
58
|
case './icons/CloseBold.vue': return import('./icons/CloseBold.vue.js');
|
|
58
59
|
case './icons/ComputerMouse.vue': return import('./icons/ComputerMouse.vue.js');
|
|
59
60
|
case './icons/CopyTo-Clipboard.vue': return import('./icons/CopyTo-Clipboard.vue.js');
|
|
61
|
+
case './icons/CopyToClipboardFilled.vue': return import('./icons/CopyToClipboardFilled.vue.js');
|
|
60
62
|
case './icons/Create.vue': return import('./icons/Create.vue.js');
|
|
61
63
|
case './icons/Creative.vue': return import('./icons/Creative.vue.js');
|
|
62
64
|
case './icons/Cross.vue': return import('./icons/Cross.vue.js');
|
|
63
65
|
case './icons/CrownFill.vue': return import('./icons/CrownFill.vue.js');
|
|
66
|
+
case './icons/Cube.vue': return import('./icons/Cube.vue.js');
|
|
67
|
+
case './icons/CubeBackground.vue': return import('./icons/CubeBackground.vue.js');
|
|
64
68
|
case './icons/Cup.vue': return import('./icons/Cup.vue.js');
|
|
65
69
|
case './icons/CupA.vue': return import('./icons/CupA.vue.js');
|
|
66
70
|
case './icons/CupB.vue': return import('./icons/CupB.vue.js');
|
|
@@ -121,6 +125,7 @@ function __variableDynamicImportRuntime0__(path) {
|
|
|
121
125
|
case './icons/LockOpen.vue': return import('./icons/LockOpen.vue.js');
|
|
122
126
|
case './icons/Login.vue': return import('./icons/Login.vue.js');
|
|
123
127
|
case './icons/Logout.vue': return import('./icons/Logout.vue.js');
|
|
128
|
+
case './icons/Marketing.vue': return import('./icons/Marketing.vue.js');
|
|
124
129
|
case './icons/MilitaryTech.vue': return import('./icons/MilitaryTech.vue.js');
|
|
125
130
|
case './icons/Mix.vue': return import('./icons/Mix.vue.js');
|
|
126
131
|
case './icons/Mix2.vue': return import('./icons/Mix2.vue.js');
|
|
@@ -216,6 +221,7 @@ function __variableDynamicImportRuntime0__(path) {
|
|
|
216
221
|
case './icons/Widget.vue': return import('./icons/Widget.vue.js');
|
|
217
222
|
case './icons/Widgets.vue': return import('./icons/Widgets.vue.js');
|
|
218
223
|
case './icons/WidgetsFill.vue': return import('./icons/WidgetsFill.vue.js');
|
|
224
|
+
case './icons/WidgetsFlatSquares.vue': return import('./icons/WidgetsFlatSquares.vue.js');
|
|
219
225
|
case './icons/Widgetsz.vue': return import('./icons/Widgetsz.vue.js');
|
|
220
226
|
case './icons/WifiProtectedSetup.vue': return import('./icons/WifiProtectedSetup.vue.js');
|
|
221
227
|
default: return new Promise(function(resolve, reject) {
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { openBlock, createElementBlock, createElementVNode } from 'vue';
|
|
2
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
|
|
3
|
+
|
|
4
|
+
////import "../../Adjust.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
5
|
+
const _sfc_main = {};
|
|
6
|
+
|
|
7
|
+
const _hoisted_1 = {
|
|
8
|
+
viewBox: "0 0 51 51",
|
|
9
|
+
fill: "currentColor"
|
|
10
|
+
};
|
|
11
|
+
const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
|
|
12
|
+
"fill-rule": "evenodd",
|
|
13
|
+
"clip-rule": "evenodd",
|
|
14
|
+
d: "M43.9692 32.2C43.9692 33.9289 42.5677 35.3304 40.8388 35.3304L10.1605 35.3304C8.43165 35.3304 7.03011 33.9289 7.03011 32.2C7.03011 30.4711 8.43165 29.0696 10.1605 29.0696L40.8388 29.0696C42.5677 29.0696 43.9692 30.4711 43.9692 32.2Z",
|
|
15
|
+
fill: "currentColor",
|
|
16
|
+
opacity: ".4"
|
|
17
|
+
}, null, -1);
|
|
18
|
+
const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
|
|
19
|
+
"fill-rule": "evenodd",
|
|
20
|
+
"clip-rule": "evenodd",
|
|
21
|
+
d: "M7.03027 18.4261C7.03027 16.6972 8.43182 15.2957 10.1607 15.2957L40.839 15.2957C42.5679 15.2957 43.9694 16.6972 43.9694 18.4261C43.9694 20.155 42.5679 21.5565 40.839 21.5565L10.1607 21.5565C8.43182 21.5565 7.03027 20.155 7.03027 18.4261Z",
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
opacity: ".4"
|
|
24
|
+
}, null, -1);
|
|
25
|
+
const _hoisted_4 = /*#__PURE__*/createElementVNode("ellipse", {
|
|
26
|
+
cx: "33.326",
|
|
27
|
+
cy: "32.2",
|
|
28
|
+
rx: "6.26087",
|
|
29
|
+
ry: "6.26087",
|
|
30
|
+
transform: "rotate(-180 33.326 32.2)",
|
|
31
|
+
fill: "currentColor"
|
|
32
|
+
}, null, -1);
|
|
33
|
+
const _hoisted_5 = /*#__PURE__*/createElementVNode("ellipse", {
|
|
34
|
+
cx: "17.674",
|
|
35
|
+
cy: "18.4261",
|
|
36
|
+
rx: "6.26087",
|
|
37
|
+
ry: "6.26087",
|
|
38
|
+
fill: "currentColor"
|
|
39
|
+
}, null, -1);
|
|
40
|
+
const _hoisted_6 = [
|
|
41
|
+
_hoisted_2,
|
|
42
|
+
_hoisted_3,
|
|
43
|
+
_hoisted_4,
|
|
44
|
+
_hoisted_5
|
|
45
|
+
];
|
|
46
|
+
|
|
47
|
+
function _sfc_render(_ctx, _cache) {
|
|
48
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_6))
|
|
49
|
+
}
|
|
50
|
+
var Adjust = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
|
|
51
|
+
|
|
52
|
+
export { Adjust as default };
|