@hotelinking/ui 5.37.2 → 5.37.3
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/ui.css +1 -1
- package/dist/ui.es.js +3 -3
- package/dist/ui.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import url("@vueform/slider/themes/default.css");body,html{height:100%;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.slider-connect{background
|
|
1
|
+
@import url("@vueform/slider/themes/default.css");body,html{height:100%;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.slider-connect{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.slider-connect:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.slider-handle:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(165 180 252/var(--tw-ring-opacity));--tw-ring-opacity:0.3}.chart{display:flex;flex-direction:column;padding:1rem;position:relative}.chart-content{display:flex;flex:1;flex-direction:column;height:100%;width:100%}.chart-content .title{color:#6c5ef6}.chart-selector li{color:#6c5ef6;cursor:pointer;font-size:.8rem;margin:0 1rem}.chart-selector .selected{background-color:#6c5ef6;border-radius:3px;color:#fff;padding:.2rem}.svg-funnel-js{display:inline-block;position:relative}.svg-funnel-js svg{display:block}.svg-funnel-js .svg-funnel-js__labels{display:flex;height:100%;left:0;position:absolute;top:0}.svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__labels{flex-direction:column}.svg-funnel-js .svg-funnel-js__container{height:100%;width:100%}.svg-funnel-js .svg-funnel-js__labels{box-sizing:border-box;width:100%}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label{flex:1 1 0;position:relative}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__value{color:#4f46e5;font-family:Inter,sans-serif;font-size:24px;line-height:18px;margin-bottom:6px}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title{color:#4f46e5;font-size:12px;font-weight:700}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__percentage{color:#9896dc;font-size:16px;font-weight:700}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages{background-color:#715aff;box-sizing:border-box;cursor:default;left:0;margin-top:24px;opacity:0;padding:8px 24px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .1s ease;width:100%}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul{list-style-type:none;margin:0;padding:0}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul li{color:#fff;font-size:13px;line-height:16px}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul li .percentage__list-label{color:#fff;font-weight:700}.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label:hover .label__segment-percentages{opacity:1}.svg-funnel-js:not(.svg-funnel-js--vertical){padding-bottom:16px;padding-top:64px}.svg-funnel-js:not(.svg-funnel-js--vertical) .svg-funnel-js__label{padding-left:24px}.svg-funnel-js:not(.svg-funnel-js--vertical) .svg-funnel-js__label:not(:first-child){border-left:1px solid #9896dc}.svg-funnel-js.svg-funnel-js--vertical{padding-left:120px;padding-right:16px}.svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__label{padding-top:24px}.svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__label:not(:first-child){border-top:1px solid #e3e3e3}.svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__label .label__segment-percentages .segment-percentage__list{display:flex;justify-content:space-around}.svg-funnel-js .svg-funnel-js__subLabels{display:flex;justify-content:center;left:0;margin-top:24px;width:100%}.svg-funnel-js .svg-funnel-js__subLabels .svg-funnel-js__subLabel{display:flex;font-size:12px;line-height:16px}.svg-funnel-js .svg-funnel-js__subLabels .svg-funnel-js__subLabel:not(:first-child){margin-left:16px}.svg-funnel-js .svg-funnel-js__subLabels .svg-funnel-js__subLabel .svg-funnel-js__subLabel--color{border-radius:50%;height:12px;margin:2px 8px 2px 0;width:12px}
|
package/dist/ui.es.js
CHANGED
|
@@ -2164,9 +2164,9 @@ const bn = { class: "py-1" }, yn = ["onClick"], xn = { key: 1, class: "animate-p
|
|
|
2164
2164
|
};
|
|
2165
2165
|
return (l3, s2) => t2.loading ? (e(), a("div", qn, Wn)) : (e(), a("div", Bn, [i("div", An, [t2.label ? (e(), a("label", Ln, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Fn, _(t2.optional), 1)) : R("", true)]), i("div", { class: n([[{ "mt-1": t2.label }, { "border-gray-300 hover:border-gray-400": !t2.error }, { "border-red-300 hover:border-red-400": t2.error }], "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"]), onDragover: s2[0] || (s2[0] = F(() => {
|
|
2166
2166
|
}, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div", Nn, [o(J, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", zn, [i("label", $n, [i("span", null, _(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: g2 }, null, 40, Vn)]), i("p", Hn, _(t2.dragAndDrop), 1)]), i("p", Yn, _(t2.fileTypesAndSizes), 1), B(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(r2.value), 513), [[L, "" !== r2.value]])])], 34), B(i("p", Un, [o(J, { icon: d(vn), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), I(_(t2.error), 1)], 512), [[L, t2.error]])]));
|
|
2167
|
-
} }), Gn = { class: "relative mt-1" }, Zn = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, Xn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), Qn = { name: "uiSelect" }, ea = Object.assign(Qn, { props: { items: { type: Array, required: true }, label: String, error: String, color: String, select: Object, loading: { type: Boolean, default: true } }, emits: ["selectChanged"], setup(l2, { emit: r2 }) {
|
|
2167
|
+
} }), Gn = { class: "relative mt-1" }, Zn = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, Xn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), Qn = { name: "uiSelect" }, ea = Object.assign(Qn, { props: { items: { type: Array, required: true }, label: String, error: String, color: String, select: Object, loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false } }, emits: ["selectChanged"], setup(l2, { emit: r2 }) {
|
|
2168
2168
|
const c2 = s(""), p2 = r2, g2 = l2, m2 = u(() => "" === c2.value ? g2.items : g2.items.filter((e2) => e2.name.toLowerCase().includes(c2.value.toLowerCase()))), f2 = u(() => g2.select);
|
|
2169
|
-
return (r3, s2) => l2.loading ? (e(), a("div", Zn, [Xn, o(d(sn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(d(It), { key: 0, modelValue: f2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => f2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], as: "div" }, { default: E(() => [o(d(_t), { class: "block text-sm font-medium" }, { default: E(() => [I(_(l2.label), 1)]), _: 1 }), i("div", Gn, [o(d(jt), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: n([{ "border-gray-300": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "border-red-400": "danger" === l2.color, "border-yellow-400": "warning" === l2.color, "border-green-400": "success" === l2.color, "bg-gray-100":
|
|
2169
|
+
return (r3, s2) => l2.loading ? (e(), a("div", Zn, [Xn, o(d(sn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(d(It), { key: 0, modelValue: f2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => f2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], disabled: l2.disabled, as: "div" }, { default: E(() => [o(d(_t), { class: "block text-sm font-medium" }, { default: E(() => [I(_(l2.label), 1)]), _: 1 }), i("div", Gn, [o(d(jt), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: n([{ "border-gray-300": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "border-red-400": "danger" === l2.color, "border-yellow-400": "warning" === l2.color, "border-green-400": "success" === l2.color, "bg-gray-100": l2.disabled, "bg-white": !l2.disabled, "text-black": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-gray-300": l2.disabled, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"]), onChange: s2[0] || (s2[0] = (e2) => c2.value = e2.target.value) }, null, 8, ["display-value", "class"]), o(d(Pt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: E(() => [o(d(sn), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), m2.value.length > 0 ? (e(), t(d(Rt), { key: 0, class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, { default: E(() => [(e(true), a(w, null, j(m2.value, (l3) => (e(), t(d(Bt), { key: l3.id, value: l3, as: "template" }, { default: E(({ active: t2, selected: r4 }) => [i("li", { class: n(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: n(["block truncate", r4 && "font-semibold"]) }, _(l3.name), 3), r4 ? (e(), a("span", { key: 0, class: n(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [o(d(nn), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : R("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : R("", true)]), B(i("p", { class: n([{ "text-gray-400": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(l2.error), 3), [[L, l2.error]])]), _: 1 }, 8, ["modelValue", "disabled"]));
|
|
2170
2170
|
} }), ta = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, la = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], na = { name: "uiTag" }, aa = Object.assign(na, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("div", ta, la)) : (e(), a("span", { key: 0, class: n([{ "bg-indigo-100 text-indigo-800 border border-indigo-200": "primary" === t2.color, "bg-red-100 text-red-800 border border-red-200": "danger" === t2.color, "bg-yellow-100 text-yellow-800 border border-yellow-200": "warning" === t2.color, "bg-green-100 text-green-800 border border-green-200": "success" === t2.color, "bg-black text-white border border-black": "black" === t2.color, "text-black border border-gray-200 bg-white": "white" === t2.color }, "inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"]) }, [r(l2.$slots, "default")], 2)) }), oa = { key: 0 }, ra = { key: 0, class: "block text-sm font-medium text-gray-700" }, ia = ["disabled", "placeholder"], sa = { key: 1, class: "animate-pulse" }, ua = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1), i("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)], da = { name: "uiTextArea" }, ca = Object.assign(da, { props: { label: String, placeholder: { type: String, default: "..." }, value: String, color: String, disabled: { type: Boolean, default: false }, error: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged"], setup(t2, { emit: l2 }) {
|
|
2171
2171
|
const r2 = l2, u2 = t2, c2 = (e2) => {
|
|
2172
2172
|
r2("inputChanged", e2.target.value);
|
|
@@ -2389,7 +2389,7 @@ const Vu = Bo(bu, [["render", function(l2, r2, s2, u2, d2, c2) {
|
|
|
2389
2389
|
return (r2, i2) => (e(), a("div", Jd, [o(Rn, { 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(Rn, { 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 }, "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"])]));
|
|
2390
2390
|
} }), Xd = { class: "pt-12" }, Qd = { key: 1, class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full" }, ec = { name: "uiRangeSlider" }, tc = Object.assign(ec, { props: { loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, min: Number, max: Number, sliderValue: [Array, Number] }, emits: ["sliderUpdated"], setup(l2, { emit: n2 }) {
|
|
2391
2391
|
const o2 = n2, r2 = s(l2.sliderValue);
|
|
2392
|
-
return (n3, i2) => (e(), a("div", Xd, [l2.loading ? (e(), a("p", Qd)) : (e(), t(d(W), { key: 0, modelValue: r2.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => r2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: i2[1] || (i2[1] = (e2) => o2("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 disabled:bg-gray-400 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"]))]));
|
|
2392
|
+
return (n3, i2) => (e(), a("div", Xd, [l2.loading ? (e(), a("p", Qd)) : (e(), t(d(W), { key: 0, modelValue: r2.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => r2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: i2[1] || (i2[1] = (e2) => o2("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"]))]));
|
|
2393
2393
|
} }), lc = { uiButton: ee, uiIcon: J, uiCheckbox: ue, uiDropdown: Sn, uiInput: Rn, uiInputFile: Jn, uiSelect: ea, uiTag: aa, uiTextArea: ca, uiToggle: ha, uiAlert: Ta, uiBreadcrumbs: Fa, uiCard: Wa, uiFilter: Ja, uiModal: io, uiNotification: xo, uiTaskList: jo, uiPriceCalendar: Ar, uiChart: Kr, uiFooter: Xr, uiLoadingScreen: ti, uiPagination: hi, uiSidebar: ji, uiStats: Wi, uiStripedCard: us, uiTable: Rs, uiTabs: Vs, uiTimeline: hu, uiTopbar: Vu, uiFunnelChartV2: Xu, uiNoResults: ld, uiRightSidebar: hd, uiGallery: Ed, uiDragAndDrop: Nd, uiCircleChart: Kd, uiDateRange: Zd, uiRangeSlider: tc }, nc = { install(e2) {
|
|
2394
2394
|
Object.keys(lc).forEach((t2) => {
|
|
2395
2395
|
e2.component(t2, lc[t2]);
|