@rebilly/revel 13.6.2 → 13.6.4

package/dist/components/r-select/r-select.vue.mjs

@@ -0,0 +1,245 @@
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./r-select.vue_vue_type_script_lang.mjs";
+/* empty css                                                         */
+import { Fragment as n, Transition as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, vModelText as _, vShow as v, withCtx as y, withDirectives as b, withKeys as x, withModifiers as S } from "vue";
+//#region src/components/r-select/r-select.vue
+var C = [
+	"tabindex",
+	"aria-labelledby",
+	"aria-owns",
+	"aria-expanded"
+], w = ["textContent"], T = { class: "r-select-loading-spinner" }, E = [
+	"id",
+	"name",
+	"autocomplete",
+	"placeholder",
+	"disabled",
+	"tabindex",
+	"aria-controls"
+], D = ["id"], O = {
+	key: 0,
+	class: "r-select-content-element-option"
+}, k = {
+	key: 1,
+	class: "r-select-content-element-option r-align-center r-select-content-element-option-load r-select-content-element-option-load-prev"
+}, A = { key: 0 }, j = { class: "r-select-content-element-option" }, M = ["id", "aria-selected"], N = ["onClick", "onMouseenter"], P = {
+	key: 0,
+	class: "r-select-content-element-option-text r-select-create-tag"
+}, F = {
+	key: 1,
+	class: "r-select-content-element-option-text"
+}, I = { class: "r-select-content-element" }, L = { class: "r-select-content-element-option" }, R = { class: "r-select-content-element" }, z = { class: "r-select-content-element-option" }, B = {
+	key: 0,
+	class: "r-select-content-element-option r-align-center r-select-content-element-option-load r-select-content-element-option-load-next"
+}, V = ["innerHTML"];
+function H(e, t, H, U, W, G) {
+	let K = h("r-field-label"), q = h("r-icon"), J = h("r-badge"), Y = h("r-button"), X = h("r-input-errors");
+	return f(), o("div", { class: u(e.classes) }, [
+		e.hasLabel ? (f(), i(K, {
+			key: 0,
+			id: "label-" + e.id,
+			for: e.id,
+			class: u(e.labelClasses),
+			required: e.required,
+			optional: e.optional,
+			onClick: e.activate
+		}, {
+			default: y(() => [c(g(e.label), 1)]),
+			_: 1
+		}, 8, [
+			"id",
+			"for",
+			"class",
+			"required",
+			"optional",
+			"onClick"
+		])) : a("", !0),
+		s("div", {
+			tabindex: e.searchable ? -1 : e.tabindex,
+			class: u([{
+				"r-select-is-active": e.isOpen,
+				"r-select-is-disabled": e.disabled,
+				"r-select-is-above": e.isAbove,
+				"r-select-is-allow-empty": e.allowEmpty,
+				"r-select-is-no-result": e.displayNoResultsMessage,
+				"r-select-has-remove-icon": e.showRemoveIcon
+			}, "r-select r-field"]),
+			role: "combobox",
+			"aria-labelledby": e.hasLabel && !e.searchable ? "label-" + e.id : void 0,
+			"aria-owns": "listbox-" + e.id,
+			"aria-haspopup": "listbox",
+			"aria-expanded": e.isOpen,
+			onFocus: t[22] ||= (t) => e.activate(),
+			onBlur: t[23] ||= (t) => !e.searchable && e.deactivate(),
+			onKeydown: [t[24] ||= x(S((t) => e.pointerForward(), ["self", "prevent"]), ["down"]), t[25] ||= x(S((t) => e.pointerBackward(), ["self", "prevent"]), ["up"])],
+			onKeypress: t[26] ||= x(S((t) => e.addPointerElement(t), ["stop", "self"]), ["enter", "tab"]),
+			onKeyup: t[27] ||= x((t) => e.deactivate(), ["esc"])
+		}, [
+			e.showRemoveIcon ? m(e.$slots, "remove", { remove: e.removeLastElement }, () => [l(q, {
+				icon: "close-s",
+				class: "r-select-close",
+				onMouseenter: t[0] ||= (t) => e.isHovered = !0,
+				onMouseleave: t[1] ||= (t) => e.isHovered = !1,
+				onMousedown: S(e.removeLastElement, ["prevent", "stop"])
+			}, null, 8, ["onMousedown"])], void 0, 0) : m(e.$slots, "caret", { toggle: e.toggle }, () => [l(q, {
+				icon: "caret-down",
+				class: "r-select-caret",
+				onMouseenter: t[2] ||= (t) => e.isHovered = !0,
+				onMouseleave: t[3] ||= (t) => e.isHovered = !1,
+				onMousedown: t[4] ||= S((t) => e.toggle(), ["prevent", "stop"])
+			})], void 0, 1),
+			m(e.$slots, "clear", { search: e.search }),
+			s("div", {
+				ref: "tagsElement",
+				class: "r-select-tags",
+				onMouseenter: t[18] ||= (t) => e.isHovered = !0,
+				onMouseleave: t[19] ||= (t) => e.isHovered = !1
+			}, [
+				!e.loading || e.visibleValues.length > 0 ? m(e.$slots, "selection", {
+					search: e.search,
+					remove: e.removeElement,
+					values: e.computedValue,
+					isOpen: e.isOpen
+				}, () => [e.multiple ? b((f(), o("div", {
+					key: 0,
+					class: "r-select-tags-wrap",
+					onMousedown: t[6] ||= S(() => {}, ["prevent"])
+				}, [(f(!0), o(n, null, p(e.computedValue, (n) => m(e.$slots, "tag", {
+					option: n,
+					search: e.search,
+					remove: e.removeElement
+				}, () => [l(J, {
+					class: "r-select-tag",
+					type: "tag",
+					close: !0,
+					onClose: (t) => e.removeElement(n)
+				}, {
+					default: y(() => [s("span", {
+						class: "r-select-tag-text",
+						onMousedown: t[5] ||= S((t) => e.toggle(), ["prevent"])
+					}, g(e.getOptionLabel(n)), 33)]),
+					_: 2
+				}, 1032, ["onClose"])])), 256))], 544)), [[v, e.visibleValues.length > 0]]) : a("", !0), e.internalValue && e.internalValue.length > e.limit ? m(e.$slots, "limit", {}, () => [s("strong", {
+					class: "r-select-limit",
+					textContent: g(e.limitText(e.internalValue.length - e.limit))
+				}, null, 8, w)], void 0, 1) : a("", !0)], void 0, 0) : a("", !0),
+				l(r, { name: "r-select-loading" }, {
+					default: y(() => [m(e.$slots, "loading", {}, () => [b(s("div", T, null, 512), [[v, e.loading]])])]),
+					_: 3
+				}),
+				e.searchable ? b((f(), o("input", {
+					key: 1,
+					id: e.id,
+					ref: "searchElement",
+					"onUpdate:modelValue": t[7] ||= (t) => e.search = t,
+					name: e.name,
+					type: "text",
+					autocomplete: e.autocomplete,
+					spellcheck: "false",
+					placeholder: e.computedPlaceholder,
+					style: d(e.inputStyle),
+					disabled: e.disabled,
+					tabindex: e.tabindex,
+					class: "r-select-input",
+					"aria-autocomplete": "list",
+					"aria-controls": "listbox-" + e.id,
+					"on:update:modelValue": t[8] ||= (...t) => e.updateSearch && e.updateSearch(...t),
+					onFocus: t[9] ||= S((t) => e.activate(), ["prevent"]),
+					onBlur: t[10] ||= S((t) => e.deactivate(), ["prevent"]),
+					onKeyup: t[11] ||= x((t) => e.deactivate(), ["esc"]),
+					onKeydown: [
+						t[12] ||= x(S((t) => e.pointerForward(), ["prevent"]), ["down"]),
+						t[13] ||= x(S((t) => e.pointerBackward(), ["prevent"]), ["up"]),
+						t[15] ||= x(S((t) => e.removeLastElement(), ["stop"]), ["delete"])
+					],
+					onKeypress: t[14] ||= x(S((t) => e.addPointerElement(t), [
+						"prevent",
+						"stop",
+						"self"
+					]), ["enter"])
+				}, null, 44, E)), [[_, e.search]]) : a("", !0),
+				e.isSingleLabelVisible && !e.loading ? (f(), o("span", {
+					key: 2,
+					class: "r-select-single",
+					onMousedown: t[16] ||= S((...t) => e.toggle && e.toggle(...t), ["prevent"])
+				}, [m(e.$slots, "singleLabel", { option: e.singleValue }, () => [e.displayAsyncLoadingForPreselectedValue ? (f(), o(n, { key: 0 }, [c(g(e.messages.loading), 1)], 64)) : (f(), o(n, { key: 1 }, [c(g(e.currentOptionLabel), 1)], 64))])], 32)) : a("", !0),
+				e.shouldShowPlaceholder ? (f(), o("span", {
+					key: 3,
+					class: "r-select-placeholder",
+					onMousedown: t[17] ||= S((...t) => e.toggle && e.toggle(...t), ["prevent"])
+				}, [m(e.$slots, "placeholder", {}, () => [c(g(e.computedPlaceholder), 1)])], 32)) : a("", !0)
+			], 544),
+			l(r, { name: "r-select" }, {
+				default: y(() => [b(s("div", {
+					ref: "listElement",
+					class: "r-select-content-wrapper",
+					tabindex: "-1",
+					style: d({ maxHeight: e.optimizedHeight + "px" }),
+					onFocus: t[20] ||= (...t) => e.activate && e.activate(...t),
+					onMousedown: t[21] ||= S(() => {}, ["prevent"])
+				}, [s("ul", {
+					id: "listbox-" + e.id,
+					class: "r-select-content",
+					style: d(e.contentStyle),
+					role: "listbox"
+				}, [
+					m(e.$slots, "beforeList", {}, () => [e.computedIsLoading ? (f(), o("span", O, g(e.messages.loading), 1)) : a("", !0), e.computedAsyncHasPrevOptions ? (f(), o("li", k, [l(Y, {
+						type: "default",
+						size: "small",
+						disabled: e.computedIsLoading,
+						fluid: "",
+						"icon-right": "caret-up",
+						onClick: e.handleAsyncLoadPrev
+					}, {
+						default: y(() => [...t[28] ||= [c(" Get prev ", -1)]]),
+						_: 1
+					}, 8, ["disabled", "onClick"])])) : a("", !0)]),
+					e.multiple && e.max === e.internalValue.length ? (f(), o("li", A, [s("span", j, [m(e.$slots, "maxElements", {}, () => [c(g(e.messages.max(e.max)), 1)])])])) : a("", !0),
+					(f(!0), o(n, null, p(e.filteredOptions, (t, n) => (f(), o("li", {
+						id: e.id + "-" + n,
+						key: n,
+						class: "r-select-content-element",
+						role: "option",
+						"aria-selected": e.isSelected(t)
+					}, [s("span", {
+						class: u([e.optionHighlight(n, t), "r-select-content-element-option"]),
+						onClick: S((n) => e.select(t), ["stop"]),
+						onMouseenter: S((t) => e.pointerSet(n), ["self"])
+					}, [m(e.$slots, "option", {
+						option: t,
+						search: e.search
+					}, () => [e.taggable && typeof t == "object" && t.isTag ? (f(), o("span", P, [l(q, { icon: "plus" }), c(" Create tag \"" + g(t.label) + "\" ", 1)])) : (f(), o("span", F, [c(g(e.getOptionLabel(t)) + " ", 1), e.isSelected(t) ? (f(), i(q, {
+						key: 0,
+						icon: "check-s"
+					})) : a("", !0)]))])], 42, N)], 8, M))), 128)),
+					b(s("li", I, [s("span", L, [m(e.$slots, "noResult", { search: e.search }, () => [c(g(e.messages.noResult), 1)])])], 512), [[v, e.displayNoResultsMessage]]),
+					b(s("li", R, [s("span", z, [m(e.$slots, "noOptions", {}, () => [c(g(e.computedNoOptionsMessage), 1)])])], 512), [[v, e.showNoOptions && e.computedOptions.length === 0 && !e.search && !e.loading && !e.computedIsLoading]]),
+					m(e.$slots, "afterList", {}, () => [e.computedAsyncHasNextOptions ? (f(), o("li", B, [l(Y, {
+						type: "default",
+						size: "small",
+						disabled: e.computedIsLoading,
+						fluid: "",
+						"icon-right": "caret-down",
+						onClick: e.handleAsyncLoadNext
+					}, {
+						default: y(() => [...t[29] ||= [c(" Load more... ", -1)]]),
+						_: 1
+					}, 8, ["disabled", "onClick"])])) : a("", !0)])
+				], 12, D)], 36), [[v, e.isOpen && e.hasContent]])]),
+				_: 3
+			})
+		], 42, C),
+		e.helpText ? (f(), o("span", {
+			key: 1,
+			class: "r-field-caption",
+			innerHTML: e.helpText
+		}, null, 8, V)) : a("", !0),
+		l(X, {
+			validate: e.validate,
+			"show-validate-messages": e.showValidateMessages
+		}, null, 8, ["validate", "show-validate-messages"])
+	], 2);
+}
+var U = /*#__PURE__*/ e(t, [["render", H]]);
+//#endregion
+export { U as default };