@ironsource/shared-ui 2.1.12-rc.46 → 2.1.12-rc.48

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 (32) hide show
  1. package/ChartPlane.vue_vue_type_style_index_0_scoped_908ef54f_lang.css +1 -0
  2. package/ChartTooltip.vue_vue_type_style_index_0_scoped_3a6b2681_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_f9907ea0_lang.css +1 -0
  4. package/TagsField.vue_vue_type_style_index_0_scoped_9760426b_lang.css +1 -0
  5. package/TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css +1 -0
  6. package/components/chart/ChartPlane.vue.js +2 -2
  7. package/components/chart/ChartPlane.vue2.js +4 -4
  8. package/components/chart/ChartTooltip.vue.js +2 -2
  9. package/components/chart/ChartTooltip.vue2.js +1 -1
  10. package/components/dropdown/v4/DropdownV4.vue.d.ts +1 -0
  11. package/components/dropdown/v4/DropdownV4.vue.js +4 -4
  12. package/components/dropdown/v4/DropdownV4.vue2.js +88 -82
  13. package/components/dropdown/v4/index.d.ts +1 -0
  14. package/components/tagsField/TagsField.types.d.ts +4 -0
  15. package/components/tagsField/TagsField.vue.d.ts +65 -0
  16. package/components/tagsField/TagsField.vue.js +7 -0
  17. package/components/tagsField/TagsField.vue2.js +90 -0
  18. package/components/tagsField/TagsFieldChip.vue.d.ts +45 -0
  19. package/components/tagsField/TagsFieldChip.vue.js +7 -0
  20. package/components/tagsField/TagsFieldChip.vue2.js +81 -0
  21. package/components/tagsField/consts.d.ts +1 -0
  22. package/components/tagsField/consts.js +4 -0
  23. package/components/tagsField/index.d.ts +75 -0
  24. package/components/tagsField/index.js +6 -0
  25. package/index.d.ts +3 -0
  26. package/index.js +74 -70
  27. package/package.json +5 -1
  28. package/testids/index.d.ts +5 -0
  29. package/testids/index.js +29 -28
  30. package/ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css +0 -1
  31. package/ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css +0 -1
  32. package/DropdownV4.vue_vue_type_style_index_0_scoped_55dd36a7_lang.css +0 -1
package/ChartPlane.vue_vue_type_style_index_0_scoped_908ef54f_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-plane-container[data-v-908ef54f]{--headerHeight: var(--00ed3012);width:100%;height:var(--38d88ce2);position:relative}.header-wrapper[data-v-908ef54f]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-908ef54f]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-908ef54f]{background:var(--background-paper)}.chart[data-v-908ef54f]{width:100%;height:100%;position:relative}.chart__canvas[data-v-908ef54f]{width:100%;height:100%}.chart__tooltip[data-v-908ef54f]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
package/ChartTooltip.vue_vue_type_style_index_0_scoped_3a6b2681_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-tooltip[data-v-3a6b2681]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-3a6b2681]{min-width:12px;width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-3a6b2681]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-3a6b2681]{list-style:none;margin:0;padding:0}.list__item[data-v-3a6b2681]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-3a6b2681]:last-child{margin-bottom:0}.platform-icon[data-v-3a6b2681]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-3a6b2681]{display:flex;width:120px;flex-grow:1}.truncated-label[data-v-3a6b2681]{max-width:95%}.tooltip-footer[data-v-3a6b2681]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-3a6b2681]{flex-grow:1}
package/DropdownV4.vue_vue_type_style_index_0_scoped_f9907ea0_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-f9907ea0],.v-leave-active[data-v-f9907ea0]{transition:opacity .25s ease}ol[data-v-f9907ea0],ul[data-v-f9907ea0],menu[data-v-f9907ea0]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-f9907ea0],.dropdown.full-width .button__container[data-v-f9907ea0]{width:100%}.dropdown-list-wrapper[data-v-f9907ea0]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-f9907ea0]{padding:.5rem}.list-container--multi[data-v-f9907ea0]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-f9907ea0]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-f9907ea0]{width:100%}.inline-search .list-container[data-v-f9907ea0]{padding-top:0}.no-result-container[data-v-f9907ea0]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-f9907ea0]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-f9907ea0]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-f9907ea0]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-f9907ea0]{min-height:0;margin-bottom:0}.image-slot[data-v-f9907ea0]{margin-right:.5rem}.actions-wrapper[data-v-f9907ea0]{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-f9907ea0]{display:flex;width:100%;padding:.5rem .5rem .375rem .4375rem;border-top:1px solid var(--common-divider);margin-top:.25rem}.apply-button[data-v-f9907ea0]{margin-left:.5rem}
package/TagsField.vue_vue_type_style_index_0_scoped_9760426b_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-9760426b],.font-chart-2[data-v-9760426b],.font-chart-1[data-v-9760426b]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-9760426b],.font-table-label[data-v-9760426b],.font-button[data-v-9760426b],.font-heading-6[data-v-9760426b],.font-heading-5[data-v-9760426b],.font-heading-4[data-v-9760426b],.font-heading-3[data-v-9760426b],.font-heading-2[data-v-9760426b],.font-heading-1[data-v-9760426b],.font-title[data-v-9760426b]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-9760426b],.font-input-label[data-v-9760426b],.font-overline[data-v-9760426b],.font-subtitle-2[data-v-9760426b],.font-subtitle-1[data-v-9760426b]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-9760426b],.font-body-2[data-v-9760426b],.input-container .input[data-v-9760426b],.font-body-1[data-v-9760426b]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-9760426b]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-9760426b]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-9760426b]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-9760426b]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-9760426b]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-9760426b]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-9760426b]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-9760426b],.font-body-1[data-v-9760426b]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-9760426b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-9760426b]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-9760426b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-9760426b]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-9760426b]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-9760426b]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-9760426b]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-9760426b]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-9760426b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-9760426b]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-9760426b],.font-tab-label2[data-v-9760426b]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-9760426b]{font-size:.75rem;line-height:1rem}h1[data-v-9760426b],h2[data-v-9760426b],h3[data-v-9760426b],h4[data-v-9760426b],h5[data-v-9760426b],h6[data-v-9760426b]{margin:0}.tags-field[data-v-9760426b]{display:flex;width:100%;max-width:100%;flex-direction:column}.tags-field--warning .input-container[data-v-9760426b],.tags-field--warning .input-container[data-v-9760426b]:hover{outline:2px solid var(--warning-dark)}.tags-field--success .input-container[data-v-9760426b],.tags-field--success .input-container[data-v-9760426b]:hover{outline:2px solid var(--success-dark)}.tags-field--error .input-container[data-v-9760426b],.tags-field--error .input-container[data-v-9760426b]:hover{outline:2px solid var(--error-main)}.input-container[data-v-9760426b]{min-height:1.75rem;width:100%;flex-wrap:wrap;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:.25rem var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-9760426b]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-9760426b]{padding:0;flex-shrink:0;flex-grow:1;min-width:2.5rem;width:auto;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-9760426b]:focus{outline:none}.input-container .input[data-v-9760426b]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container[data-v-9760426b] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container--focused[data-v-9760426b],.input-container--focused[data-v-9760426b]:hover{background-color:var(--action-hover);outline:2px solid var(--primary-main);outline-offset:-2px}.footer[data-v-9760426b]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}
package/TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-d186b7ef],.font-chart-2[data-v-d186b7ef],.font-chart-1[data-v-d186b7ef]{font-family:Inter,sans-serif;font-weight:700}.chip-input[data-v-d186b7ef],.font-chip-label[data-v-d186b7ef],.font-table-label[data-v-d186b7ef],.font-button[data-v-d186b7ef],.font-heading-6[data-v-d186b7ef],.font-heading-5[data-v-d186b7ef],.font-heading-4[data-v-d186b7ef],.font-heading-3[data-v-d186b7ef],.font-heading-2[data-v-d186b7ef],.font-heading-1[data-v-d186b7ef],.font-title[data-v-d186b7ef]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-d186b7ef],.font-input-label[data-v-d186b7ef],.font-overline[data-v-d186b7ef],.font-subtitle-2[data-v-d186b7ef],.font-subtitle-1[data-v-d186b7ef]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-d186b7ef],.font-body-2[data-v-d186b7ef],.font-body-1[data-v-d186b7ef]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-d186b7ef]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-d186b7ef]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-d186b7ef]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-d186b7ef]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-d186b7ef]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-d186b7ef]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-d186b7ef]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-d186b7ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-d186b7ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-d186b7ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-d186b7ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-d186b7ef]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-d186b7ef]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-d186b7ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-d186b7ef]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-d186b7ef]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-d186b7ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-d186b7ef]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-d186b7ef],.font-tab-label2[data-v-d186b7ef]{font-size:.875rem;line-height:1rem}.chip-input[data-v-d186b7ef],.font-chip-label[data-v-d186b7ef]{font-size:.75rem;line-height:1rem}h1[data-v-d186b7ef],h2[data-v-d186b7ef],h3[data-v-d186b7ef],h4[data-v-d186b7ef],h5[data-v-d186b7ef],h6[data-v-d186b7ef]{margin:0}.tags-field-chip[data-v-d186b7ef]{--outline-color: var(--default-outlined-border);border-radius:100px}.tags-field-chip--invalid[data-v-d186b7ef]{--outline-color: var(--error-outlined-border)}.tags-field-chip--editing[data-v-d186b7ef]{outline:1px solid var(--outline-color)}.chip-content[data-v-d186b7ef]{display:flex;position:relative}.chip-label[data-v-d186b7ef]{min-width:.5rem}.chip-label--hidden[data-v-d186b7ef]{visibility:hidden}.chip-input[data-v-d186b7ef]{position:absolute;left:0;top:-.5px;width:100%;height:100%;background:transparent;color:var(--text-primary);line-height:normal;min-width:.5rem;padding:0;border:none}.chip-input[data-v-d186b7ef]:focus{outline:none}.clear-button[data-v-d186b7ef]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-d186b7ef]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-d186b7ef]{color:var(--error-dark)}.clear-button--invalid[data-v-d186b7ef]:hover{color:var(--error-darker)}
package/components/chart/ChartPlane.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./ChartPlane.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-dd60ff0e"]]);
3
+ // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_908ef54f_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-908ef54f"]]);
5
5
  export {
6
6
  a as default
7
7
  };
package/components/chart/ChartPlane.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as i, ref as S, onMounted as ne, watch as T, nextTick as se, openBlock as p, createElementBlock as E, createVNode as de, isRef as ce, createSlots as ue, withCtx as fe, renderSlot as pe, createCommentVNode as L, createElementVNode as R, normalizeStyle as he, createBlock as D } from "vue";
1
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_908ef54f_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as i, ref as S, onMounted as ne, watch as T, nextTick as se, openBlock as p, createElementBlock as E, createVNode as de, isRef as ce, createSlots as ue, withCtx as fe, renderSlot as pe, createCommentVNode as L, createElementVNode as R, normalizeStyle as he, createBlock as D } from "vue";
2
2
  import { Chart as V, ArcElement as me, LineElement as ve, BarElement as Te, PointElement as ye, LineController as Ce, BarController as ge, PieController as be, ScatterController as xe, CategoryScale as Ae, LinearScale as ke, Filler as Se, Tooltip as Ee } from "chart.js";
3
3
  import { HoverVerticalLine as Le } from "./plugins/HoverVerticalLine.js";
4
4
  import { prepareTickLabel as Re, formatValue as De } from "./utils/utils.js";
@@ -66,8 +66,8 @@ const tt = { class: "chart-plane-container" }, at = {
66
66
  setup(o, { emit: $ }) {
67
67
  const e = o;
68
68
  ie((t) => ({
69
- "53e851a1": s(ae),
70
- "45a8c08c": o.height
69
+ "00ed3012": s(ae),
70
+ "38d88ce2": o.height
71
71
  }));
72
72
  const z = ze(Re);
73
73
  V.register(
@@ -269,7 +269,7 @@ const tt = { class: "chart-plane-container" }, at = {
269
269
  count: e.tickCount + 1,
270
270
  padding: 8,
271
271
  min: 0,
272
- callback: (t) => e.valuePrefix + De(t, e.yAxisFormat) + e.valueSuffix
272
+ callback: (t) => e.valuePrefix + De(t, e.yAxisFormat, !0) + e.valueSuffix
273
273
  },
274
274
  // grid lines
275
275
  grid: {
package/components/chart/ChartTooltip.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ChartTooltip.vue2.js";
2
2
  /* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css"; //*');
4
- const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3d0780bb"]]);
3
+ // import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3a6b2681_lang.css"; //*');
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3a6b2681"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/chart/ChartTooltip.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as o, createBlock as f, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as c, normalizeStyle as h, unref as l, createVNode as i, withCtx as n, createTextVNode as u, toDisplayString as s } from "vue";
1
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_3a6b2681_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as o, createBlock as f, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as c, normalizeStyle as h, unref as l, createVNode as i, withCtx as n, createTextVNode as u, toDisplayString as s } from "vue";
2
2
  import d from "../typography/v4/Typography.vue.js";
3
3
  import b from "../icon/v4/IconV4.vue.js";
4
4
  import "../icon/v4/IconFlag.vue.js";
package/components/dropdown/v4/DropdownV4.vue.d.ts CHANGED
@@ -417,6 +417,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
417
417
  "option-end"?(_: {
418
418
  option: any;
419
419
  }): any;
420
+ footer?(_: {}): any;
420
421
  }>;
421
422
  export default _default;
422
423
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
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_55dd36a7_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_f9907ea0_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const d = /* @__PURE__ */ _(o, [["__scopeId", "data-v-55dd36a7"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f9907ea0"]]);
6
6
  export {
7
- d as default
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_55dd36a7_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as ke, computed as x, watch as Te, toRaw as S, openBlock as d, createElementBlock as r, mergeProps as m, unref as t, renderSlot as y, createElementVNode as f, createVNode as a, withCtx as u, Transition as we, normalizeClass as B, normalizeStyle as be, createTextVNode as T, 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";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_f9907ea0_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";
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";
@@ -13,9 +13,9 @@ import "./ButtonFilterDropdownTrigger.vue.js";
13
13
  import "./TreeDropdown.vue.js";
14
14
  import J from "./OptionV4.vue.js";
15
15
  import "./ConditionalDropdown.vue.js";
16
- import xe from "../../search/v4/SearchV4.vue.js";
16
+ import Be from "../../search/v4/SearchV4.vue.js";
17
17
  import Q from "../../typography/v4/Typography.vue.js";
18
- import { Dropdown as Be } from "floating-vue";
18
+ import { Dropdown as xe } from "floating-vue";
19
19
  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";
@@ -36,7 +36,10 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
36
36
  }, qe = {
37
37
  key: 1,
38
38
  class: "actions-wrapper"
39
- }, je = { class: "actions-clear-all" }, Je = { class: "actions-apply-cancel" }, vt = /* @__PURE__ */ ke({
39
+ }, je = { class: "actions-clear-all" }, Je = { class: "actions-apply-cancel" }, Qe = {
40
+ key: 2,
41
+ class: "dropdown-footer"
42
+ }, Ct = /* @__PURE__ */ ke({
40
43
  __name: "DropdownV4",
41
44
  props: {
42
45
  modelValue: { default: null },
@@ -119,8 +122,8 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
119
122
  VERSION: 4
120
123
  }, {
121
124
  onKeydown: I,
122
- open: c,
123
- toggleMenu: v,
125
+ open: y,
126
+ toggleMenu: S,
124
127
  onButtonKeydown: P,
125
128
  query: C,
126
129
  containerProps: _,
@@ -129,8 +132,8 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
129
132
  filteredOptions: oe,
130
133
  allSelected: $,
131
134
  allSelectedApplied: A,
132
- isIndeterminate: ne,
133
- onSelectAll: ie,
135
+ isIndeterminate: ie,
136
+ onSelectAll: ne,
134
137
  virtualOptions: M,
135
138
  isSelected: O,
136
139
  selectedOption: h,
@@ -150,7 +153,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
150
153
  clearAll: me,
151
154
  isGroup: fe,
152
155
  flattenAndMarkGroupOptions: pe
153
- } = Fe(o, V, D), g = Ne(o.testId, p), H = x(() => !o.predefinedTrigger || o.predefinedTrigger === w.DEFAULT ? Ae : o.predefinedTrigger === w.APP ? Ee : null), { width: U } = Ve(W), ge = x(() => 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");
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");
154
157
  Te(
155
158
  () => o.optionsListWidth,
156
159
  () => {
@@ -161,14 +164,14 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
161
164
  }
162
165
  );
163
166
  const Y = () => {
164
- v();
165
- }, X = x(() => {
167
+ S();
168
+ }, X = B(() => {
166
169
  const i = {
167
170
  tooltipMessage: null,
168
171
  selections: []
169
172
  };
170
173
  if (o.multi && o.comparingKey) {
171
- const l = S(h.value);
174
+ const l = v(h.value);
172
175
  if (o.minSelections || o.maxSelections) {
173
176
  if (Array.isArray(l) && l.length <= o.minSelections)
174
177
  return i.tooltipMessage = `You need to select at least ${o.minSelections} item${o.minSelections > 1 ? "s" : ""}`, i.selections = l.map(
@@ -195,7 +198,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
195
198
  return Z({
196
199
  selectItem: R,
197
200
  scrollTo: se
198
- }), (i, l) => (d(), r("div", m({
201
+ }), (i, l) => (a(), r("div", m({
199
202
  ref_key: "el",
200
203
  ref: ye,
201
204
  class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": e.disabled, "full-width": e.fullWidth }]],
@@ -204,9 +207,9 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
204
207
  onKeydown: l[8] || (l[8] = //@ts-ignore
205
208
  (...n) => t(I) && t(I)(...n))
206
209
  }), [
207
- y(i.$slots, "label", {}, void 0, !0),
210
+ u(i.$slots, "label", {}, void 0, !0),
208
211
  f("div", Me, [
209
- a(t(Be), m({
212
+ d(t(xe), m({
210
213
  theme: e.theme,
211
214
  "popper-class": [
212
215
  e.popperClass,
@@ -219,43 +222,43 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
219
222
  distance: e.distance,
220
223
  flip: e.flip,
221
224
  triggers: [],
222
- shown: !!t(c),
225
+ shown: !!t(y),
223
226
  "auto-hide": !1,
224
227
  container: e.container,
225
228
  "auto-size": e.autoSize
226
229
  }, t(g)[t(p).TRIGGER]), {
227
- popper: u(() => [
228
- a(we, null, {
229
- default: u(() => [
230
- t(c) ? (d(), r("div", {
230
+ popper: c(() => [
231
+ d(we, null, {
232
+ default: c(() => [
233
+ t(y) ? (a(), r("div", {
231
234
  key: 0,
232
235
  ref_key: "listRef",
233
236
  ref: re,
234
- class: B(["light-theme-v4", {
237
+ class: x(["light-theme-v4", {
235
238
  "dropdown--disabled": e.disabled,
236
239
  "inline-search": e.inlineSearch
237
240
  }]),
238
241
  style: be({ width: t(ge) })
239
242
  }, [
240
- t(c) ? (d(), r("div", {
243
+ t(y) ? (a(), r("div", {
241
244
  key: 0,
242
- class: B(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
245
+ class: x(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
243
246
  onKeydown: l[7] || (l[7] = //@ts-ignore
244
247
  (...n) => t(I) && t(I)(...n))
245
248
  }, [
246
- t(c) && e.inlineSearch ? (d(), r("div", Ge, [
247
- e.withConditions ? y(i.$slots, "dropdown-conditions", { key: 0 }, () => [
249
+ t(y) && e.inlineSearch ? (a(), r("div", Ge, [
250
+ e.withConditions ? u(i.$slots, "dropdown-conditions", { key: 0 }, () => [
248
251
  f("div", He, [
249
- a(t(Q), { variant: "body2" }, {
250
- default: u(() => [
252
+ d(t(Q), { variant: "body2" }, {
253
+ default: c(() => [
251
254
  T("Conditions")
252
255
  ]),
253
256
  _: 1
254
257
  })
255
258
  ])
256
259
  ], !0) : s("", !0),
257
- y(i.$slots, "inline-search", {}, () => [
258
- a(t(xe), {
260
+ u(i.$slots, "inline-search", {}, () => [
261
+ d(t(Be), {
259
262
  modelValue: t(C),
260
263
  "onUpdate:modelValue": [
261
264
  l[4] || (l[4] = (n) => Ie(C) ? C.value = n : null),
@@ -270,7 +273,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
270
273
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
271
274
  ], !0)
272
275
  ])) : s("", !0),
273
- y(i.$slots, "input-list", { open: t(c) }, void 0, !0),
276
+ u(i.$slots, "input-list", { open: t(y) }, void 0, !0),
274
277
  f("div", m({
275
278
  class: ["list-container", { "list-container--multi": e.multi }],
276
279
  style: { height: `${t(ee)}rem` }
@@ -278,7 +281,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
278
281
  ...t(_),
279
282
  ...t(g)[t(p).LIST_CONTAINER]
280
283
  }), [
281
- y(i.$slots, "custom-list-area", {}, void 0, !0),
284
+ u(i.$slots, "custom-list-area", {}, void 0, !0),
282
285
  f("ul", m(t(te), {
283
286
  role: "listbox",
284
287
  class: ["list", {
@@ -286,65 +289,65 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
286
289
  "list--with-conditions": e.withConditions
287
290
  }]
288
291
  }), [
289
- !t(oe).length && !e.loading && !e.withConditions ? (d(), r("li", Ue, [
290
- a(t(Q), m({ variant: "body2" }, t(g)[t(p).NO_RESULT]), {
291
- default: u(() => [
292
+ !t(oe).length && !e.loading && !e.withConditions ? (a(), r("li", Ue, [
293
+ d(t(Q), m({ variant: "body2" }, t(g)[t(p).NO_RESULT]), {
294
+ default: c(() => [
292
295
  T(q(e.noResultsText), 1)
293
296
  ]),
294
297
  _: 1
295
298
  }, 16)
296
299
  ])) : s("", !0),
297
- e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length && !(e.minSelections || e.maxSelections) ? y(i.$slots, "select-all", { key: 1 }, () => [
300
+ e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length && !(e.minSelections || e.maxSelections) ? u(i.$slots, "select-all", { key: 1 }, () => [
298
301
  f("li", null, [
299
- a(t(J), m(
302
+ d(t(J), m(
300
303
  {
301
304
  "aria-selected": t($),
302
305
  "aria-disabled": !!e.disabled,
303
306
  "selected-prop": t($),
304
- "is-indeterminate": t(ne),
307
+ "is-indeterminate": t(ie),
305
308
  "is-multi": e.multi,
306
309
  "select-all-option": ""
307
310
  },
308
311
  t(g)[t(p).SELECT_ALL],
309
312
  {
310
- onClick: l[5] || (l[5] = j((n) => t(ie)(), ["stop"]))
313
+ onClick: l[5] || (l[5] = j((n) => t(ne)(), ["stop"]))
311
314
  }
312
315
  ), {
313
- default: u(() => [
316
+ default: c(() => [
314
317
  T(" Select all ")
315
318
  ]),
316
319
  _: 1
317
320
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate", "is-multi"])
318
321
  ])
319
322
  ], !0) : s("", !0),
320
- t(M).length && !e.loading ? (d(!0), r(Se, { key: 2 }, ve(t(M), ({ data: n, index: k }) => (d(), r("li", {
323
+ t(M).length && !e.loading ? (a(!0), r(ve, { key: 2 }, Se(t(M), ({ data: n, index: k }) => (a(), r("li", {
321
324
  key: k,
322
- "aria-selected": t(O)(S(t(h)), n),
325
+ "aria-selected": t(O)(v(t(h)), n),
323
326
  "aria-disabled": !!e.disabled,
324
327
  onClick: j(
325
328
  () => !E(n) && t(R)(n, k),
326
329
  ["stop"]
327
330
  )
328
331
  }, [
329
- e.groupedOptions && t(fe)(n) ? y(i.$slots, "group-option", { key: 0 }, () => [
330
- a(Pe, null, {
331
- default: u(() => [
332
+ e.groupedOptions && t(fe)(n) ? u(i.$slots, "group-option", { key: 0 }, () => [
333
+ d(Pe, null, {
334
+ default: c(() => [
332
335
  T(q(e.displayValue(n) || n[e.optionNameKey]), 1)
333
336
  ]),
334
337
  _: 2
335
338
  }, 1024)
336
- ], !0) : y(i.$slots, "default", {
339
+ ], !0) : u(i.$slots, "default", {
337
340
  key: 1,
338
341
  option: n,
339
342
  index: k,
340
- selected: t(O)(S(t(h)), n),
341
- active: S(t(z)) === k,
343
+ selected: t(O)(v(t(h)), n),
344
+ active: v(t(z)) === k,
342
345
  disabled: E(n)
343
346
  }, () => [
344
- a(t(J), {
347
+ d(t(J), {
345
348
  option: n,
346
349
  "selected-prop": t(O)(t(h), n),
347
- active: S(t(z)) === k,
350
+ active: v(t(z)) === k,
348
351
  disabled: E(n),
349
352
  "name-key": e.optionNameKey,
350
353
  "image-key": e.optionImageKey,
@@ -363,25 +366,25 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
363
366
  }, Ce({ _: 2 }, [
364
367
  i.$slots["option-end"] ? {
365
368
  name: "option-end",
366
- fn: u(({ option: b }) => [
367
- y(i.$slots, "option-end", { option: b }, void 0, !0)
369
+ fn: c(({ option: b }) => [
370
+ u(i.$slots, "option-end", { option: b }, void 0, !0)
368
371
  ]),
369
372
  key: "0"
370
373
  } : void 0
371
374
  ]), 1032, ["option", "selected-prop", "active", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "option-flag-key", "warning-key", "option-two-lines-variant", "option-two-lines-key", "tooltip-placement", "is-multi", "min-max-selection-tooltip-message"])
372
375
  ], !0)
373
376
  ], 8, Ye))), 128)) : s("", !0),
374
- e.loading || e.loadMoreLoading ? (d(), r("li", Xe, [
375
- a(t(K), { round: "" }),
376
- a(t(K), { round: "" }),
377
- a(t(K), { round: "" }),
378
- a(t(K), { round: "" })
377
+ e.loading || e.loadMoreLoading ? (a(), r("li", Xe, [
378
+ d(t(K), { round: "" }),
379
+ d(t(K), { round: "" }),
380
+ d(t(K), { round: "" }),
381
+ d(t(K), { round: "" })
379
382
  ])) : s("", !0)
380
383
  ], 16)
381
384
  ], 16),
382
- e.multi ? (d(), r("div", qe, [
385
+ e.multi ? (a(), r("div", qe, [
383
386
  f("div", je, [
384
- e.showClearAll ? (d(), F(t(N), m(
387
+ e.showClearAll ? (a(), F(t(N), m(
385
388
  {
386
389
  key: 0,
387
390
  ref_key: "clearAll",
@@ -395,14 +398,14 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
395
398
  onClick: l[6] || (l[6] = () => t(G)(!1))
396
399
  }
397
400
  ), {
398
- default: u(() => [
401
+ default: c(() => [
399
402
  T(" Clear all ")
400
403
  ]),
401
404
  _: 1
402
405
  }, 16)) : s("", !0)
403
406
  ]),
404
407
  f("div", Je, [
405
- a(t(N), m(
408
+ d(t(N), m(
406
409
  {
407
410
  ref_key: "cancel",
408
411
  ref: ce,
@@ -413,24 +416,27 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
413
416
  t(g)[t(p).ACTION_CANCEL],
414
417
  { onClick: t(ae) }
415
418
  ), {
416
- default: u(() => [
419
+ default: c(() => [
417
420
  T(" Cancel ")
418
421
  ]),
419
422
  _: 1
420
423
  }, 16, ["onClick"]),
421
- a(t(N), m({
424
+ d(t(N), m({
422
425
  ref_key: "apply",
423
426
  ref: ue,
424
427
  "data-testid": "mutli-apply",
425
428
  size: "small",
426
429
  class: "apply-button"
427
430
  }, t(g)[t(p).ACTION_APPLY], { onClick: t(de) }), {
428
- default: u(() => [
431
+ default: c(() => [
429
432
  T(" Apply ")
430
433
  ]),
431
434
  _: 1
432
435
  }, 16, ["onClick"])
433
436
  ])
437
+ ])) : s("", !0),
438
+ i.$slots.footer ? (a(), r("div", Qe, [
439
+ u(i.$slots, "footer", {}, void 0, !0)
434
440
  ])) : s("", !0)
435
441
  ], 34)) : s("", !0)
436
442
  ], 6)) : s("", !0)
@@ -438,10 +444,10 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
438
444
  _: 3
439
445
  })
440
446
  ]),
441
- default: u(() => [
447
+ default: c(() => [
442
448
  f("div", {
443
- class: B(["button__container", {
444
- "button__container--open": !!t(c),
449
+ class: x(["button__container", {
450
+ "button__container--open": !!t(y),
445
451
  [`button__container--${e.size}`]: !0,
446
452
  "button__container--disabled": e.disabled
447
453
  }])
@@ -450,16 +456,16 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
450
456
  ref_key: "buttonRef",
451
457
  ref: W
452
458
  }, [
453
- y(i.$slots, "dropdown-trigger", {
459
+ u(i.$slots, "dropdown-trigger", {
454
460
  buttonTriggerProps: {
455
- open: t(c),
461
+ open: t(y),
456
462
  disabled: e.disabled,
457
463
  label: t(le) || e.placeholder,
458
- onClick: () => t(v)()
464
+ onClick: () => t(S)()
459
465
  },
460
466
  defaultTriggerProps: {
461
467
  placeholder: e.placeholder,
462
- open: t(c),
468
+ open: t(y),
463
469
  label: e.triggerLabel,
464
470
  showFeedbackIcon: e.triggerFeedbackShowIcon,
465
471
  mandatory: e.mandatory,
@@ -487,10 +493,10 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
487
493
  onClick: Y
488
494
  }
489
495
  }, () => [
490
- t(H) ? (d(), r("div", Re, [
491
- (d(), F(Ke(t(H)), {
496
+ t(H) ? (a(), r("div", Re, [
497
+ (a(), F(Ke(t(H)), {
492
498
  placeholder: e.placeholder,
493
- open: t(c),
499
+ open: t(y),
494
500
  label: e.triggerLabel,
495
501
  "show-feedback-icon": e.triggerFeedbackShowIcon,
496
502
  mandatory: e.mandatory,
@@ -519,14 +525,14 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
519
525
  onCopyToClipboard: l[0] || (l[0] = (n) => V("copyToClipboard"))
520
526
  }, 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"]))
521
527
  ])) : s("", !0),
522
- e.predefinedTrigger === t(w).ICON_BUTTON ? (d(), r("div", ze, [
523
- a(t(Oe), {
524
- onClick: l[1] || (l[1] = (n) => t(v)())
528
+ e.predefinedTrigger === t(w).ICON_BUTTON ? (a(), r("div", ze, [
529
+ d(t(Oe), {
530
+ onClick: l[1] || (l[1] = (n) => t(S)())
525
531
  })
526
532
  ])) : s("", !0),
527
- e.predefinedTrigger === t(w).CHIP ? (d(), r("div", We, [
528
- a(t(Le), {
529
- open: t(c),
533
+ e.predefinedTrigger === t(w).CHIP ? (a(), r("div", We, [
534
+ d(t(Le), {
535
+ open: t(y),
530
536
  label: e.placeholder,
531
537
  "test-id": e.testId,
532
538
  options: e.options,
@@ -535,7 +541,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
535
541
  multi: e.multi,
536
542
  "all-selected": t(A),
537
543
  "shown-values-count": e.triggerShownValuesCount,
538
- onClick: l[2] || (l[2] = (n) => t(v)()),
544
+ onClick: l[2] || (l[2] = (n) => t(S)()),
539
545
  onClear: l[3] || (l[3] = (n) => t(G)())
540
546
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi", "all-selected", "shown-values-count"])
541
547
  ])) : s("", !0)
@@ -545,7 +551,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
545
551
  ]),
546
552
  _: 3
547
553
  }, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"]),
548
- e.triggerFeedbackText ? (d(), F(De, {
554
+ e.triggerFeedbackText ? (a(), F(De, {
549
555
  key: 0,
550
556
  text: e.triggerFeedbackText,
551
557
  variant: e.triggerFeedbackVariant,
@@ -558,5 +564,5 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
558
564
  }
559
565
  });
560
566
  export {
561
- vt as default
567
+ Ct as default
562
568
  };
package/components/dropdown/v4/index.d.ts CHANGED
@@ -3255,6 +3255,7 @@ declare const DropdownTypes: () => (({
3255
3255
  "option-end"?(_: {
3256
3256
  option: any;
3257
3257
  }): any;
3258
+ footer?(_: {}): any;
3258
3259
  };
3259
3260
  })) | import("vue").DefineComponent<{
3260
3261
  label: {
package/components/tagsField/TagsField.types.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export type Tag = {
2
+ text: string;
3
+ isInvalid?: boolean;
4
+ };
package/components/tagsField/TagsField.vue.d.ts ADDED
@@ -0,0 +1,65 @@
1
+ import { Tag } from '@/components/tagsField/TagsField.types';
2
+ import { FeedbackVariant } from '@/components/shared/commonTypes';
3
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
+ modelValue: Tag[];
5
+ placeholder?: string;
6
+ testId?: string;
7
+ disabled?: boolean;
8
+ feedbackVariant?: FeedbackVariant;
9
+ feedbackText?: string;
10
+ showFeedbackTextIcon?: boolean;
11
+ }>, {
12
+ modelValue: () => any[];
13
+ disabled: boolean;
14
+ placeholder: string;
15
+ testId: string;
16
+ feedbackVariant: any;
17
+ feedbackText: string;
18
+ showFeedbackTextIcon: boolean;
19
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
20
+ "update:modelValue": (value: Tag[]) => void;
21
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
22
+ modelValue: Tag[];
23
+ placeholder?: string;
24
+ testId?: string;
25
+ disabled?: boolean;
26
+ feedbackVariant?: FeedbackVariant;
27
+ feedbackText?: string;
28
+ showFeedbackTextIcon?: boolean;
29
+ }>, {
30
+ modelValue: () => any[];
31
+ disabled: boolean;
32
+ placeholder: string;
33
+ testId: string;
34
+ feedbackVariant: any;
35
+ feedbackText: string;
36
+ showFeedbackTextIcon: boolean;
37
+ }>>> & {
38
+ "onUpdate:modelValue"?: (value: Tag[]) => any;
39
+ }, {
40
+ testId: string;
41
+ disabled: boolean;
42
+ modelValue: Tag[];
43
+ placeholder: string;
44
+ feedbackText: string;
45
+ feedbackVariant: FeedbackVariant;
46
+ showFeedbackTextIcon: boolean;
47
+ }>;
48
+ export default _default;
49
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
50
+ type __VLS_TypePropsToRuntimeProps<T> = {
51
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
52
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
53
+ } : {
54
+ type: import('vue').PropType<T[K]>;
55
+ required: true;
56
+ };
57
+ };
58
+ type __VLS_WithDefaults<P, D> = {
59
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
60
+ default: D[K];
61
+ }> : P[K];
62
+ };
63
+ type __VLS_Prettify<T> = {
64
+ [K in keyof T]: T[K];
65
+ } & {};