@hotelinking/ui 5.38.2 → 5.38.3

package/dist/ui.es.js

@@ -2406,17 +2406,17 @@ const Wu = zo(Su, [["render", function(l2, r2, s2, u2, d2, c2) {
     r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
   return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", Ud, [i("div", qd, _(t2.title), 1), o(Yr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Wd, [o(d(U), { class: "flex items-center justify-center", type: "donut", series: p2.value, options: g2.value, height: t2.height, onUpdated: m2, onMounted: m2, onDataPointSelection: f2 }, null, 8, ["series", "options", "height"])], 512), [[L, !t2.empty]]), B(i("div", Kd, [o(J, { icon: d(fn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Jd], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Gd, Zd, 512), [[L, t2.loading]])], 64));
-} }), ec = { class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, tc = { name: "uiDateRange" }, lc = Object.assign(tc, { props: { id: { type: String, required: true }, loading: { type: Boolean, default: true }, literals: { type: Object, required: true }, color: String, values: { type: Object, default: () => ({ from: "", to: "" }) }, error: String, disabled: Boolean, label: String }, setup(t2) {
+} }), ec = { key: 0, class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, tc = { key: 1, class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, lc = { name: "uiDateRange" }, nc = Object.assign(lc, { props: { id: { type: String, required: true }, loading: { type: Boolean, default: true }, literals: { type: Object, required: true }, color: String, values: { type: Object, default: () => ({ from: "", to: "" }) }, error: String, disabled: Boolean, label: String }, setup(t2) {
   let l2 = C({ from: void 0, to: void 0 });
-  return (r2, i2) => (e(), a("div", ec, [o(Nn, { type: "date", loading: t2.loading, addOn: t2.literals.from, name: `dateFrom_${t2.id}`, color: t2.color, value: t2.values.from, error: t2.error, disabled: t2.disabled, label: t2.label, onInputChanged: i2[0] || (i2[0] = (e2) => d(l2).from = e2.value) }, null, 8, ["loading", "addOn", "name", "color", "value", "error", "disabled", "label"]), o(Nn, { class: n([{ "mt-6": t2.label && !t2.loading }, { "mt-4": t2.loading }]), type: "date", loading: t2.loading, addOn: t2.literals.to, name: `dateTo_${t2.id}`, color: t2.color, value: t2.values.to, error: t2.error, disabled: t2.disabled, onInputChanged: i2[1] || (i2[1] = (e2) => d(l2).to = e2.value) }, null, 8, ["class", "loading", "addOn", "name", "color", "value", "error", "disabled"]), o(ee, { disabled: t2.disabled, color: "primary", loading: t2.loading, class: n([{ "mt-6": t2.label && !t2.loading, "mt-4": t2.label && t2.loading }, "h-10"]), onClick: i2[2] || (i2[2] = (e2) => r2.$emit("uiDateRangeButtonClicked", d(l2))) }, { default: E(() => [I(_(t2.literals.search), 1)]), _: 1 }, 8, ["disabled", "loading", "class"])]));
-} }), nc = { class: "flex justify-between items-center" }, ac = { key: 0, class: "block text-sm font-medium text-gray-700" }, oc = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, rc = { key: 1, class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full" }, ic = { name: "uiRangeSlider" }, sc = Object.assign(ic, { props: { loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, min: Number, max: Number, sliderValue: [Array, Number], label: String, optional: String }, emits: ["sliderUpdated"], setup(l2, { emit: o2 }) {
+  return (r2, i2) => t2.loading ? (e(), a("div", tc, [o(Nn, { loading: true }), o(Nn, { loading: true }), o(ee, { loading: true }, { default: E(() => [I("Search")]), _: 1 })])) : (e(), a("div", ec, [o(Nn, { type: "date", loading: false, addOn: t2.literals.from, name: `dateFrom_${t2.id}`, color: t2.color, value: t2.values.from, error: t2.error, disabled: t2.disabled, label: t2.label, onInputChanged: i2[0] || (i2[0] = (e2) => d(l2).from = e2.value) }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label"]), o(Nn, { type: "date", loading: false, class: n([{ "mt-6": t2.label }]), addOn: t2.literals.to, name: `dateTo_${t2.id}`, color: t2.color, value: t2.values.to, error: t2.error, disabled: t2.disabled, onInputChanged: i2[1] || (i2[1] = (e2) => d(l2).to = e2.value) }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled"]), o(ee, { disabled: t2.disabled, color: "primary", loading: false, class: n([{ "mt-6": t2.label }, "h-10"]), onClick: i2[2] || (i2[2] = (e2) => r2.$emit("uiDateRangeButtonClicked", d(l2))) }, { default: E(() => [I(_(t2.literals.search), 1)]), _: 1 }, 8, ["disabled", "class"])]));
+} }), ac = { class: "flex justify-between items-center" }, oc = { key: 0, class: "block text-sm font-medium text-gray-700" }, rc = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, ic = { key: 1, class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full" }, sc = { name: "uiRangeSlider" }, uc = Object.assign(sc, { props: { loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, min: Number, max: Number, sliderValue: [Array, Number], label: String, optional: String }, emits: ["sliderUpdated"], setup(l2, { emit: o2 }) {
   const r2 = o2, u2 = s(l2.sliderValue);
-  return (o3, s2) => (e(), a("div", null, [i("div", nc, [l2.label ? (e(), a("label", ac, _(l2.label), 1)) : R("", true), l2.optional ? (e(), a("span", oc, _(l2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": l2.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"]) }, [l2.loading ? (e(), a("p", rc)) : (e(), t(d(W), { key: 0, modelValue: u2.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => u2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: s2[1] || (s2[1] = (e2) => r2("sliderUpdated", e2)), classes: { base: "w-full h-full relative z-1 bg-gray-300 rounded", tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-indigo-600 bg-indigo-600 transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block" } }, null, 8, ["modelValue", "min", "max", "disabled"]))], 2)]));
-} }), uc = { class: "mt-1 mb-8 text-sm text-gray-500" }, dc = { name: "uiSectionTitle" }, cc = { uiButton: ee, uiIcon: J, uiCheckbox: ue, uiDropdown: Tn, uiInput: Nn, uiInputFile: ea, uiSelect: oa, uiTag: ua, uiTextArea: va, uiToggle: ka, uiAlert: ja, uiBreadcrumbs: Ha, uiCard: Xa, uiFilter: eo, uiModal: go, uiNotification: Oo, uiTaskList: Fo, uiPriceCalendar: $r, uiChart: Qr, uiFooter: ni, uiLoadingScreen: ri, uiPagination: ki, uiSidebar: Fi, uiStats: Xi, uiStripedCard: ms, uiTable: Ns, uiTabs: Ws, uiTimeline: ku, uiTopbar: Wu, uiFunnelChartV2: nd, uiNoResults: id, uiRightSidebar: kd, uiGallery: Rd, uiDragAndDrop: Yd, uiCircleChart: Qd, uiDateRange: lc, uiRangeSlider: sc, uiSectionTitle: Object.assign(dc, { props: { title: { type: String, required: true }, description: { type: String, default: void 0 } }, setup: (t2) => (l2, o2) => (e(), a(w, null, [i("h3", { class: n(["text-lg font-medium leading-6 text-gray-900", { "mb-8": void 0 === t2.description }]) }, _(t2.title), 3), i("p", uc, _(t2.description), 1)], 64)) }) }, pc = { install(e2) {
-  Object.keys(cc).forEach((t2) => {
-    e2.component(t2, cc[t2]);
+  return (o3, s2) => (e(), a("div", null, [i("div", ac, [l2.label ? (e(), a("label", oc, _(l2.label), 1)) : R("", true), l2.optional ? (e(), a("span", rc, _(l2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": l2.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"]) }, [l2.loading ? (e(), a("p", ic)) : (e(), t(d(W), { key: 0, modelValue: u2.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => u2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: s2[1] || (s2[1] = (e2) => r2("sliderUpdated", e2)), classes: { base: "w-full h-full relative z-1 bg-gray-300 rounded", tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-indigo-600 bg-indigo-600 transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block" } }, null, 8, ["modelValue", "min", "max", "disabled"]))], 2)]));
+} }), dc = { class: "mt-1 mb-8 text-sm text-gray-500" }, cc = { name: "uiSectionTitle" }, pc = { uiButton: ee, uiIcon: J, uiCheckbox: ue, uiDropdown: Tn, uiInput: Nn, uiInputFile: ea, uiSelect: oa, uiTag: ua, uiTextArea: va, uiToggle: ka, uiAlert: ja, uiBreadcrumbs: Ha, uiCard: Xa, uiFilter: eo, uiModal: go, uiNotification: Oo, uiTaskList: Fo, uiPriceCalendar: $r, uiChart: Qr, uiFooter: ni, uiLoadingScreen: ri, uiPagination: ki, uiSidebar: Fi, uiStats: Xi, uiStripedCard: ms, uiTable: Ns, uiTabs: Ws, uiTimeline: ku, uiTopbar: Wu, uiFunnelChartV2: nd, uiNoResults: id, uiRightSidebar: kd, uiGallery: Rd, uiDragAndDrop: Yd, uiCircleChart: Qd, uiDateRange: nc, uiRangeSlider: uc, uiSectionTitle: Object.assign(cc, { props: { title: { type: String, required: true }, description: { type: String, default: void 0 } }, setup: (t2) => (l2, o2) => (e(), a(w, null, [i("h3", { class: n(["text-lg font-medium leading-6 text-gray-900", { "mb-8": void 0 === t2.description }]) }, _(t2.title), 3), i("p", dc, _(t2.description), 1)], 64)) }) }, gc = { install(e2) {
+  Object.keys(pc).forEach((t2) => {
+    e2.component(t2, pc[t2]);
   });
 } };
 export {
-  pc as default
+  gc as default
 };