@revolugo/elements 6.8.3-beta.0 → 6.8.3-beta.1

package/dist/revolugo.hotelofferitemlayout.vue_vue_type_script_setup_true_lang.B7oYjB-Q.min.js

@@ -0,0 +1,241 @@
+import { _ as g, a as b } from "./revolugo.bpricesummaryskeleton.vue_vue_type_script_setup_true_lang.BzDggP5H.min.js";
+import { u as h } from "./revolugo.use-breakpoint-service.BXTJsL7a.min.js";
+import { d as y, k as $, c as i, w as t, a as l, j as a, Z as k, C as w, g as r, o as n, p as V } from "./revolugo.index.wc.C1h_M397.min.js";
+import { V as C, a as _ } from "./revolugo.vcard.BkeYpsDj.min.js";
+import { V as o, a as s } from "./revolugo.webcomponentwrapper.BMVPGxCQ.min.js";
+import { V as p } from "./revolugo.vskeletonloader.CGHKwSZc.min.js";
+const N = /* @__PURE__ */ y({
+  __name: "HotelOfferItemLayout",
+  props: {
+    compact: { type: Boolean, default: !1 },
+    isRoomsDetailsVisible: { type: Boolean, default: !0 },
+    boilerplate: { type: Boolean, default: !1 }
+  },
+  emits: ["click:hotel-offer-item"],
+  setup(B, { emit: f }) {
+    const d = f, u = $(null), { $breakpointService: m } = h(u);
+    function c() {
+      d("click:hotel-offer-item");
+    }
+    return (e, v) => (n(), i(C, {
+      class: "hotel-offer-item pa-2",
+      elevation: "0",
+      tile: "",
+      ref_key: "root",
+      ref: u
+    }, {
+      default: t(() => [
+        l(_, { class: "pa-0" }, {
+          default: t(() => [
+            a(e.$slots, "hotel-description-view-dialog"),
+            l(o, {
+              class: w(["d-flex flex-column", e.compact ? "" : "flex-sm-row"]),
+              "no-gutters": "",
+              style: k({
+                gap: e.compact ? "6px" : "12px"
+              }),
+              onClick: c
+            }, {
+              default: t(() => [
+                l(s, {
+                  class: "d-flex justify-center",
+                  sm: "auto"
+                }, {
+                  default: t(() => [
+                    a(e.$slots, "carousel", {}, () => [
+                      l(p, {
+                        boilerplate: e.boilerplate,
+                        class: "pa-1",
+                        height: "175px",
+                        tile: "",
+                        type: "image",
+                        width: V(m).xs ? "100%" : "175px"
+                      }, null, 8, ["boilerplate", "width"])
+                    ])
+                  ]),
+                  _: 3
+                }),
+                l(s, { class: "d-flex flex-column mt-2 mt-sm-0" }, {
+                  default: t(() => [
+                    l(o, {
+                      class: "flex-grow-0",
+                      "no-gutters": ""
+                    }, {
+                      default: t(() => [
+                        l(s, null, {
+                          default: t(() => [
+                            a(e.$slots, "heading", {}, () => [
+                              l(o, null, {
+                                default: t(() => [
+                                  l(s, null, {
+                                    default: t(() => [
+                                      l(p, {
+                                        boilerplate: e.boilerplate,
+                                        class: "d-inline-block mr-1 mt-1",
+                                        height: "20",
+                                        tile: "",
+                                        type: "heading",
+                                        width: "230px"
+                                      }, null, 8, ["boilerplate"])
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ])
+                          ]),
+                          _: 3
+                        })
+                      ]),
+                      _: 3
+                    }),
+                    l(o, { "no-gutters": "" }, {
+                      default: t(() => [
+                        l(s, { cols: "7" }, {
+                          default: t(() => [
+                            a(e.$slots, "distance", {}, () => [
+                              l(p, {
+                                boilerplate: e.boilerplate,
+                                class: "mt-2",
+                                tile: "",
+                                type: "text",
+                                width: "110px",
+                                height: "12"
+                              }, null, 8, ["boilerplate"]),
+                              l(p, {
+                                boilerplate: e.boilerplate,
+                                class: "mt-1",
+                                tile: "",
+                                type: "text",
+                                width: "140px",
+                                height: "12"
+                              }, null, 8, ["boilerplate"])
+                            ])
+                          ]),
+                          _: 3
+                        }),
+                        l(s, { align: "right" }, {
+                          default: t(() => [
+                            a(e.$slots, "review-rating", {}, () => [
+                              l(p, {
+                                class: "mt-2",
+                                boilerplate: e.boilerplate,
+                                height: "30px",
+                                tile: "",
+                                type: "heading",
+                                width: "70px"
+                              }, null, 8, ["boilerplate"])
+                            ])
+                          ]),
+                          _: 3
+                        })
+                      ]),
+                      _: 3
+                    }),
+                    l(o, {
+                      class: "d-flex flex-wrap flex-lg-column flex-row my-1",
+                      "no-gutters": ""
+                    }, {
+                      default: t(() => [
+                        e.isRoomsDetailsVisible ? (n(), i(s, {
+                          key: 0,
+                          cols: "12",
+                          sm: "auto"
+                        }, {
+                          default: t(() => [
+                            a(e.$slots, "package-details", {}, () => [
+                              l(g, { boilerplate: e.boilerplate }, null, 8, ["boilerplate"])
+                            ])
+                          ]),
+                          _: 3
+                        })) : r("", !0)
+                      ]),
+                      _: 3
+                    }),
+                    e.$slots["big-tags"] ? (n(), i(o, {
+                      key: 0,
+                      class: "flex-grow-0 mt-1",
+                      "no-gutters": ""
+                    }, {
+                      default: t(() => [
+                        l(s, null, {
+                          default: t(() => [
+                            a(e.$slots, "big-tags")
+                          ]),
+                          _: 3
+                        })
+                      ]),
+                      _: 3
+                    })) : r("", !0),
+                    l(o, { "no-gutters": "" }, {
+                      default: t(() => [
+                        l(s, { cols: "auto" }, {
+                          default: t(() => [
+                            e.$slots.tags ? (n(), i(o, {
+                              key: 0,
+                              class: "flex-grow-0 mt-1",
+                              "no-gutters": ""
+                            }, {
+                              default: t(() => [
+                                l(s, null, {
+                                  default: t(() => [
+                                    a(e.$slots, "tags")
+                                  ]),
+                                  _: 3
+                                })
+                              ]),
+                              _: 3
+                            })) : r("", !0),
+                            e.$slots["breakfast-option-badge"] || e.$slots["cancellation-policies-badge"] ? (n(), i(o, {
+                              key: 1,
+                              class: "mt-1",
+                              "no-gutters": ""
+                            }, {
+                              default: t(() => [
+                                l(s, null, {
+                                  default: t(() => [
+                                    e.$slots["cancellation-policies-badge"] ? a(e.$slots, "cancellation-policies-badge", { key: 0 }) : e.$slots["breakfast-option-badge"] && !e.$slots["cancellation-policies-badge"] ? a(e.$slots, "breakfast-option-badge", { key: 1 }) : r("", !0)
+                                  ]),
+                                  _: 3
+                                })
+                              ]),
+                              _: 3
+                            })) : r("", !0)
+                          ]),
+                          _: 3
+                        }),
+                        l(s, {
+                          "align-self": "end",
+                          class: "ml-auto",
+                          cols: "auto"
+                        }, {
+                          default: t(() => [
+                            a(e.$slots, "price-summary", {}, () => [
+                              l(b, { boilerplate: e.boilerplate }, null, 8, ["boilerplate"])
+                            ])
+                          ]),
+                          _: 3
+                        })
+                      ]),
+                      _: 3
+                    })
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            }, 8, ["class", "style"])
+          ]),
+          _: 3
+        }),
+        a(e.$slots, "footer")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  N as _
+};
+//# sourceMappingURL=revolugo.hotelofferitemlayout.vue_vue_type_script_setup_true_lang.B7oYjB-Q.min.js.map