@ironsource/shared-ui 2.1.12-rc.54 → 2.1.12-rc.56

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.
Files changed (15) hide show
  1. package/DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  3. package/TreeDropdown.vue_vue_type_style_index_0_scoped_63dc057e_lang.css +1 -0
  4. package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
  5. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  6. package/components/dropdown/v4/DropdownV4.vue2.js +68 -64
  7. package/components/dropdown/v4/TreeDropdown.vue.d.ts +10 -0
  8. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  9. package/components/dropdown/v4/TreeDropdown.vue2.js +155 -151
  10. package/components/dropdown/v4/index.d.ts +59 -2
  11. package/index.d.ts +118 -4
  12. package/index.js +1 -1
  13. package/package.json +1 -1
  14. package/DropdownV4.vue_vue_type_style_index_0_scoped_2d66b7b6_lang.css +0 -1
  15. package/TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_lang.css +0 -1
package/DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-a594c97e],.v-leave-active[data-v-a594c97e]{transition:opacity .25s ease}ol[data-v-a594c97e],ul[data-v-a594c97e],menu[data-v-a594c97e]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-a594c97e],.dropdown.full-width .button__container[data-v-a594c97e]{width:100%}.dropdown-list-wrapper[data-v-a594c97e]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-a594c97e]{padding:.5rem}.list-container--multi[data-v-a594c97e]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-a594c97e]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-a594c97e]{width:100%}.inline-search .list-container[data-v-a594c97e]{padding-top:0}.no-result-container[data-v-a594c97e]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-a594c97e]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-a594c97e]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-a594c97e]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-a594c97e]{min-height:0;margin-bottom:0}.image-slot[data-v-a594c97e]{margin-right:.5rem}.actions-wrapper[data-v-a594c97e]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.dropdown-footer[data-v-a594c97e]{display:flex;width:100%;padding:.5rem .5rem .375rem .4375rem;border-top:1px solid var(--common-divider);margin-top:.25rem}.apply-button[data-v-a594c97e]{margin-left:.5rem}
package/DropdownV4.vue_vue_type_style_index_1_lang.css CHANGED
@@ -1 +1 @@
1
- .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:var(--options-list-width, 240px);box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}.dropdown-field-help-text{margin-top:4px}.loader>div{margin:7px 0}
1
+ .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:var(--options-list-width, 240px);box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}.dropdown-field-help-text{margin-top:4px}.loader>div{margin:7px 0}.dropdown-list-wrapper-always-show-scroll .list-container{overflow-y:scroll;scrollbar-gutter:stable}.dropdown-list-wrapper-always-show-scroll .list-container::-webkit-scrollbar{width:.5rem;background:var(--background-paper-elevation-1)}.dropdown-list-wrapper-always-show-scroll .list-container::-webkit-scrollbar-thumb{background-color:var(--background-paper-elevation-6);border-radius:.25rem}
package/TreeDropdown.vue_vue_type_style_index_0_scoped_63dc057e_lang.css ADDED
@@ -0,0 +1 @@
1
+ .child-options[data-v-63dc057e]{padding-left:1rem}.tree-search[data-v-63dc057e]{width:100%}
package/components/dropdown/v4/DropdownV4.vue.d.ts CHANGED
@@ -21,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
21
21
  dynamicFilterMode?: boolean;
22
22
  minSelections?: number;
23
23
  maxSelections?: number;
24
+ alwaysShowScroll?: boolean;
24
25
  isOnTop?: boolean;
25
26
  distance?: number;
26
27
  container?: string;
@@ -100,6 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
100
101
  dynamicFilterMode: boolean;
101
102
  minSelections: number;
102
103
  maxSelections: any;
104
+ alwaysShowScroll: boolean;
103
105
  triggerLabel: string;
104
106
  triggerHelperText: string;
105
107
  triggerFeedbackText: string;
@@ -171,6 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
171
173
  dynamicFilterMode?: boolean;
172
174
  minSelections?: number;
173
175
  maxSelections?: number;
176
+ alwaysShowScroll?: boolean;
174
177
  isOnTop?: boolean;
175
178
  distance?: number;
176
179
  container?: string;
@@ -250,6 +253,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
250
253
  dynamicFilterMode: boolean;
251
254
  minSelections: number;
252
255
  maxSelections: any;
256
+ alwaysShowScroll: boolean;
253
257
  triggerLabel: string;
254
258
  triggerHelperText: string;
255
259
  triggerFeedbackText: string;
@@ -323,6 +327,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
323
327
  dynamicFilterMode: boolean;
324
328
  minSelections: number;
325
329
  maxSelections: number;
330
+ alwaysShowScroll: boolean;
326
331
  isOnTop: boolean;
327
332
  triggerLabel: string;
328
333
  triggerHelperText: string;
package/components/dropdown/v4/DropdownV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_2d66b7b6_lang.css"; //*');
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2d66b7b6"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a594c97e"]]);
6
6
  export {
7
7
  r as default
8
8
  };
package/components/dropdown/v4/DropdownV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_2d66b7b6_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as ke, computed as B, watch as Te, toRaw as v, openBlock as a, createElementBlock as r, mergeProps as m, unref as t, renderSlot as u, createElementVNode as f, createVNode as d, withCtx as c, Transition as we, normalizeClass as x, normalizeStyle as be, createTextVNode as T, createCommentVNode as s, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as ve, renderList as Se, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as ke, computed as B, watch as we, toRaw as S, openBlock as a, createElementBlock as r, mergeProps as m, unref as t, renderSlot as u, createElementVNode as f, createVNode as d, withCtx as c, Transition as Te, normalizeClass as x, normalizeStyle as be, createTextVNode as w, createCommentVNode as s, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as Se, renderList as ve, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
2
2
  import N from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
@@ -20,7 +20,7 @@ import { DropdownTestIdModifiers as p } from "../../../testids/index.js";
20
20
  import { dropdownCommon as Fe } from "../common/Dropdown.common.js";
21
21
  import K from "../../skeleton/v4/SkeletonV4.vue.js";
22
22
  import { useTestIdAttrs as Ne } from "../../../utils/testIds.js";
23
- import { TRIGGERS as w } from "./Dropdown.types.js";
23
+ import { TRIGGERS as T } from "./Dropdown.types.js";
24
24
  import { useElementSize as Ve } from "@vueuse/core";
25
25
  import De from "../../shared/FieldHelpText.vue.js";
26
26
  import Pe from "./GroupOption.vue.js";
@@ -63,6 +63,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
63
63
  dynamicFilterMode: { type: Boolean, default: !1 },
64
64
  minSelections: { default: 0 },
65
65
  maxSelections: { default: null },
66
+ alwaysShowScroll: { type: Boolean, default: !0 },
66
67
  isOnTop: { type: Boolean, default: !1 },
67
68
  distance: { default: 0 },
68
69
  container: { default: "body" },
@@ -78,7 +79,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
78
79
  triggerShownValuesCount: { default: 1 },
79
80
  size: { default: "medium" },
80
81
  mandatory: { type: Boolean, default: !1 },
81
- predefinedTrigger: { default: w.DEFAULT },
82
+ predefinedTrigger: { default: T.DEFAULT },
82
83
  inlineSearch: { type: Boolean, default: !1 },
83
84
  inlineSearchPlaceholder: { default: "Search" },
84
85
  onSearch: { type: Function, default: null },
@@ -123,7 +124,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
123
124
  }, {
124
125
  onKeydown: I,
125
126
  open: y,
126
- toggleMenu: S,
127
+ toggleMenu: v,
127
128
  onButtonKeydown: P,
128
129
  query: C,
129
130
  containerProps: _,
@@ -132,13 +133,13 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
132
133
  filteredOptions: oe,
133
134
  allSelected: $,
134
135
  allSelectedApplied: A,
135
- isIndeterminate: ie,
136
+ isIndeterminate: le,
136
137
  onSelectAll: ne,
137
138
  virtualOptions: M,
138
139
  isSelected: O,
139
140
  selectedOption: h,
140
141
  selectedOptionPrevious: L,
141
- selectedValue: le,
142
+ selectedValue: ie,
142
143
  onSelect: R,
143
144
  activeIndex: z,
144
145
  onCancel: ae,
@@ -153,8 +154,8 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
153
154
  clearAll: me,
154
155
  isGroup: fe,
155
156
  flattenAndMarkGroupOptions: pe
156
- } = Fe(o, V, D), g = Ne(o.testId, p), H = B(() => !o.predefinedTrigger || o.predefinedTrigger === w.DEFAULT ? Ae : o.predefinedTrigger === w.APP ? Ee : null), { width: U } = Ve(W), ge = B(() => o.optionsListWidth ? o.optionsListWidth : !o.predefinedTrigger || o.predefinedTrigger === w.DEFAULT || o.predefinedTrigger === w.APP ? U.value - 2 > 240 ? `${U.value - 2}px` : `${D.DROPLIST_MIN_WIDTH}px` : "auto");
157
- Te(
157
+ } = Fe(o, V, D), g = Ne(o.testId, p), H = B(() => !o.predefinedTrigger || o.predefinedTrigger === T.DEFAULT ? Ae : o.predefinedTrigger === T.APP ? Ee : null), { width: U } = Ve(W), ge = B(() => o.optionsListWidth ? o.optionsListWidth : !o.predefinedTrigger || o.predefinedTrigger === T.DEFAULT || o.predefinedTrigger === T.APP ? U.value - 2 > 240 ? `${U.value - 2}px` : `${D.DROPLIST_MIN_WIDTH}px` : "auto");
158
+ we(
158
159
  () => o.optionsListWidth,
159
160
  () => {
160
161
  o.optionsListWidth && document.documentElement.style.setProperty(
@@ -164,50 +165,50 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
164
165
  }
165
166
  );
166
167
  const Y = () => {
167
- S();
168
+ v();
168
169
  }, X = B(() => {
169
- const i = {
170
+ const l = {
170
171
  tooltipMessage: null,
171
172
  selections: []
172
173
  };
173
174
  if (o.multi && o.comparingKey) {
174
- const l = v(h.value);
175
+ const i = S(h.value);
175
176
  if (o.minSelections || o.maxSelections) {
176
- if (Array.isArray(l) && l.length <= o.minSelections)
177
- return i.tooltipMessage = `You need to select at least ${o.minSelections} item${o.minSelections > 1 ? "s" : ""}`, i.selections = l.map(
177
+ if (Array.isArray(i) && i.length <= o.minSelections)
178
+ return l.tooltipMessage = `You need to select at least ${o.minSelections} item${o.minSelections > 1 ? "s" : ""}`, l.selections = i.map(
178
179
  (n) => n[o.comparingKey]
179
- ), i;
180
- if (o.maxSelections && Array.isArray(l) && l.length >= o.maxSelections) {
181
- const n = l.map(
180
+ ), l;
181
+ if (o.maxSelections && Array.isArray(i) && i.length >= o.maxSelections) {
182
+ const n = i.map(
182
183
  (b) => b[o.comparingKey]
183
184
  ), k = o.groupedOptions ? pe(o.options) : o.options;
184
- return i.tooltipMessage = `You can only select up to ${o.maxSelections} items`, i.selections = k.map((b) => {
185
+ return l.tooltipMessage = `You can only select up to ${o.maxSelections} items`, l.selections = k.map((b) => {
185
186
  if (!n.includes(b[o.comparingKey]))
186
187
  return b[o.comparingKey];
187
- }), i;
188
+ }), l;
188
189
  }
189
190
  }
190
191
  }
191
- return i.tooltipMessage = null, i.selections = [], i;
192
- }), he = (i) => {
192
+ return l.tooltipMessage = null, l.selections = [], l;
193
+ }), he = (l) => {
193
194
  if ((o.minSelections || o.maxSelections) && o.comparingKey)
194
195
  return X.value.selections.includes(
195
- i[o.comparingKey]
196
+ l[o.comparingKey]
196
197
  );
197
- }, E = (i) => i[o.disabledOptionKey] || he(i);
198
+ }, E = (l) => l[o.disabledOptionKey] || he(l);
198
199
  return Z({
199
200
  selectItem: R,
200
201
  scrollTo: se
201
- }), (i, l) => (a(), r("div", m({
202
+ }), (l, i) => (a(), r("div", m({
202
203
  ref_key: "el",
203
204
  ref: ye,
204
205
  class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": e.disabled, "full-width": e.fullWidth }]],
205
206
  tabindex: e.disabled ? -1 : 0
206
207
  }, t(g)[t(p).WRAPPER], {
207
- onKeydown: l[8] || (l[8] = //@ts-ignore
208
+ onKeydown: i[8] || (i[8] = //@ts-ignore
208
209
  (...n) => t(I) && t(I)(...n))
209
210
  }), [
210
- u(i.$slots, "label", {}, void 0, !0),
211
+ u(l.$slots, "label", {}, void 0, !0),
211
212
  f("div", Me, [
212
213
  d(t(xe), m({
213
214
  theme: e.theme,
@@ -228,7 +229,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
228
229
  "auto-size": e.autoSize
229
230
  }, t(g)[t(p).TRIGGER]), {
230
231
  popper: c(() => [
231
- d(we, null, {
232
+ d(Te, null, {
232
233
  default: c(() => [
233
234
  t(y) ? (a(), r("div", {
234
235
  key: 0,
@@ -242,26 +243,29 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
242
243
  }, [
243
244
  t(y) ? (a(), r("div", {
244
245
  key: 0,
245
- class: x(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
246
- onKeydown: l[7] || (l[7] = //@ts-ignore
246
+ class: x(["dropdown-list-wrapper", {
247
+ "dropdown-list-wrapper--multi": e.multi,
248
+ "dropdown-list-wrapper-always-show-scroll": e.alwaysShowScroll
249
+ }]),
250
+ onKeydown: i[7] || (i[7] = //@ts-ignore
247
251
  (...n) => t(I) && t(I)(...n))
248
252
  }, [
249
253
  t(y) && e.inlineSearch ? (a(), r("div", Ge, [
250
- e.withConditions ? u(i.$slots, "dropdown-conditions", { key: 0 }, () => [
254
+ e.withConditions ? u(l.$slots, "dropdown-conditions", { key: 0 }, () => [
251
255
  f("div", He, [
252
256
  d(t(Q), { variant: "body2" }, {
253
257
  default: c(() => [
254
- T("Conditions")
258
+ w("Conditions")
255
259
  ]),
256
260
  _: 1
257
261
  })
258
262
  ])
259
263
  ], !0) : s("", !0),
260
- u(i.$slots, "inline-search", {}, () => [
264
+ u(l.$slots, "inline-search", {}, () => [
261
265
  d(t(Be), {
262
266
  modelValue: t(C),
263
267
  "onUpdate:modelValue": [
264
- l[4] || (l[4] = (n) => Ie(C) ? C.value = n : null),
268
+ i[4] || (i[4] = (n) => Ie(C) ? C.value = n : null),
265
269
  e.onClearSearch
266
270
  ],
267
271
  placeholder: e.inlineSearchPlaceholder,
@@ -273,7 +277,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
273
277
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
274
278
  ], !0)
275
279
  ])) : s("", !0),
276
- u(i.$slots, "input-list", { open: t(y) }, void 0, !0),
280
+ u(l.$slots, "input-list", { open: t(y) }, void 0, !0),
277
281
  f("div", m({
278
282
  class: ["list-container", { "list-container--multi": e.multi }],
279
283
  style: { height: `${t(ee)}rem` }
@@ -281,7 +285,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
281
285
  ...t(_),
282
286
  ...t(g)[t(p).LIST_CONTAINER]
283
287
  }), [
284
- u(i.$slots, "custom-list-area", {}, void 0, !0),
288
+ u(l.$slots, "custom-list-area", {}, void 0, !0),
285
289
  f("ul", m(t(te), {
286
290
  role: "listbox",
287
291
  class: ["list", {
@@ -292,62 +296,62 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
292
296
  !t(oe).length && !e.loading && !e.withConditions ? (a(), r("li", Ue, [
293
297
  d(t(Q), m({ variant: "body2" }, t(g)[t(p).NO_RESULT]), {
294
298
  default: c(() => [
295
- T(q(e.noResultsText), 1)
299
+ w(q(e.noResultsText), 1)
296
300
  ]),
297
301
  _: 1
298
302
  }, 16)
299
303
  ])) : s("", !0),
300
- e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length && !(e.minSelections || e.maxSelections) ? u(i.$slots, "select-all", { key: 1 }, () => [
304
+ e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length && !(e.minSelections || e.maxSelections) ? u(l.$slots, "select-all", { key: 1 }, () => [
301
305
  f("li", null, [
302
306
  d(t(J), m(
303
307
  {
304
308
  "aria-selected": t($),
305
309
  "aria-disabled": !!e.disabled,
306
310
  "selected-prop": t($),
307
- "is-indeterminate": t(ie),
311
+ "is-indeterminate": t(le),
308
312
  "is-multi": e.multi,
309
313
  "select-all-option": ""
310
314
  },
311
315
  t(g)[t(p).SELECT_ALL],
312
316
  {
313
- onClick: l[5] || (l[5] = j((n) => t(ne)(), ["stop"]))
317
+ onClick: i[5] || (i[5] = j((n) => t(ne)(), ["stop"]))
314
318
  }
315
319
  ), {
316
320
  default: c(() => [
317
- T(" Select all ")
321
+ w(" Select all ")
318
322
  ]),
319
323
  _: 1
320
324
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate", "is-multi"])
321
325
  ])
322
326
  ], !0) : s("", !0),
323
- t(M).length && !e.loading ? (a(!0), r(ve, { key: 2 }, Se(t(M), ({ data: n, index: k }) => (a(), r("li", {
327
+ t(M).length && !e.loading ? (a(!0), r(Se, { key: 2 }, ve(t(M), ({ data: n, index: k }) => (a(), r("li", {
324
328
  key: k,
325
- "aria-selected": t(O)(v(t(h)), n),
329
+ "aria-selected": t(O)(S(t(h)), n),
326
330
  "aria-disabled": !!e.disabled,
327
331
  onClick: j(
328
332
  () => !E(n) && t(R)(n, k),
329
333
  ["stop"]
330
334
  )
331
335
  }, [
332
- e.groupedOptions && t(fe)(n) ? u(i.$slots, "group-option", { key: 0 }, () => [
336
+ e.groupedOptions && t(fe)(n) ? u(l.$slots, "group-option", { key: 0 }, () => [
333
337
  d(Pe, null, {
334
338
  default: c(() => [
335
- T(q(e.displayValue(n) || n[e.optionNameKey]), 1)
339
+ w(q(e.displayValue(n) || n[e.optionNameKey]), 1)
336
340
  ]),
337
341
  _: 2
338
342
  }, 1024)
339
- ], !0) : u(i.$slots, "default", {
343
+ ], !0) : u(l.$slots, "default", {
340
344
  key: 1,
341
345
  option: n,
342
346
  index: k,
343
- selected: t(O)(v(t(h)), n),
344
- active: v(t(z)) === k,
347
+ selected: t(O)(S(t(h)), n),
348
+ active: S(t(z)) === k,
345
349
  disabled: E(n)
346
350
  }, () => [
347
351
  d(t(J), {
348
352
  option: n,
349
353
  "selected-prop": t(O)(t(h), n),
350
- active: v(t(z)) === k,
354
+ active: S(t(z)) === k,
351
355
  disabled: E(n),
352
356
  "name-key": e.optionNameKey,
353
357
  "image-key": e.optionImageKey,
@@ -364,10 +368,10 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
364
368
  "is-multi": e.multi,
365
369
  "min-max-selection-tooltip-message": t(X)?.tooltipMessage
366
370
  }, Ce({ _: 2 }, [
367
- i.$slots["option-end"] ? {
371
+ l.$slots["option-end"] ? {
368
372
  name: "option-end",
369
373
  fn: c(({ option: b }) => [
370
- u(i.$slots, "option-end", { option: b }, void 0, !0)
374
+ u(l.$slots, "option-end", { option: b }, void 0, !0)
371
375
  ]),
372
376
  key: "0"
373
377
  } : void 0
@@ -395,11 +399,11 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
395
399
  },
396
400
  t(g)[t(p).ACTION_CLEAR_ALL],
397
401
  {
398
- onClick: l[6] || (l[6] = () => t(G)(!1))
402
+ onClick: i[6] || (i[6] = () => t(G)(!1))
399
403
  }
400
404
  ), {
401
405
  default: c(() => [
402
- T(" Clear all ")
406
+ w(" Clear all ")
403
407
  ]),
404
408
  _: 1
405
409
  }, 16)) : s("", !0)
@@ -417,7 +421,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
417
421
  { onClick: t(ae) }
418
422
  ), {
419
423
  default: c(() => [
420
- T(" Cancel ")
424
+ w(" Cancel ")
421
425
  ]),
422
426
  _: 1
423
427
  }, 16, ["onClick"]),
@@ -429,14 +433,14 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
429
433
  class: "apply-button"
430
434
  }, t(g)[t(p).ACTION_APPLY], { onClick: t(de) }), {
431
435
  default: c(() => [
432
- T(" Apply ")
436
+ w(" Apply ")
433
437
  ]),
434
438
  _: 1
435
439
  }, 16, ["onClick"])
436
440
  ])
437
441
  ])) : s("", !0),
438
- i.$slots.footer ? (a(), r("div", Qe, [
439
- u(i.$slots, "footer", {}, void 0, !0)
442
+ l.$slots.footer ? (a(), r("div", Qe, [
443
+ u(l.$slots, "footer", {}, void 0, !0)
440
444
  ])) : s("", !0)
441
445
  ], 34)) : s("", !0)
442
446
  ], 6)) : s("", !0)
@@ -456,12 +460,12 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
456
460
  ref_key: "buttonRef",
457
461
  ref: W
458
462
  }, [
459
- u(i.$slots, "dropdown-trigger", {
463
+ u(l.$slots, "dropdown-trigger", {
460
464
  buttonTriggerProps: {
461
465
  open: t(y),
462
466
  disabled: e.disabled,
463
- label: t(le) || e.placeholder,
464
- onClick: () => t(S)(),
467
+ label: t(ie) || e.placeholder,
468
+ onClick: () => t(v)(),
465
469
  testId: e.testId
466
470
  },
467
471
  defaultTriggerProps: {
@@ -523,15 +527,15 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
523
527
  "all-selected": t(A),
524
528
  onKeydown: t(P),
525
529
  onClick: Y,
526
- onCopyToClipboard: l[0] || (l[0] = (n) => V("copyToClipboard"))
530
+ onCopyToClipboard: i[0] || (i[0] = (n) => V("copyToClipboard"))
527
531
  }, null, 40, ["placeholder", "open", "label", "show-feedback-icon", "mandatory", "test-id", "multi", "disabled", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "option-end-icon-key", "option-end-icon-type", "options-end-text-icon-key", "option-flag-key", "feedback-variant", "value-to-copy", "status-dot-type", "size", "show-all-selected-text", "all-selected", "onKeydown"]))
528
532
  ])) : s("", !0),
529
- e.predefinedTrigger === t(w).ICON_BUTTON ? (a(), r("div", ze, [
533
+ e.predefinedTrigger === t(T).ICON_BUTTON ? (a(), r("div", ze, [
530
534
  d(t(Oe), {
531
- onClick: l[1] || (l[1] = (n) => t(S)())
535
+ onClick: i[1] || (i[1] = (n) => t(v)())
532
536
  })
533
537
  ])) : s("", !0),
534
- e.predefinedTrigger === t(w).CHIP ? (a(), r("div", We, [
538
+ e.predefinedTrigger === t(T).CHIP ? (a(), r("div", We, [
535
539
  d(t(Le), {
536
540
  open: t(y),
537
541
  label: e.placeholder,
@@ -542,8 +546,8 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
542
546
  multi: e.multi,
543
547
  "all-selected": t(A),
544
548
  "shown-values-count": e.triggerShownValuesCount,
545
- onClick: l[2] || (l[2] = (n) => t(S)()),
546
- onClear: l[3] || (l[3] = (n) => t(G)())
549
+ onClick: i[2] || (i[2] = (n) => t(v)()),
550
+ onClear: i[3] || (i[3] = (n) => t(G)())
547
551
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi", "all-selected", "shown-values-count"])
548
552
  ])) : s("", !0)
549
553
  ], !0)
package/components/dropdown/v4/TreeDropdown.vue.d.ts CHANGED
@@ -20,6 +20,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
20
20
  optionChildrenKey: string;
21
21
  optionUniqueIdKey: string | number;
22
22
  preExpandedOptions: string[] | number[];
23
+ triggerFeedbackText?: string;
24
+ triggerFeedbackVariant?: "success" | "warning" | "error";
23
25
  }>, {
24
26
  selected: any;
25
27
  placeholder: string;
@@ -36,6 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
36
38
  optionEndTextIconKey: any;
37
39
  valueToCopy: any;
38
40
  disabledOptionKey: string;
41
+ triggerFeedbackText: string;
42
+ triggerFeedbackVariant: any;
39
43
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
40
44
  "update:selected": (value: unknown) => void;
41
45
  "update:isOpen": (value: unknown) => void;
@@ -61,6 +65,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
61
65
  optionChildrenKey: string;
62
66
  optionUniqueIdKey: string | number;
63
67
  preExpandedOptions: string[] | number[];
68
+ triggerFeedbackText?: string;
69
+ triggerFeedbackVariant?: "success" | "warning" | "error";
64
70
  }>, {
65
71
  selected: any;
66
72
  placeholder: string;
@@ -77,6 +83,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
77
83
  optionEndTextIconKey: any;
78
84
  valueToCopy: any;
79
85
  disabledOptionKey: string;
86
+ triggerFeedbackText: string;
87
+ triggerFeedbackVariant: any;
80
88
  }>>> & {
81
89
  "onUpdate:selected"?: (value: unknown) => any;
82
90
  "onUpdate:isOpen"?: (value: unknown) => any;
@@ -87,6 +95,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
87
95
  valueToCopy: string;
88
96
  selected: unknown[];
89
97
  placeholder: string;
98
+ triggerFeedbackText: string;
99
+ triggerFeedbackVariant: "success" | "warning" | "error";
90
100
  inlineSearchPlaceholder: string;
91
101
  optionNameKey: string;
92
102
  optionIconKey: string;
package/components/dropdown/v4/TreeDropdown.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./TreeDropdown.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4ba9e4bd"]]);
3
+ // import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_63dc057e_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-63dc057e"]]);
5
5
  export {
6
6
  s as default
7
7
  };