@ironsource/shared-ui 1.4.2-test.10 → 1.4.2-test.12
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-5e5797f6]{color:#41454d}[data-v-5e5797f6]::-webkit-scrollbar{width:.625rem;opacity:.7;background-color:transparent}[data-v-5e5797f6]::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;border-radius:.625rem;background-color:#d2d5d8!important}[data-v-5e5797f6]::-webkit-scrollbar-track{border-radius:.625rem;background-color:transparent}.loader-wrapper[data-v-5e5797f6]{display:flex;width:100%;gap:.5rem;padding-left:.5rem;padding-right:.75rem}.include-exclude-wrapper[data-v-5e5797f6]{width:100%}.include-exclude-content[data-v-5e5797f6]{width:37.5rem}.include-exclude-list-wrapper[data-v-5e5797f6]{border-right:1px #DDDFE1 solid;height:13.75rem}.include-exclude-list[data-v-5e5797f6],.include-exclude-selected-list[data-v-5e5797f6]{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-5e5797f6],.include-exclude-selected-list.include-exclude-list-draggable[data-v-5e5797f6]{padding:.75rem .25rem .25rem .5rem;height:18.5rem;max-height:18.5rem}.include-exclude-list.include-exclude-list-draggable li[data-v-5e5797f6]:last-child,.include-exclude-selected-list.include-exclude-list-draggable li[data-v-5e5797f6]:last-child{padding-bottom:.5rem}.no-result-text[data-v-5e5797f6]{color:#8e959d;height:100%}.include-exclude-list-wrapper[data-v-5e5797f6],.include-exclude-selected-wrapper[data-v-5e5797f6]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.include-exclude-list-item-skeleton[data-v-5e5797f6]{display:flex;gap:.5rem;margin-bottom:1rem}.include-exclude-list-item-skeleton[data-v-5e5797f6]:first-child{margin-top:.5rem}li[data-v-5e5797f6]:last-child{padding-bottom:.25rem}.drag-item[data-v-5e5797f6]:last-child{padding-bottom:.25rem}.include-exclude-header-left-section[data-v-5e5797f6]{border-right:1px solid #DDDFE1;color:#53575b;padding:1.5rem;height:100%;display:flex;align-items:center}.include-exclude-header-right-section[data-v-5e5797f6]{flex-grow:1;padding:0 .375rem}.include-exclude-footer[data-v-5e5797f6]{height:3rem;display:flex}.include-exclude-container[data-v-5e5797f6]{display:flex;align-items:center;justify-content:center;height:100%}.include-exclude-container-wrapper[data-v-5e5797f6]{border-top:1px #DDDFE1 solid;border-bottom:1px #DDDFE1 solid}.include-exclude-selected-header-left-selected[data-v-5e5797f6]{color:#565c62}.include-exclude-header[data-v-5e5797f6]{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.include-exclude-list-header-loading[data-v-5e5797f6]{gap:.5rem;padding:0 .25rem 0 .5rem}.include-exclude-list-selected-header-loading[data-v-5e5797f6]{padding:0 .25rem 0 .5rem}.include-exclude-list-header-loaded[data-v-5e5797f6]{padding:0 1rem}.include-exclude-list-header[data-v-5e5797f6],.include-exclude-selected-header[data-v-5e5797f6]{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-5e5797f6]{width:100%;height:100%}.include-exclude-selected-header-right[data-v-5e5797f6]{height:100%;display:flex}.include-exclude-selected-header-left[data-v-5e5797f6]{height:100%;display:flex;align-items:center}.dot-skeleton[data-v-5e5797f6]{width:1rem;height:1rem}ol[data-v-5e5797f6],ul[data-v-5e5797f6],menu[data-v-5e5797f6]{list-style:none;margin:0;padding:0}.include-exclude-footer-buttons[data-v-5e5797f6]{display:flex;align-items:center;justify-content:center;margin-left:auto;gap:.25rem;padding-right:1rem}.switch-enter-from[data-v-5e5797f6],.switch-leave-to[data-v-5e5797f6]{transition:all .25s ease;opacity:0}.option-collapse[data-v-5e5797f6]{padding:.5rem .25rem .5rem .5rem;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
|
|
@@ -75,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
75
75
|
emits: ["update:modelValue", "changeDragDrop"],
|
|
76
76
|
setup(__props, { emit }) {
|
|
77
77
|
const props = __props;
|
|
78
|
-
const scrollPrerenderedItems =
|
|
78
|
+
const scrollPrerenderedItems = 50;
|
|
79
79
|
const skeletonItems = 3;
|
|
80
80
|
const boxDistanceBottom = 6;
|
|
81
81
|
const OPTION_HEIGHT = 32;
|
|
@@ -115,6 +115,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
115
115
|
selectedOptionRef.value = props.modelValue;
|
|
116
116
|
}
|
|
117
117
|
);
|
|
118
|
+
watch(
|
|
119
|
+
() => selectedOptionRef.value,
|
|
120
|
+
() => {
|
|
121
|
+
emit("update:modelValue", selectedOptionRef.value);
|
|
122
|
+
}
|
|
123
|
+
);
|
|
118
124
|
const selectedOptionFiltered = computed(() => {
|
|
119
125
|
return selectedOptionRef.value.filter(
|
|
120
126
|
(x) => props.onSearch(x, query.value)
|
|
@@ -477,18 +483,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
477
483
|
createVNode(unref(Skeleton), { round: "" })
|
|
478
484
|
])) : createCommentVNode("", true),
|
|
479
485
|
createElementVNode("div", _hoisted_15, [
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
})) : createCommentVNode("", true)
|
|
491
|
-
], true)
|
|
486
|
+
!__props.loading ? (openBlock(), createBlock(unref(Text), {
|
|
487
|
+
key: 0,
|
|
488
|
+
class: "include-exclude-selected-header-left-selected",
|
|
489
|
+
size: "sm"
|
|
490
|
+
}, {
|
|
491
|
+
default: withCtx(() => [
|
|
492
|
+
createTextVNode(toDisplayString(unref(selectedOption)?.length) + " Selected", 1)
|
|
493
|
+
]),
|
|
494
|
+
_: 1
|
|
495
|
+
})) : createCommentVNode("", true)
|
|
492
496
|
]),
|
|
493
497
|
createElementVNode("div", _hoisted_16, [
|
|
494
498
|
renderSlot(_ctx.$slots, "selected-header-right", {}, () => [
|
|
@@ -609,6 +613,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
609
613
|
};
|
|
610
614
|
}
|
|
611
615
|
});
|
|
612
|
-
var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
616
|
+
var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e5797f6"]]);
|
|
613
617
|
|
|
614
618
|
export { IncludeExclude as default };
|
package/index.vue.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './MenuItem.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';
|