@ironsource/shared-ui 1.4.2-test.10 → 1.4.2-test.11

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-8773dad6]{color:#41454d}[data-v-8773dad6]::-webkit-scrollbar{width:.625rem;opacity:.7;background-color:transparent}[data-v-8773dad6]::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;border-radius:.625rem;background-color:#d2d5d8!important}[data-v-8773dad6]::-webkit-scrollbar-track{border-radius:.625rem;background-color:transparent}.loader-wrapper[data-v-8773dad6]{display:flex;width:100%;gap:.5rem;padding-left:.5rem;padding-right:.75rem}.include-exclude-wrapper[data-v-8773dad6]{width:100%}.include-exclude-content[data-v-8773dad6]{width:37.5rem}.include-exclude-list-wrapper[data-v-8773dad6]{border-right:1px #DDDFE1 solid;height:13.75rem}.include-exclude-list[data-v-8773dad6],.include-exclude-selected-list[data-v-8773dad6]{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-8773dad6],.include-exclude-selected-list.include-exclude-list-draggable[data-v-8773dad6]{padding:.75rem .25rem .25rem .5rem;height:18.5rem;max-height:18.5rem}.include-exclude-list.include-exclude-list-draggable li[data-v-8773dad6]:last-child,.include-exclude-selected-list.include-exclude-list-draggable li[data-v-8773dad6]:last-child{padding-bottom:.5rem}.no-result-text[data-v-8773dad6]{color:#8e959d;height:100%}.include-exclude-list-wrapper[data-v-8773dad6],.include-exclude-selected-wrapper[data-v-8773dad6]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.include-exclude-list-item-skeleton[data-v-8773dad6]{display:flex;gap:.5rem;margin-bottom:1rem}.include-exclude-list-item-skeleton[data-v-8773dad6]:first-child{margin-top:.5rem}li[data-v-8773dad6]:last-child{padding-bottom:.25rem}.drag-item[data-v-8773dad6]:last-child{padding-bottom:.25rem}.include-exclude-header-left-section[data-v-8773dad6]{border-right:1px solid #DDDFE1;color:#53575b;padding:1.5rem;height:100%;display:flex;align-items:center}.include-exclude-header-right-section[data-v-8773dad6]{flex-grow:1;padding:0 .375rem}.include-exclude-footer[data-v-8773dad6]{height:3rem;display:flex}.include-exclude-container[data-v-8773dad6]{display:flex;align-items:center;justify-content:center;height:100%}.include-exclude-container-wrapper[data-v-8773dad6]{border-top:1px #DDDFE1 solid;border-bottom:1px #DDDFE1 solid}.include-exclude-selected-header-left-selected[data-v-8773dad6]{color:#565c62}.include-exclude-header[data-v-8773dad6]{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.include-exclude-list-header-loading[data-v-8773dad6]{gap:.5rem;padding:0 .25rem 0 .5rem}.include-exclude-list-selected-header-loading[data-v-8773dad6]{padding:0 .25rem 0 .5rem}.include-exclude-list-header-loaded[data-v-8773dad6]{padding:0 1rem}.include-exclude-list-header[data-v-8773dad6],.include-exclude-selected-header[data-v-8773dad6]{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-8773dad6]{width:100%;height:100%}.include-exclude-selected-header-right[data-v-8773dad6]{height:100%;display:flex}.include-exclude-selected-header-left[data-v-8773dad6]{height:100%;display:flex;align-items:center}.dot-skeleton[data-v-8773dad6]{width:1rem;height:1rem}ol[data-v-8773dad6],ul[data-v-8773dad6],menu[data-v-8773dad6]{list-style:none;margin:0;padding:0}.include-exclude-footer-buttons[data-v-8773dad6]{display:flex;align-items:center;justify-content:center;margin-left:auto;gap:.25rem;padding-right:1rem}.switch-enter-from[data-v-8773dad6],.switch-leave-to[data-v-8773dad6]{transition:all .25s ease;opacity:0}.option-collapse[data-v-8773dad6]{padding:.5rem .25rem .5rem .5rem;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
1
+ .label[data-v-249b307a]{color:#41454d}[data-v-249b307a]::-webkit-scrollbar{width:.625rem;opacity:.7;background-color:transparent}[data-v-249b307a]::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box;border-radius:.625rem;background-color:#d2d5d8!important}[data-v-249b307a]::-webkit-scrollbar-track{border-radius:.625rem;background-color:transparent}.loader-wrapper[data-v-249b307a]{display:flex;width:100%;gap:.5rem;padding-left:.5rem;padding-right:.75rem}.include-exclude-wrapper[data-v-249b307a]{width:100%}.include-exclude-content[data-v-249b307a]{width:37.5rem}.include-exclude-list-wrapper[data-v-249b307a]{border-right:1px #DDDFE1 solid;height:13.75rem}.include-exclude-list[data-v-249b307a],.include-exclude-selected-list[data-v-249b307a]{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-249b307a],.include-exclude-selected-list.include-exclude-list-draggable[data-v-249b307a]{padding:.75rem .25rem .25rem .5rem;height:18.5rem;max-height:18.5rem}.include-exclude-list.include-exclude-list-draggable li[data-v-249b307a]:last-child,.include-exclude-selected-list.include-exclude-list-draggable li[data-v-249b307a]:last-child{padding-bottom:.5rem}.no-result-text[data-v-249b307a]{color:#8e959d;height:100%}.include-exclude-list-wrapper[data-v-249b307a],.include-exclude-selected-wrapper[data-v-249b307a]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.include-exclude-list-item-skeleton[data-v-249b307a]{display:flex;gap:.5rem;margin-bottom:1rem}.include-exclude-list-item-skeleton[data-v-249b307a]:first-child{margin-top:.5rem}li[data-v-249b307a]:last-child{padding-bottom:.25rem}.drag-item[data-v-249b307a]:last-child{padding-bottom:.25rem}.include-exclude-header-left-section[data-v-249b307a]{border-right:1px solid #DDDFE1;color:#53575b;padding:1.5rem;height:100%;display:flex;align-items:center}.include-exclude-header-right-section[data-v-249b307a]{flex-grow:1;padding:0 .375rem}.include-exclude-footer[data-v-249b307a]{height:3rem;display:flex}.include-exclude-container[data-v-249b307a]{display:flex;align-items:center;justify-content:center;height:100%}.include-exclude-container-wrapper[data-v-249b307a]{border-top:1px #DDDFE1 solid;border-bottom:1px #DDDFE1 solid}.include-exclude-selected-header-left-selected[data-v-249b307a]{color:#565c62}.include-exclude-header[data-v-249b307a]{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.include-exclude-list-header-loading[data-v-249b307a]{gap:.5rem;padding:0 .25rem 0 .5rem}.include-exclude-list-selected-header-loading[data-v-249b307a]{padding:0 .25rem 0 .5rem}.include-exclude-list-header-loaded[data-v-249b307a]{padding:0 1rem}.include-exclude-list-header[data-v-249b307a],.include-exclude-selected-header[data-v-249b307a]{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-249b307a]{width:100%;height:100%}.include-exclude-selected-header-right[data-v-249b307a]{height:100%;display:flex}.include-exclude-selected-header-left[data-v-249b307a]{height:100%;display:flex;align-items:center}.dot-skeleton[data-v-249b307a]{width:1rem;height:1rem}ol[data-v-249b307a],ul[data-v-249b307a],menu[data-v-249b307a]{list-style:none;margin:0;padding:0}.include-exclude-footer-buttons[data-v-249b307a]{display:flex;align-items:center;justify-content:center;margin-left:auto;gap:.25rem;padding-right:1rem}.switch-enter-from[data-v-249b307a],.switch-leave-to[data-v-249b307a]{transition:all .25s ease;opacity:0}.option-collapse[data-v-249b307a]{padding:.5rem .25rem .5rem .5rem;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
@@ -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
- renderSlot(_ctx.$slots, "selected-header-left", {}, () => [
481
- !__props.loading ? (openBlock(), createBlock(unref(Text), {
482
- key: 0,
483
- class: "include-exclude-selected-header-left-selected",
484
- size: "sm"
485
- }, {
486
- default: withCtx(() => [
487
- createTextVNode(toDisplayString(unref(selectedOption)?.length) + " Selected", 1)
488
- ]),
489
- _: 1
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-8773dad6"]]);
616
+ var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-249b307a"]]);
613
617
 
614
618
  export { IncludeExclude as default };
package/index.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AppIcon.vue_vue_type_style_index_0_scoped_true_lang.css';
1
+ import './IncludeExcludeOptionDraggable.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';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "1.4.2-test.10",
3
+ "version": "1.4.2-test.11",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"