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.
- package/dist/components/accordion.es.js +1 -1
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/button.es.js +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/collapsable.es.js +1 -1
- 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
- package/dist/components/datepicker.es.js +1 -1
- package/dist/components/directAccess.es.js +1 -1
- package/dist/components/dragAndDrop.es.js +93 -75
- package/dist/components/dropdown.es.js +414 -272
- package/dist/components/fileUploadItem.es.js +1 -1
- package/dist/components/filterChip.es.js +1 -1
- package/dist/components/filterTag.es.js +1 -1
- package/dist/components/{icon-svg-CW3eQRcp.js → icon-svg-BWxX0W6p.js} +15 -3
- package/dist/components/iconList.es.js +1 -1
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +2 -2
- package/dist/components/indicator.es.js +1 -1
- package/dist/components/indicatorDots.es.js +1 -1
- package/dist/components/infoBox.es.js +1 -1
- package/dist/components/link.es.js +1 -1
- package/dist/components/modal.es.js +1 -1
- package/dist/components/multiselect.es.js +14 -8
- package/dist/components/multiselectcontentwrapper.es.js +42 -36
- package/dist/components/persistentToast.es.js +1 -1
- package/dist/components/popover.es.js +90 -71
- package/dist/components/popoverMenu.es.js +67 -60
- package/dist/components/progressBar.es.js +1 -1
- package/dist/components/quantitySelector.es.js +1 -1
- package/dist/components/radioButton.es.js +1 -1
- package/dist/components/searchField.es.js +1 -1
- package/dist/components/selectionChip.es.js +1 -1
- package/dist/components/sidedrawer.es.js +1 -1
- package/dist/components/style/dragAndDrop.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/popover.css +1 -1
- package/dist/components/style/popoverMenu.css +1 -1
- package/dist/components/style/table.css +1 -1
- package/dist/components/style/tableRenderer.css +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabBar.es.js +1 -1
- package/dist/components/table.es.js +101 -92
- package/dist/components/tableRenderer.es.js +363 -214
- package/dist/components/tag.es.js +1 -1
- package/dist/components/textArea.es.js +1 -1
- package/dist/components/textField.es.js +1 -1
- package/dist/components/toggle.es.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +6511 -6143
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/table/table-renderer.vue.d.ts +7 -2
- package/dist/types/src/components/content/table/table.vue.d.ts +27 -1
- package/dist/types/src/components/content/table/use-column-reorder.d.ts +29 -0
- package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +15 -0
- package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +9 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +25 -0
- package/dist/types/src/components/overlay/popover/popover.vue.d.ts +4 -0
- package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts +10 -4
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/rdsdrag-and-drop.md +1 -0
- package/llms/rdsdropdown.md +4 -2
- package/llms/rdspopover-menu.md +2 -0
- package/llms/rdspopover.md +2 -0
- package/llms/rdstable.md +4 -0
- 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-
|
|
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-
|
|
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-
|
|
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
|
-
}),
|
|
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
|
-
},
|
|
915
|
-
(n(!0), c(y, null, w(
|
|
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-
|
|
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 i } from "./icon-svg-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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:
|
|
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(
|
|
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(
|
|
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-
|
|
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
|
|
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
|
-
},
|
|
48
|
-
function k(l,
|
|
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:
|
|
59
|
+
onFocus: a[0] || (a[0] = (t) => l.$emit("focus")),
|
|
56
60
|
tabindex: "-1",
|
|
57
|
-
onMousedown:
|
|
61
|
+
onMousedown: a[1] || (a[1] = r(() => {
|
|
58
62
|
}, ["prevent"])),
|
|
59
|
-
style:
|
|
63
|
+
style: b(e.customStyle),
|
|
60
64
|
ref: "wrapper"
|
|
61
65
|
}, [
|
|
62
66
|
s("ul", {
|
|
63
67
|
class: "multiselect__content",
|
|
64
|
-
style:
|
|
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",
|
|
74
|
+
e.multiple && e.max === e.internalValue.length ? (o(), c("li", O, [
|
|
71
75
|
s("span", v, [
|
|
72
76
|
i(l.$slots, "maxElements", {}, () => [
|
|
73
|
-
|
|
77
|
+
h("Maximum of " + g(e.max) + " options selected. First remove a selected option to select another.", 1)
|
|
74
78
|
], !0)
|
|
75
79
|
])
|
|
76
|
-
])) :
|
|
77
|
-
!e.max || e.internalValue.length < e.max ? (o(!0), c(
|
|
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:
|
|
83
|
+
key: n,
|
|
80
84
|
"aria-selected": e.isSelected(t),
|
|
81
|
-
id: e.id + "-" +
|
|
85
|
+
id: e.id + "-" + n,
|
|
82
86
|
role: t && (t.$isLabel || t.$isDisabled) ? null : "option"
|
|
83
87
|
}, [
|
|
84
|
-
t && (t.$isLabel || t.$isDisabled) ?
|
|
88
|
+
t && (t.$isLabel || t.$isDisabled) ? u("", !0) : (o(), c("span", {
|
|
85
89
|
key: 0,
|
|
86
|
-
class: m([e.optionHighlight(
|
|
87
|
-
onClick:
|
|
88
|
-
onMouseenter:
|
|
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:
|
|
100
|
+
index: n
|
|
97
101
|
}, () => [
|
|
98
|
-
s("span", null,
|
|
102
|
+
s("span", null, g(e.getOptionLabel(t)), 1)
|
|
99
103
|
], !0)
|
|
100
|
-
], 42,
|
|
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(
|
|
106
|
-
onMouseenter:
|
|
107
|
-
onMousedown:
|
|
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:
|
|
116
|
+
index: n
|
|
113
117
|
}, () => [
|
|
114
|
-
s("span", null,
|
|
118
|
+
s("span", null, g(e.getOptionLabel(t)), 1)
|
|
115
119
|
], !0)
|
|
116
|
-
], 42, B)) :
|
|
117
|
-
], 8,
|
|
118
|
-
|
|
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", {
|
|
121
|
-
|
|
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
|
-
[
|
|
131
|
+
[S, e.showNoResults && e.filteredOptions.length === 0 && (e.search || e.externalSearch) && !e.loading]
|
|
126
132
|
]),
|
|
127
|
-
|
|
133
|
+
_(s("li", null, [
|
|
128
134
|
s("span", N, [
|
|
129
135
|
i(l.$slots, "noOptions", {}, () => [
|
|
130
|
-
|
|
136
|
+
a[3] || (a[3] = h("La lista está vacía.", -1))
|
|
131
137
|
], !0)
|
|
132
138
|
])
|
|
133
139
|
], 512), [
|
|
134
|
-
[
|
|
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,
|
|
143
|
+
], 12, x)
|
|
138
144
|
], 38);
|
|
139
145
|
}
|
|
140
|
-
const A = /* @__PURE__ */ L(w, [["render", k], ["__scopeId", "data-v-
|
|
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-
|
|
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,
|