energy-components 2.6.0 → 2.8.0

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 (70) hide show
  1. package/dist/components/accordion.es.js +1 -1
  2. package/dist/components/avatar.es.js +1 -1
  3. package/dist/components/button.es.js +1 -1
  4. package/dist/components/checkbox.es.js +1 -1
  5. package/dist/components/collapsable.es.js +1 -1
  6. package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-BfTKaP_f.js → collapsable.scss_vue_type_style_index_0_src_true_lang-CBOSJyvR.js} +1 -1
  7. package/dist/components/datepicker.es.js +1 -1
  8. package/dist/components/directAccess.es.js +1 -1
  9. package/dist/components/dragAndDrop.es.js +93 -75
  10. package/dist/components/dropdown.es.js +414 -272
  11. package/dist/components/fileUploadItem.es.js +1 -1
  12. package/dist/components/filterChip.es.js +1 -1
  13. package/dist/components/filterTag.es.js +1 -1
  14. package/dist/components/{icon-svg-CW3eQRcp.js → icon-svg-BWxX0W6p.js} +15 -3
  15. package/dist/components/iconList.es.js +1 -1
  16. package/dist/components/iconSvg.es.js +1 -1
  17. package/dist/components/index.es.js +2 -2
  18. package/dist/components/indicator.es.js +1 -1
  19. package/dist/components/indicatorDots.es.js +1 -1
  20. package/dist/components/infoBox.es.js +1 -1
  21. package/dist/components/link.es.js +1 -1
  22. package/dist/components/modal.es.js +1 -1
  23. package/dist/components/multiselect.es.js +14 -8
  24. package/dist/components/multiselectcontentwrapper.es.js +42 -36
  25. package/dist/components/persistentToast.es.js +1 -1
  26. package/dist/components/popover.es.js +90 -71
  27. package/dist/components/popoverMenu.es.js +67 -60
  28. package/dist/components/progressBar.es.js +1 -1
  29. package/dist/components/quantitySelector.es.js +1 -1
  30. package/dist/components/radioButton.es.js +1 -1
  31. package/dist/components/searchField.es.js +1 -1
  32. package/dist/components/selectionChip.es.js +1 -1
  33. package/dist/components/sidedrawer.es.js +1 -1
  34. package/dist/components/style/dragAndDrop.css +1 -1
  35. package/dist/components/style/dropdown.css +1 -1
  36. package/dist/components/style/multiselect.css +1 -1
  37. package/dist/components/style/multiselectcontentwrapper.css +1 -1
  38. package/dist/components/style/pagination.css +1 -1
  39. package/dist/components/style/popover.css +1 -1
  40. package/dist/components/style/popoverMenu.css +1 -1
  41. package/dist/components/style/table.css +1 -1
  42. package/dist/components/style/tableRenderer.css +1 -1
  43. package/dist/components/switch.es.js +1 -1
  44. package/dist/components/tabBar.es.js +1 -1
  45. package/dist/components/table.es.js +101 -92
  46. package/dist/components/tableRenderer.es.js +363 -214
  47. package/dist/components/tag.es.js +1 -1
  48. package/dist/components/textArea.es.js +1 -1
  49. package/dist/components/textField.es.js +1 -1
  50. package/dist/components/toggle.es.js +1 -1
  51. package/dist/components/tooltip.es.js +1 -1
  52. package/dist/energy-components.css +1 -1
  53. package/dist/energy-components.es.js +6511 -6143
  54. package/dist/energy-components.umd.js +2 -2
  55. package/dist/style.css +1 -1
  56. package/dist/types/src/components/content/table/table-renderer.vue.d.ts +7 -2
  57. package/dist/types/src/components/content/table/table.vue.d.ts +27 -1
  58. package/dist/types/src/components/content/table/use-column-reorder.d.ts +29 -0
  59. package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +15 -0
  60. package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +9 -0
  61. package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +25 -0
  62. package/dist/types/src/components/overlay/popover/popover.vue.d.ts +4 -0
  63. package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts +10 -4
  64. package/dist/types/tsconfig.tsbuildinfo +1 -1
  65. package/llms/rdsdrag-and-drop.md +1 -0
  66. package/llms/rdsdropdown.md +4 -2
  67. package/llms/rdspopover-menu.md +2 -0
  68. package/llms/rdspopover.md +2 -0
  69. package/llms/rdstable.md +4 -0
  70. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as M, ref as z, computed as c, openBlock as s, createElementBlock as l, normalizeClass as N, createElementVNode as n, renderSlot as v, createVNode as p, toDisplayString as f, createCommentVNode as r, withModifiers as $ } from "vue";
2
- import { R as g } from "./icon-svg-CW3eQRcp.js";
2
+ import { R as g } from "./icon-svg-BWxX0W6p.js";
3
3
  import w from "./progressBar.es.js";
4
4
  import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
5
  import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-upload-item__icon-container" }, R = { class: "rds-e-file-upload-item__details" }, E = { class: "rds-e-file-upload-item__info-wrapper" }, x = { class: "rds-e-file-upload-item__name" }, D = {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as g, ref as b, computed as s, openBlock as l, createElementBlock as a, normalizeClass as y, createBlock as c, createCommentVNode as r, toDisplayString as n, createElementVNode as k } from "vue";
2
- import { R as o } from "./icon-svg-CW3eQRcp.js";
2
+ import { R as o } from "./icon-svg-BWxX0W6p.js";
3
3
  import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/filterChip.css';const _ = ["id", "disabled"], I = {
5
5
  key: 0,
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as u, ref as m, openBlock as b, createElementBlock as g, withKeys as s, normalizeClass as v, createElementVNode as x, toDisplayString as p, createVNode as y, withModifiers as l } from "vue";
2
- import { R as S } from "./icon-svg-CW3eQRcp.js";
2
+ import { R as S } from "./icon-svg-BWxX0W6p.js";
3
3
  import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/filterTag.css';const w = ["id", "aria-disabled", "tabindex"], _ = { class: "rds-e-filter-tag__text" }, k = /* @__PURE__ */ u({
5
5
  __name: "filter-tag",
@@ -1,6 +1,12 @@
1
1
  import { defineComponent as h, useAttrs as k, computed as i, openBlock as n, createElementBlock as c, mergeProps as b, Fragment as y, renderList as w, normalizeClass as v } from "vue";
2
2
  import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  import './style/icon-svg.css';const s = {
4
+ calendar_active: 8,
5
+ code_notification: 4,
6
+ document_final_content_active: 2,
7
+ education: 1,
8
+ storage_active: 3,
9
+ workday: 1,
4
10
  cloud_check: 1,
5
11
  undo: 1,
6
12
  redo: 1,
@@ -442,6 +448,7 @@ import './style/icon-svg.css';const s = {
442
448
  "burger",
443
449
  "calculator",
444
450
  "calendar",
451
+ "calendar_active",
445
452
  "call",
446
453
  "car",
447
454
  "car-wash-01",
@@ -481,6 +488,7 @@ import './style/icon-svg.css';const s = {
481
488
  "cloudy",
482
489
  "co2",
483
490
  "code",
491
+ "code_notification",
484
492
  "coffe",
485
493
  "collect",
486
494
  "comb",
@@ -522,6 +530,7 @@ import './style/icon-svg.css';const s = {
522
530
  "document_basic",
523
531
  "document_card_pass",
524
532
  "document_edit",
533
+ "document_final_content_active",
525
534
  "document_remove",
526
535
  "document_request",
527
536
  "document_search",
@@ -530,6 +539,7 @@ import './style/icon-svg.css';const s = {
530
539
  "drink",
531
540
  "drops",
532
541
  "edit",
542
+ "education",
533
543
  "ees",
534
544
  "ees-ccrr-combustibles-renovables",
535
545
  "ees_electric_charger",
@@ -755,6 +765,7 @@ import './style/icon-svg.css';const s = {
755
765
  "starbucks",
756
766
  "stop",
757
767
  "storage",
768
+ "storage_active",
758
769
  "storybook",
759
770
  "sunglasses",
760
771
  "sunset",
@@ -807,6 +818,7 @@ import './style/icon-svg.css';const s = {
807
818
  "wind-power",
808
819
  "wind_power_repeat",
809
820
  "wine",
821
+ "workday",
810
822
  "youtube"
811
823
  ], S = d;
812
824
  for (const e of d) {
@@ -895,7 +907,7 @@ const z = ["id"], q = /* @__PURE__ */ h({
895
907
  a.fontSize = r.fontSize, r.width && (a.width = r.width), r.height && (a.height = r.height);
896
908
  }
897
909
  return a;
898
- }), g = i(() => $(o.name)), f = i(() => {
910
+ }), f = i(() => $(o.name)), g = i(() => {
899
911
  const a = o.ariaLabel ?? l["aria-label"];
900
912
  return { ...{
901
913
  role: a ? "img" : void 0,
@@ -911,8 +923,8 @@ const z = ["id"], q = /* @__PURE__ */ h({
911
923
  e.small && !e.size && "rds-e-icon--small"
912
924
  ]],
913
925
  style: m.value
914
- }, f.value), [
915
- (n(!0), c(y, null, w(g.value, (t) => (n(), c("span", {
926
+ }, g.value), [
927
+ (n(!0), c(y, null, w(f.value, (t) => (n(), c("span", {
916
928
  key: `name-layer-${t}`,
917
929
  class: v(`path${t}`)
918
930
  }, null, 2))), 128))
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as _, ref as s, computed as p, openBlock as a, createElementBlock as i, Fragment as u, withDirectives as v, createElementVNode as r, vModelText as f, renderList as x, normalizeClass as C, createVNode as L, toDisplayString as g } from "vue";
2
- import { s as h, R as k } from "./icon-svg-CW3eQRcp.js";
2
+ import { s as h, R as k } from "./icon-svg-BWxX0W6p.js";
3
3
  import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/iconList.css';const y = { class: "rds-e-icon-list" }, D = ["onClick"], I = /* @__PURE__ */ _({
5
5
  __name: "icon-list",
@@ -1,4 +1,4 @@
1
- import { R as a } from "./icon-svg-CW3eQRcp.js";
1
+ import { R as a } from "./icon-svg-BWxX0W6p.js";
2
2
  import "./_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  export {
4
4
  a as default
@@ -1,4 +1,4 @@
1
- import { R as i } from "./icon-svg-CW3eQRcp.js";
1
+ import { R as i } from "./icon-svg-BWxX0W6p.js";
2
2
  import a from "./button.es.js";
3
3
  import e from "./floatingActionButton.es.js";
4
4
  import m from "./actionButton.es.js";
@@ -25,7 +25,7 @@ import I from "./divider.es.js";
25
25
  import _ from "./card.es.js";
26
26
  import x from "./table.es.js";
27
27
  import C from "./avatar.es.js";
28
- import { _ as P } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-BfTKaP_f.js";
28
+ import { _ as P } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-CBOSJyvR.js";
29
29
  import y from "./link.es.js";
30
30
  import k from "./breadcrumbs.es.js";
31
31
  import w from "./tabBar.es.js";
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as D, toRefs as w, ref as C, computed as L, watch as k, onMounted as P, onBeforeUnmount as T, openBlock as c, createElementBlock as d, normalizeClass as B, createElementVNode as f, normalizeStyle as W, Fragment as F, renderList as U, unref as u, createBlock as M, createCommentVNode as _, toDisplayString as A, createTextVNode as X } from "vue";
2
2
  import { d as Y, t as E, a as j } from "./functions-D3GA3OzJ.js";
3
- import { R as G } from "./icon-svg-CW3eQRcp.js";
3
+ import { R as G } from "./icon-svg-BWxX0W6p.js";
4
4
  import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
5
  import './style/indicator.css';const J = ["id"], K = { class: "rds-e-indicator__inner" }, O = { class: "rds-e-indicator__step-content" }, Q = {
6
6
  key: 0,
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as E, toRefs as L, ref as k, watch as T, onBeforeUnmount as G, computed as H, openBlock as l, createElementBlock as u, normalizeClass as O, unref as i, createVNode as I, createCommentVNode as p, createElementVNode as D, Fragment as U, renderList as W, createBlock as Z, resolveDynamicComponent as j, mergeProps as J, withCtx as K, normalizeStyle as B } from "vue";
2
- import { R as S } from "./icon-svg-CW3eQRcp.js";
2
+ import { R as S } from "./icon-svg-BWxX0W6p.js";
3
3
  import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/indicatorDots.css';const X = ["id"], Y = { class: "rds-e-indicator-dots__dots" }, ee = ["aria-label"], $ = 32, te = /* @__PURE__ */ E({
5
5
  __name: "indicator-dots",
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as h, ref as u, toRefs as k, computed as $, watch as S, nextTick as w, openBlock as t, createElementBlock as o, normalizeClass as m, createElementVNode as a, createVNode as b, createCommentVNode as s, toDisplayString as r, renderSlot as v } from "vue";
2
- import { R as _ } from "./icon-svg-CW3eQRcp.js";
2
+ import { R as _ } from "./icon-svg-BWxX0W6p.js";
3
3
  import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/infoBox.css';const q = ["id"], B = { class: "alert" }, H = {
5
5
  key: 0,
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as O, useAttrs as T, computed as t, openBlock as i, createBlock as l, resolveDynamicComponent as E, mergeProps as d, withCtx as L, createCommentVNode as s, createElementBlock as g, normalizeClass as v, renderSlot as b, createTextVNode as h, toDisplayString as w } from "vue";
2
2
  import { s as R } from "./functions-D3GA3OzJ.js";
3
- import { R as c } from "./icon-svg-CW3eQRcp.js";
3
+ import { R as c } from "./icon-svg-BWxX0W6p.js";
4
4
  import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
5
  import './style/link.css';const K = /* @__PURE__ */ O({
6
6
  __name: "link",
@@ -1,7 +1,7 @@
1
1
  import { watch as O, nextTick as M, onBeforeUnmount as E, computed as c, defineComponent as N, ref as x, onMounted as z, openBlock as C, createBlock as A, unref as u, withCtx as D, createVNode as I, withModifiers as P, normalizeStyle as W, createElementVNode as $, normalizeClass as T, renderSlot as q, createElementBlock as R, createCommentVNode as F } from "vue";
2
2
  import V from "./overlay.es.js";
3
3
  import K from "./card.es.js";
4
- import { R as j } from "./icon-svg-CW3eQRcp.js";
4
+ import { R as j } from "./icon-svg-BWxX0W6p.js";
5
5
  import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
6
6
  import './style/modal.css';function G(t, a) {
7
7
  const l = a.returnFocus ?? !0;
@@ -1,5 +1,5 @@
1
1
  import A from "./multiselectcontentwrapper.es.js";
2
- import { resolveComponent as F, openBlock as c, createElementBlock as g, withKeys as a, withModifiers as o, normalizeClass as H, renderSlot as u, createElementVNode as d, withDirectives as w, Fragment as K, renderList as v, toDisplayString as O, vShow as L, createCommentVNode as m, createVNode as b, Transition as T, withCtx as y, normalizeStyle as $, createTextVNode as P, createSlots as B, normalizeProps as D, guardReactiveProps as E, createBlock as R, Teleport as x } from "vue";
2
+ import { resolveComponent as F, openBlock as c, createElementBlock as g, withKeys as a, withModifiers as o, normalizeClass as x, renderSlot as u, createElementVNode as d, withDirectives as w, Fragment as H, renderList as v, toDisplayString as O, vShow as L, createCommentVNode as m, createVNode as b, Transition as T, withCtx as y, normalizeStyle as K, createTextVNode as P, createSlots as B, normalizeProps as D, guardReactiveProps as E, createBlock as R, Teleport as $ } from "vue";
3
3
  import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/multiselect.css';function S(e) {
5
5
  return e === 0 ? !1 : Array.isArray(e) && e.length === 0 ? !0 : !e;
@@ -891,6 +891,10 @@ const G = (...e) => (t) => e.reduce((i, n) => n(i), t), I = {
891
891
  textOnly: {
892
892
  type: Boolean,
893
893
  default: !1
894
+ },
895
+ externalSearch: {
896
+ type: String,
897
+ default: ""
894
898
  }
895
899
  },
896
900
  computed: {
@@ -962,7 +966,7 @@ function te(e, t, i, n, r, s) {
962
966
  const p = F("MultiselectContentWrapper");
963
967
  return c(), g("div", {
964
968
  tabindex: e.searchable ? -1 : i.tabindex,
965
- class: H([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": s.isAbove, "multiselect--has-options-group": s.hasOptionGroup, "multiselect--kbd": r.isKeyboardFocus }, "multiselect"]),
969
+ class: x([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": s.isAbove, "multiselect--has-options-group": s.hasOptionGroup, "multiselect--kbd": r.isKeyboardFocus }, "multiselect"]),
966
970
  onFocus: t[11] || (t[11] = (...l) => s.onRootFocus && s.onRootFocus(...l)),
967
971
  onBlur: t[12] || (t[12] = (...l) => s.onBlur && s.onBlur(...l)),
968
972
  onKeydown: [
@@ -992,7 +996,7 @@ function te(e, t, i, n, r, s) {
992
996
  isOpen: e.isOpen
993
997
  }, () => [
994
998
  w(d("div", Q, [
995
- (c(!0), g(K, null, v(s.visibleValues, (l, h) => u(e.$slots, "tag", {
999
+ (c(!0), g(H, null, v(s.visibleValues, (l, h) => u(e.$slots, "tag", {
996
1000
  option: l,
997
1001
  search: e.search,
998
1002
  remove: e.removeElement
@@ -1042,7 +1046,7 @@ function te(e, t, i, n, r, s) {
1042
1046
  spellcheck: i.spellcheck,
1043
1047
  placeholder: e.placeholder,
1044
1048
  required: i.required,
1045
- style: $({
1049
+ style: K({
1046
1050
  ...s.inputStyle
1047
1051
  }),
1048
1052
  value: e.search,
@@ -1097,6 +1101,7 @@ function te(e, t, i, n, r, s) {
1097
1101
  options: e.options,
1098
1102
  hasOptionGroup: s.hasOptionGroup,
1099
1103
  search: e.search,
1104
+ externalSearch: i.externalSearch,
1100
1105
  loading: i.loading,
1101
1106
  showNoResults: i.showNoResults,
1102
1107
  showNoOptions: i.showNoOptions,
@@ -1112,13 +1117,13 @@ function te(e, t, i, n, r, s) {
1112
1117
  u(e.$slots, h, D(E(f)), void 0, !0)
1113
1118
  ])
1114
1119
  }))
1115
- ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"]), [
1120
+ ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "externalSearch", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"]), [
1116
1121
  [L, e.isOpen && !i.appendToBody]
1117
1122
  ])
1118
1123
  ]),
1119
1124
  _: 3
1120
1125
  }),
1121
- i.appendToBody && e.isOpen ? (c(), R(x, {
1126
+ i.appendToBody && e.isOpen ? (c(), R($, {
1122
1127
  key: 0,
1123
1128
  to: "body"
1124
1129
  }, [
@@ -1146,6 +1151,7 @@ function te(e, t, i, n, r, s) {
1146
1151
  options: e.options,
1147
1152
  hasOptionGroup: s.hasOptionGroup,
1148
1153
  search: e.search,
1154
+ externalSearch: i.externalSearch,
1149
1155
  loading: i.loading,
1150
1156
  showNoResults: i.showNoResults,
1151
1157
  showNoOptions: i.showNoOptions,
@@ -1162,11 +1168,11 @@ function te(e, t, i, n, r, s) {
1162
1168
  u(e.$slots, h, D(E(f)), void 0, !0)
1163
1169
  ])
1164
1170
  }))
1165
- ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"])
1171
+ ]), 1032, ["id", "multiple", "max", "internalValue", "filteredOptions", "isSelected", "optionHighlight", "select", "pointerSet", "selectLabelText", "selectedLabelText", "deselectLabelText", "tagPlaceholder", "groupSelect", "selectGroupLabelText", "deselectGroupLabelText", "getOptionLabel", "groupHighlight", "selectGroup", "options", "hasOptionGroup", "search", "externalSearch", "loading", "showNoResults", "showNoOptions", "small", "contentStyle", "customStyle", "onFocus"])
1166
1172
  ])) : m("", !0)
1167
1173
  ], 42, U);
1168
1174
  }
1169
- const ne = /* @__PURE__ */ N(q, [["render", te], ["__scopeId", "data-v-dae3dc31"]]);
1175
+ const ne = /* @__PURE__ */ N(q, [["render", te], ["__scopeId", "data-v-f49bc73a"]]);
1170
1176
  export {
1171
1177
  ne as default
1172
1178
  };
@@ -1,4 +1,4 @@
1
- import { openBlock as o, createElementBlock as c, normalizeStyle as _, withModifiers as u, normalizeClass as m, createElementVNode as s, renderSlot as i, createTextVNode as g, toDisplayString as h, createCommentVNode as r, Fragment as S, renderList as y, withDirectives as b, vShow as f } from "vue";
1
+ import { openBlock as o, createElementBlock as c, normalizeStyle as b, withModifiers as r, normalizeClass as m, createElementVNode as s, renderSlot as i, createTextVNode as h, toDisplayString as g, createCommentVNode as u, Fragment as f, renderList as y, withDirectives as _, vShow as S } from "vue";
2
2
  import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  import './style/multiselectcontentwrapper.css';const w = {
4
4
  name: "MultiselectContentWrapper",
@@ -33,6 +33,10 @@ import './style/multiselectcontentwrapper.css';const w = {
33
33
  options: Array,
34
34
  hasOptionGroup: Boolean,
35
35
  search: String,
36
+ externalSearch: {
37
+ type: String,
38
+ default: ""
39
+ },
36
40
  loading: Boolean,
37
41
  showNoResults: Boolean,
38
42
  showNoOptions: Boolean,
@@ -44,48 +48,48 @@ import './style/multiselectcontentwrapper.css';const w = {
44
48
  customStyle: Object
45
49
  },
46
50
  emits: ["focus"]
47
- }, O = ["id", "aria-multiselectable"], M = { key: 0 }, v = { class: "multiselect__option" }, T = ["aria-selected", "id", "role"], x = ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"], B = ["data-select", "data-deselect", "onMouseenter", "onMousedown"], F = { class: "multiselect__option" }, N = { class: "multiselect__option" };
48
- function k(l, n, e, G, C, D) {
51
+ }, x = ["id", "aria-multiselectable"], O = { key: 0 }, v = { class: "multiselect__option" }, M = ["aria-selected", "id", "role"], T = ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"], B = ["data-select", "data-deselect", "onMouseenter", "onMousedown"], F = { class: "multiselect__option" }, N = { class: "multiselect__option" };
52
+ function k(l, a, e, G, C, D) {
49
53
  return o(), c("div", {
50
54
  class: m([
51
55
  "multiselect__content-wrapper",
52
56
  { "multiselect__content-wrapper--small": e.small },
53
57
  e.teleported ? "multiselect__content-wrapper--teleported" : ""
54
58
  ]),
55
- onFocus: n[0] || (n[0] = (t) => l.$emit("focus")),
59
+ onFocus: a[0] || (a[0] = (t) => l.$emit("focus")),
56
60
  tabindex: "-1",
57
- onMousedown: n[1] || (n[1] = u(() => {
61
+ onMousedown: a[1] || (a[1] = r(() => {
58
62
  }, ["prevent"])),
59
- style: _(e.customStyle),
63
+ style: b(e.customStyle),
60
64
  ref: "wrapper"
61
65
  }, [
62
66
  s("ul", {
63
67
  class: "multiselect__content",
64
- style: _(e.contentStyle),
68
+ style: b(e.contentStyle),
65
69
  role: "listbox",
66
70
  id: "listbox-" + (e.teleported ? "teleported-" : "") + e.id,
67
71
  "aria-multiselectable": e.multiple
68
72
  }, [
69
73
  i(l.$slots, "beforeList", {}, void 0, !0),
70
- e.multiple && e.max === e.internalValue.length ? (o(), c("li", M, [
74
+ e.multiple && e.max === e.internalValue.length ? (o(), c("li", O, [
71
75
  s("span", v, [
72
76
  i(l.$slots, "maxElements", {}, () => [
73
- g("Maximum of " + h(e.max) + " options selected. First remove a selected option to select another.", 1)
77
+ h("Maximum of " + g(e.max) + " options selected. First remove a selected option to select another.", 1)
74
78
  ], !0)
75
79
  ])
76
- ])) : r("", !0),
77
- !e.max || e.internalValue.length < e.max ? (o(!0), c(S, { key: 1 }, y(e.filteredOptions, (t, a) => (o(), c("li", {
80
+ ])) : u("", !0),
81
+ !e.max || e.internalValue.length < e.max ? (o(!0), c(f, { key: 1 }, y(e.filteredOptions, (t, n) => (o(), c("li", {
78
82
  class: "multiselect__element",
79
- key: a,
83
+ key: n,
80
84
  "aria-selected": e.isSelected(t),
81
- id: e.id + "-" + a,
85
+ id: e.id + "-" + n,
82
86
  role: t && (t.$isLabel || t.$isDisabled) ? null : "option"
83
87
  }, [
84
- t && (t.$isLabel || t.$isDisabled) ? r("", !0) : (o(), c("span", {
88
+ t && (t.$isLabel || t.$isDisabled) ? u("", !0) : (o(), c("span", {
85
89
  key: 0,
86
- class: m([e.optionHighlight(a, t), "multiselect__option"]),
87
- onClick: u((d) => e.select(t), ["stop"]),
88
- onMouseenter: u((d) => e.pointerSet(a), ["self"]),
90
+ class: m([e.optionHighlight(n, t), "multiselect__option"]),
91
+ onClick: r((d) => e.select(t), ["stop"]),
92
+ onMouseenter: r((d) => e.pointerSet(n), ["self"]),
89
93
  "data-select": t && t.isTag ? e.tagPlaceholder : e.selectLabelText,
90
94
  "data-selected": e.selectedLabelText,
91
95
  "data-deselect": e.deselectLabelText
@@ -93,51 +97,53 @@ function k(l, n, e, G, C, D) {
93
97
  i(l.$slots, "option", {
94
98
  option: t,
95
99
  search: e.search,
96
- index: a
100
+ index: n
97
101
  }, () => [
98
- s("span", null, h(e.getOptionLabel(t)), 1)
102
+ s("span", null, g(e.getOptionLabel(t)), 1)
99
103
  ], !0)
100
- ], 42, x)),
104
+ ], 42, T)),
101
105
  t && (t.$isLabel || t.$isDisabled) ? (o(), c("span", {
102
106
  key: 1,
103
107
  "data-select": e.groupSelect && e.selectGroupLabelText,
104
108
  "data-deselect": e.groupSelect && e.deselectGroupLabelText,
105
- class: m([e.groupHighlight(a, t), "multiselect__option"]),
106
- onMouseenter: u((d) => e.groupSelect && e.pointerSet(a), ["self"]),
107
- onMousedown: u((d) => e.selectGroup(t), ["prevent"])
109
+ class: m([e.groupHighlight(n, t), "multiselect__option"]),
110
+ onMouseenter: r((d) => e.groupSelect && e.pointerSet(n), ["self"]),
111
+ onMousedown: r((d) => e.selectGroup(t), ["prevent"])
108
112
  }, [
109
113
  i(l.$slots, "option", {
110
114
  option: t,
111
115
  search: e.search,
112
- index: a
116
+ index: n
113
117
  }, () => [
114
- s("span", null, h(e.getOptionLabel(t)), 1)
118
+ s("span", null, g(e.getOptionLabel(t)), 1)
115
119
  ], !0)
116
- ], 42, B)) : r("", !0)
117
- ], 8, T))), 128)) : r("", !0),
118
- b(s("li", null, [
120
+ ], 42, B)) : u("", !0)
121
+ ], 8, M))), 128)) : u("", !0),
122
+ _(s("li", null, [
119
123
  s("span", F, [
120
- i(l.$slots, "noResult", { search: e.search }, () => [
121
- n[2] || (n[2] = g("No elements found. Consider changing the search query.", -1))
124
+ i(l.$slots, "noResult", {
125
+ search: e.search || e.externalSearch
126
+ }, () => [
127
+ a[2] || (a[2] = h("No se han encontrado resultados. Prueba a cambiar el criterio de búsqueda.", -1))
122
128
  ], !0)
123
129
  ])
124
130
  ], 512), [
125
- [f, e.showNoResults && e.filteredOptions.length === 0 && e.search && !e.loading]
131
+ [S, e.showNoResults && e.filteredOptions.length === 0 && (e.search || e.externalSearch) && !e.loading]
126
132
  ]),
127
- b(s("li", null, [
133
+ _(s("li", null, [
128
134
  s("span", N, [
129
135
  i(l.$slots, "noOptions", {}, () => [
130
- n[3] || (n[3] = g("List is empty.", -1))
136
+ a[3] || (a[3] = h("La lista está vacía.", -1))
131
137
  ], !0)
132
138
  ])
133
139
  ], 512), [
134
- [f, e.showNoOptions && (e.options.length === 0 || e.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !e.loading]
140
+ [S, e.showNoOptions && (e.options.length === 0 || e.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !(e.search || e.externalSearch) && !e.loading]
135
141
  ]),
136
142
  i(l.$slots, "afterList", {}, void 0, !0)
137
- ], 12, O)
143
+ ], 12, x)
138
144
  ], 38);
139
145
  }
140
- const A = /* @__PURE__ */ L(w, [["render", k], ["__scopeId", "data-v-58844ad4"]]);
146
+ const A = /* @__PURE__ */ L(w, [["render", k], ["__scopeId", "data-v-7b479642"]]);
141
147
  export {
142
148
  A as default
143
149
  };
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as v, toRefs as y, computed as g, openBlock as t, createElementBlock as s, normalizeClass as h, createElementVNode as r, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as l } from "vue";
2
- import { R as d } from "./icon-svg-CW3eQRcp.js";
2
+ import { R as d } from "./icon-svg-BWxX0W6p.js";
3
3
  import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import './style/persistentToast.css';const S = ["id"], b = { class: "alert" }, $ = {
5
5
  key: 0,