@ironsource/shared-ui 1.4.2-test.20 → 1.4.2-test.21
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.label[data-v-
|
|
1
|
+
.label[data-v-22459799]{color:#41454d}[data-v-22459799]::-webkit-scrollbar{width:.625rem;opacity:.7;background-color:transparent}[data-v-22459799]::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;border-radius:.625rem;background-color:#d2d5d8!important}[data-v-22459799]::-webkit-scrollbar-track{border-radius:.625rem;background-color:transparent}.loader-wrapper[data-v-22459799]{display:flex;width:100%;gap:.5rem;padding-left:.5rem;padding-right:.75rem}.include-exclude-wrapper[data-v-22459799]{width:100%}.include-exclude-content[data-v-22459799]{width:37.5rem}.include-exclude-list-wrapper[data-v-22459799]{border-right:1px #DDDFE1 solid;height:13.75rem}.include-exclude-list[data-v-22459799],.include-exclude-selected-list[data-v-22459799]{overflow-y:auto;overflow-x:none;padding:.5rem .25rem 0 .5rem;max-height:13.75rem;height:13.75rem}.include-exclude-list.include-exclude-list-draggable[data-v-22459799],.include-exclude-selected-list.include-exclude-list-draggable[data-v-22459799]{padding:.75rem .5rem .5rem;height:18.5rem;max-height:18.5rem}.include-exclude-list.include-exclude-list-draggable li[data-v-22459799]:last-child,.include-exclude-selected-list.include-exclude-list-draggable li[data-v-22459799]:last-child{padding-bottom:.5rem}.no-result-text[data-v-22459799]{color:#8e959d;height:100%}.include-exclude-list-wrapper[data-v-22459799],.include-exclude-selected-wrapper[data-v-22459799]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.include-exclude-list-item-skeleton[data-v-22459799]{display:flex;gap:.5rem;margin-bottom:1rem}.include-exclude-list-item-skeleton[data-v-22459799]:first-child{margin-top:.5rem}li[data-v-22459799]:last-child{padding-bottom:.25rem}.drag-item[data-v-22459799]:last-child{padding-bottom:.25rem}.include-exclude-header-left-section[data-v-22459799]{border-right:1px solid #DDDFE1;color:#53575b;padding:1.5rem;height:100%;display:flex;align-items:center}.include-exclude-header-right-section[data-v-22459799]{flex-grow:1;padding:0 .375rem}.include-exclude-footer[data-v-22459799]{height:3rem;display:flex}.include-exclude-container[data-v-22459799]{display:flex;align-items:center;justify-content:center;height:100%}.include-exclude-container-wrapper[data-v-22459799]{border-top:1px #DDDFE1 solid;border-bottom:1px #DDDFE1 solid}.include-exclude-selected-header-left-selected[data-v-22459799]{color:#565c62}.include-exclude-header[data-v-22459799]{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.include-exclude-list-header-loading[data-v-22459799]{gap:.5rem;padding:0 .25rem 0 .5rem}.include-exclude-list-selected-header-loading[data-v-22459799]{padding:0 .25rem 0 .5rem}.include-exclude-list-header-loaded[data-v-22459799]{padding:0 1rem}.include-exclude-list-header[data-v-22459799],.include-exclude-selected-header[data-v-22459799]{height:2.5rem;display:flex;justify-content:space-between;align-items:center;height:2.5625rem;border-bottom:1px #DDDFE1 solid}.include-exclude-header-right-section-search-input[data-v-22459799]{width:100%;height:100%}.include-exclude-selected-header-right[data-v-22459799]{height:100%;display:flex}.include-exclude-selected-header-left[data-v-22459799]{height:100%;display:flex;align-items:center}.dot-skeleton[data-v-22459799]{width:1rem;height:1rem}ol[data-v-22459799],ul[data-v-22459799],menu[data-v-22459799]{list-style:none;margin:0;padding:0}.include-exclude-footer-buttons[data-v-22459799]{display:flex;align-items:center;justify-content:center;margin-left:auto;gap:.25rem;padding-right:1rem}.switch-enter-from[data-v-22459799],.switch-leave-to[data-v-22459799]{transition:all .25s ease;opacity:0}.option-collapse[data-v-22459799]{padding:.5rem .25rem .5rem .5rem;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
|
|
@@ -43,7 +43,7 @@ const _hoisted_14 = {
|
|
|
43
43
|
const _hoisted_15 = { class: "include-exclude-selected-header-left" };
|
|
44
44
|
const _hoisted_16 = { class: "include-exclude-selected-header-right" };
|
|
45
45
|
const _hoisted_17 = { class: "drag-item" };
|
|
46
|
-
const _hoisted_18 = { key:
|
|
46
|
+
const _hoisted_18 = { key: 1 };
|
|
47
47
|
const _hoisted_19 = { class: "loader-wrapper" };
|
|
48
48
|
const _hoisted_20 = { class: "include-exclude-footer" };
|
|
49
49
|
const _hoisted_21 = { class: "include-exclude-footer-buttons" };
|
|
@@ -266,6 +266,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
266
266
|
};
|
|
267
267
|
const toggleSelectAll = () => {
|
|
268
268
|
selectedOptionRef.value = selectedOptionRef.value?.length !== filteredOptionsWithoutGroup.value?.length ? filteredOptionsWithoutGroup.value : [];
|
|
269
|
+
setTimeout(() => {
|
|
270
|
+
scrollToEnd(selectedOptionRef.value.length);
|
|
271
|
+
}, 300);
|
|
269
272
|
};
|
|
270
273
|
provide(IncludeExcludeContext, api);
|
|
271
274
|
const filteredOptions = computed(() => {
|
|
@@ -285,7 +288,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
285
288
|
const {
|
|
286
289
|
list: virtualOptionsSelected,
|
|
287
290
|
containerProps: containerPropsSelected,
|
|
288
|
-
wrapperProps: wrapperPropsSelected
|
|
291
|
+
wrapperProps: wrapperPropsSelected,
|
|
292
|
+
scrollTo: scrollToEnd
|
|
289
293
|
} = useVirtualList(selectedOptionFiltered, {
|
|
290
294
|
itemHeight: optionHeight.value,
|
|
291
295
|
overscan: scrollPrerenderedItems
|
|
@@ -519,21 +523,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
519
523
|
"include-exclude-list-draggable": __props.isDraggable
|
|
520
524
|
}]
|
|
521
525
|
}, unref(containerPropsSelected)), [
|
|
522
|
-
unref(selectedOption)?.length && !__props.loading &&
|
|
523
|
-
ref: "SelectedlistRef",
|
|
524
|
-
tabindex: "2"
|
|
525
|
-
}), [
|
|
526
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualOptionsSelected), ({ data, index }) => {
|
|
527
|
-
return openBlock(), createElementBlock("li", { key: index }, [
|
|
528
|
-
renderSlot(_ctx.$slots, "selected_option", {
|
|
529
|
-
option: data,
|
|
530
|
-
selected: toRaw(unref(selectedOption)) === data,
|
|
531
|
-
active: toRaw(unref(activeIndex)) === index
|
|
532
|
-
}, void 0, true)
|
|
533
|
-
]);
|
|
534
|
-
}), 128))
|
|
535
|
-
], 16)) : createCommentVNode("", true),
|
|
536
|
-
unref(selectedOption)?.length && !__props.loading && __props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
|
|
526
|
+
unref(selectedOption)?.length && !__props.loading && __props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
|
|
537
527
|
ref: "SelectedlistRef",
|
|
538
528
|
tabindex: "2"
|
|
539
529
|
}), [
|
|
@@ -615,6 +605,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
615
605
|
};
|
|
616
606
|
}
|
|
617
607
|
});
|
|
618
|
-
var IncludeExcludeDragDrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
608
|
+
var IncludeExcludeDragDrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-22459799"]]);
|
|
619
609
|
|
|
620
610
|
export { IncludeExcludeDragDrop as default };
|
package/index.vue.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css';
|
|
2
2
|
export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
|
|
3
3
|
export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
|
|
4
4
|
export { MenuItemTypes } from './components/menuItem/index.vue.js';
|