h-section 0.0.4 → 0.0.6

package/dist/hotelSection.mjs

@@ -10312,7 +10312,6 @@ async function Uh(f, T, _, r) {
   for (; T.hasMoreMonths(f); ) {
     const U = T.generatePayload(f);
     if (!U) break;
-    console.log("payload", U);
     try {
       const x = await (await fetch(
         ee[_.localeKey].priceSearchEndpoint,

package/dist/styles.css

@@ -1 +1 @@
-.hotelCard{width:100%;min-height:0;height:500px;box-sizing:border-box;padding:12px;border-radius:16px;display:flex;gap:24px;flex-direction:row;background-color:var(--white)}.hotelCard .imageWrapper{width:100%;height:100%;box-sizing:border-box;text-decoration:none!important}.hotelCard .imageWrapper img{width:100%;height:100%;box-sizing:border-box;object-fit:cover;border-radius:8px}.hotelCard .contentWrapper{width:100%;height:100%;display:flex;flex-direction:column;padding:6px 0;box-sizing:border-box;gap:16px;min-height:0}.hotelCard .contentWrapper .hotelDetail{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.hotelCard .contentWrapper .hotelDetail .locationSummary{width:100%;display:inline-flex;gap:4px;height:34px;align-items:flex-start}.hotelCard .contentWrapper .hotelDetail .locationSummary .locationSummary_Text{font-size:12px;line-height:16px;color:var(--black-text-secondary)}.hotelCard .contentWrapper .hotelDetail .hotelName{width:100%;height:27px;font-size:20px;color:var(--black-text);line-height:22px;font-weight:600;margin:0}.hotelCard .contentWrapper .hotelDetail .stars{width:100%;height:24px;display:inline-flex;gap:4px;margin-bottom:8px}.hotelCard .contentWrapper .hotelDetail .textContent{width:100%;height:100%;display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.hotelCard .contentWrapper .hotelDetail .textContent .textWrapper{max-height:120px;height:100%;overflow-y:auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.hotelCard .contentWrapper .hotelDetail .textContent::-webkit-scrollbar{width:4px;height:4px}.hotelCard .contentWrapper .hotelDetail .textContent::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:9999px}.hotelCard .contentWrapper .hotelDetail .textContent::-webkit-scrollbar-button{display:none}.hotelCard .contentWrapper .hotelDetail .textContent .textWrapper.open{max-height:100%;height:100%}.hotelCard .contentWrapper .hotelDetail .textContent .textWrapper:not(.open)~.textContent_btn svg{transform:rotate(180deg)}.hotelCard .contentWrapper .hotelDetail .textContent .textContent_btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;width:100%;height:24px;padding:0;border:none;background-color:transparent;font-family:inherit!important;font-size:14px;color:var(--black-text);cursor:pointer}.hotelCard .contentWrapper .priceDetail{width:100%;height:auto;display:flex;flex-direction:column}.hotelCard .contentWrapper .priceDetail .priceOffer{width:100%;display:flex;align-items:center;gap:16px;padding-bottom:8px;border-bottom:1px solid var(--light-gray)}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper{width:100%;display:flex;flex-direction:column}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .priceFrom_Text{font-size:12px;line-height:16px;width:100%;color:var(--black-text)}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .oldPackagePrice{height:19px;font-size:14px;color:var(--black-text);width:100%;text-decoration:line-through}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .currentPackagePrice{font-size:12px;line-height:16px;color:var(--black-text);width:100%}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .currentPerPersonPrice{font-size:20px;font-weight:600;color:var(--blue);width:100%}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .currentPerPersonPrice .perPerson_Text{font-size:12px;font-weight:400;color:var(--black-text-secondary)}.hotelCard .contentWrapper .offerBtn{margin-left:auto;border-radius:8px;padding:12px 24px;width:fit-content;background-color:var(--orange);display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;color:var(--white)!important;font-weight:600;transition:.3s ease background-color}@media(hover:hover){.hotelCard .contentWrapper .offerBtn:hover{background-color:#262626}}.hotelCard .contentWrapper .priceDetail .priceWrapper .additionalOfferInfo{padding:8px 0;display:inline-flex;gap:4px;align-items:center}.hotelCard .contentWrapper .priceDetail .priceWrapper .additionalOfferInfo .flightInfo,.hotelCard .contentWrapper .priceDetail .priceWrapper .additionalOfferInfo .touristsInfo{width:fit-content;height:fit-content;padding:2px 6px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;background-color:var(--green-text-background);color:var(--green-text);border:1px solid var(--green-box-stroke);font-size:10px}.hotelCard .contentWrapper .priceDetail .priceWrapper .additionalOfferInfo .touristsInfo{background-color:#0000000a;color:var(--black-text);border:1px solid rgba(0,0,0,.0392)}.hotelCard .contentWrapper .priceDetail .tripDetail .tripDetail_Items{margin-top:8px;width:100%;display:inline-flex;gap:12px;align-items:center}.hotelCard .contentWrapper .priceDetail .tripDetail{height:fit-content}.hotelCard .contentWrapper .priceDetail .tripDetail .tripDetail_Items .tripDetail_Item{display:inline-flex;gap:4px;align-items:center;text-wrap:nowrap}.hotelCard .contentWrapper .priceDetail .tripDetail .tripDetail_Items .tripDetail_Item .tripDetail_Item_Text{font-size:12px;color:var(--black-text)}.hotelCard .contentWrapper .priceDetail .tripDetail .offerBtn{display:none}.hotelCard svg{flex-shrink:0}@media(max-width:900px){.hotelCard{flex-direction:column;height:auto;gap:8px}.hotelCard .imageWrapper,.hotelCard .imageWrapper img{height:300px}}@media(max-width:500px){.hotelCard .imageWrapper,.hotelCard .imageWrapper img{height:250px}.hotelCard .contentWrapper .offerBtn,.hotelCard .contentWrapper .priceDetail .tripDetail .offerBtn{display:flex;width:100%;box-sizing:border-box}.hotelCard .contentWrapper .priceDetail .priceOffer .offerBtn{display:none}.hotelCard .contentWrapper .priceDetail .tripDetail .tripDetail_Items{padding-bottom:16px;overflow-x:auto}.hotelCard .contentWrapper{padding:6px 0 0}.hotelCard .contentWrapper .hotelDetail .hotelName{min-height:27px;height:auto}}.hotelContent_section{display:flex;flex-direction:column;gap:18px}.hotelContent_section .hotelCard:nth-child(2n) .imageWrapper,.hotelContent_section .skeleton_hotelCard:nth-child(2n) .skeleton_imageWrapper{order:2}.hotelContent_section .hotelCard:nth-child(2n) .contentWrapper,.hotelContent_section .skeleton_hotelCard:nth-child(2n) .skeleton_contentWrapper{order:1}@media(max-width:900px){.hotelContent_section .hotelCard:nth-child(2n) .imageWrapper{order:initial}.hotelContent_section .hotelCard:nth-child(2n) .contentWrapper{order:initial}}.skeleton_hotelCard{width:100%;min-height:0;height:500px;box-sizing:border-box;padding:12px;border-radius:16px;display:flex;gap:24px;flex-direction:row;background-color:var(--white)}.skeleton_hotelCard .skeleton_imageWrapper{width:100%;height:100%;box-sizing:border-box;text-decoration:none!important;background-color:var(--light-gray);border-radius:8px;display:flex;align-items:center;justify-content:center}.skeleton_hotelCard .skeleton_contentWrapper{width:100%;height:100%;display:flex;flex-direction:column;padding:6px 0;box-sizing:border-box;gap:16px;min-height:0}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_hotelDetail{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.skeleton_row{max-width:170px;width:100%;box-sizing:border-box;height:27px;background-color:var(--light-gray);border-radius:6px;margin-bottom:6px}.skeleton_row.long{max-width:250px}.skeleton_row.short{max-width:100px}.skeleton_textBlock{width:100%;box-sizing:border-box;height:120px;background-color:var(--light-gray);border-radius:6px;margin:8px 0}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail{width:100%;box-sizing:border-box}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail .skeleton_priceBlock{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:16px;justify-content:space-between}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail .skeleton_priceBlock .skeleton_priceRow{height:100px;background-color:var(--light-gray);width:150px;box-sizing:border-box;margin-bottom:8px;border-radius:6px}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail .skeleton_priceBlock .skeleton_priceBtn{width:120px;box-sizing:border-box;height:43px;border-radius:8px;background-color:var(--light-gray)}@keyframes skeleton_shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.animated{background:linear-gradient(90deg,var(--light-gray) 25%,color-mix(in srgb,var(--light-gray) 60%,white) 50%,var(--light-gray) 75%);background-size:1200px 100%;animation:skeleton_shimmer 1.6s infinite linear}@media(max-width:900px){.skeleton_hotelCard{flex-direction:column;height:auto;gap:8px}.skeleton_hotelCard .skeleton_imageWrapper{height:300px}}@media(max-width:500px){.skeleton_hotelCard .skeleton_imageWrapper{height:250px}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail .skeleton_priceBlock .skeleton_priceBtn{display:none}}:root{--blue: #077dad;--white: #ffffff;--black: #000000;--black-text: rgba(0, 0, 0, .85);--black-text-secondary: rgba(0, 0, 0, .65);--dark-gray: #535353;--light-gray: rgba(0, 0, 0, .06);--empty-star-gray: #f0f0f0;--yellow: #f0ab00;--green-text: #52c41a;--green-text-background: #f6ffed;--green-box-stroke: #b7eb8f;--orange: #e27300}
+.hotelCard{width:100%;min-height:0;height:500px;box-sizing:border-box;padding:12px;border-radius:16px;display:flex;gap:24px;flex-direction:row;background-color:var(--white)}.hotelCard .imageWrapper{width:100%;height:100%;box-sizing:border-box;text-decoration:none!important}.hotelCard .imageWrapper img{width:100%;height:100%;box-sizing:border-box;object-fit:cover;border-radius:8px}.hotelCard .contentWrapper{width:100%;height:100%;display:flex;flex-direction:column;padding:6px 0;box-sizing:border-box;gap:16px;min-height:0}.hotelCard .contentWrapper .hotelDetail{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.hotelCard .contentWrapper .hotelDetail .locationSummary{width:100%;display:inline-flex;gap:4px;height:34px;align-items:flex-start}.hotelCard .contentWrapper .hotelDetail .locationSummary .locationSummary_Text{font-size:12px;line-height:16px;color:var(--black-text-secondary)}.hotelCard .contentWrapper .hotelDetail .hotelName{width:100%;height:27px;font-size:20px;color:var(--black-text);line-height:22px;font-weight:600;margin:0}.hotelCard .contentWrapper .hotelDetail .stars{width:100%;height:24px;display:inline-flex;gap:4px;margin-bottom:8px}.hotelCard .contentWrapper .hotelDetail .textContent{width:100%;height:100%;display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.hotelCard .contentWrapper .hotelDetail .textContent .textWrapper{max-height:120px;height:100%;overflow-y:auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.hotelCard .contentWrapper .hotelDetail .textContent::-webkit-scrollbar{width:4px;height:4px}.hotelCard .contentWrapper .hotelDetail .textContent::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:9999px}.hotelCard .contentWrapper .hotelDetail .textContent::-webkit-scrollbar-button{display:none}.hotelCard .contentWrapper .hotelDetail .textContent .textWrapper.open{max-height:100%;height:100%}.hotelCard .contentWrapper .hotelDetail .textContent .textWrapper:not(.open)~.textContent_btn svg{transform:rotate(180deg)}.hotelCard .contentWrapper .hotelDetail .textContent .textContent_btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;width:100%;height:24px;padding:0;border:none;background-color:transparent;font-family:inherit!important;font-size:14px;color:var(--black-text);cursor:pointer}.hotelCard .contentWrapper .priceDetail{width:100%;height:auto;display:flex;flex-direction:column}.hotelCard .contentWrapper .priceDetail .priceOffer{width:100%;display:flex;align-items:center;gap:16px;padding-bottom:8px;border-bottom:1px solid var(--light-gray)}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper{width:100%;display:flex;flex-direction:column}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .priceFrom_Text{font-size:12px;line-height:16px;width:100%;color:var(--black-text)}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .oldPackagePrice{height:19px;font-size:14px;color:var(--black-text);width:100%;text-decoration:line-through}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .currentPackagePrice{font-size:12px;line-height:16px;color:var(--black-text);width:100%}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .currentPerPersonPrice{font-size:20px;font-weight:600;color:var(--blue);width:100%}.hotelCard .contentWrapper .priceDetail .priceOffer .priceWrapper .currentPerPersonPrice .perPerson_Text{font-size:12px;font-weight:400;color:var(--black-text-secondary)}.hotelCard .contentWrapper .offerBtn{margin-left:auto;border-radius:8px;padding:12px 24px;width:fit-content;background-color:var(--orange);display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;color:var(--white)!important;font-weight:600;transition:.3s ease background-color}@media(hover:hover){.hotelCard .contentWrapper .offerBtn:hover{background-color:#262626}}.hotelCard .contentWrapper .priceDetail .priceWrapper .additionalOfferInfo{padding:8px 0;display:inline-flex;gap:4px;align-items:center}.hotelCard .contentWrapper .priceDetail .priceWrapper .additionalOfferInfo .flightInfo,.hotelCard .contentWrapper .priceDetail .priceWrapper .additionalOfferInfo .touristsInfo{width:fit-content;height:fit-content;padding:2px 6px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;background-color:var(--green-text-background);color:var(--green-text);border:1px solid var(--green-box-stroke);font-size:10px}.hotelCard .contentWrapper .priceDetail .priceWrapper .additionalOfferInfo .touristsInfo{background-color:#0000000a;color:var(--black-text);border:1px solid rgba(0,0,0,.0392)}.hotelCard .contentWrapper .priceDetail .tripDetail .tripDetail_Items{margin-top:8px;width:100%;display:inline-flex;gap:12px;align-items:center}.hotelCard .contentWrapper .priceDetail .tripDetail{height:fit-content}.hotelCard .contentWrapper .priceDetail .tripDetail .tripDetail_Items .tripDetail_Item{display:inline-flex;gap:4px;align-items:center;text-wrap:nowrap}.hotelCard .contentWrapper .priceDetail .tripDetail .tripDetail_Items .tripDetail_Item .tripDetail_Item_Text{font-size:12px;color:var(--black-text)}.hotelCard .contentWrapper .priceDetail .tripDetail .offerBtn{display:none}.hotelCard svg{flex-shrink:0}@media(max-width:900px){.hotelCard{flex-direction:column;height:auto;gap:8px}.hotelCard .imageWrapper,.hotelCard .imageWrapper img{height:300px}}@media(max-width:500px){.hotelCard .imageWrapper,.hotelCard .imageWrapper img{height:250px}.hotelCard .contentWrapper .offerBtn,.hotelCard .contentWrapper .priceDetail .tripDetail .offerBtn{display:flex;width:100%;box-sizing:border-box}.hotelCard .contentWrapper .priceDetail .priceOffer .offerBtn{display:none}.hotelCard .contentWrapper .priceDetail .tripDetail .tripDetail_Items{padding-bottom:16px;overflow-x:auto}.hotelCard .contentWrapper{padding:6px 0 0}.hotelCard .contentWrapper .hotelDetail .hotelName{min-height:27px;height:auto}}.hotelContent_section{display:flex;flex-direction:column;gap:18px}.hotelContent_section .hotelCard:nth-child(2n) .imageWrapper,.hotelContent_section .skeleton_hotelCard:nth-child(2n) .skeleton_imageWrapper{order:2}.hotelContent_section .hotelCard:nth-child(2n) .contentWrapper,.hotelContent_section .skeleton_hotelCard:nth-child(2n) .skeleton_contentWrapper{order:1}@media(max-width:900px){.hotelContent_section .hotelCard:nth-child(2n) .imageWrapper,.hotelContent_section .skeleton_hotelCard:nth-child(2n) .skeleton_imageWrapper{order:initial}.hotelContent_section .hotelCard:nth-child(2n) .contentWrapper,.hotelContent_section .skeleton_hotelCard:nth-child(2n) .skeleton_contentWrapper{order:initial}}.skeleton_hotelCard{width:100%;min-height:0;height:500px;box-sizing:border-box;padding:12px;border-radius:16px;display:flex;gap:24px;flex-direction:row;background-color:var(--white)}.skeleton_hotelCard .skeleton_imageWrapper{width:100%;height:100%;box-sizing:border-box;text-decoration:none!important;background-color:var(--light-gray);border-radius:8px;display:flex;align-items:center;justify-content:center}.skeleton_hotelCard .skeleton_contentWrapper{width:100%;height:100%;display:flex;flex-direction:column;padding:6px 0;box-sizing:border-box;gap:16px;min-height:0}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_hotelDetail{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.skeleton_row{max-width:170px;width:100%;box-sizing:border-box;height:27px;background-color:var(--light-gray);border-radius:6px;margin-bottom:6px}.skeleton_row.long{max-width:250px}.skeleton_row.short{max-width:100px}.skeleton_textBlock{width:100%;box-sizing:border-box;height:120px;background-color:var(--light-gray);border-radius:6px;margin:8px 0}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail{width:100%;box-sizing:border-box}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail .skeleton_priceBlock{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:16px;justify-content:space-between}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail .skeleton_priceBlock .skeleton_priceRow{height:100px;background-color:var(--light-gray);width:150px;box-sizing:border-box;margin-bottom:8px;border-radius:6px}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail .skeleton_priceBlock .skeleton_priceBtn{width:120px;box-sizing:border-box;height:43px;border-radius:8px;background-color:var(--light-gray)}@keyframes skeleton_shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.animated{background:linear-gradient(90deg,var(--light-gray) 25%,color-mix(in srgb,var(--light-gray) 60%,white) 50%,var(--light-gray) 75%);background-size:1200px 100%;animation:skeleton_shimmer 1.6s infinite linear}@media(max-width:900px){.skeleton_hotelCard{flex-direction:column;height:auto;gap:8px}.skeleton_hotelCard .skeleton_imageWrapper{height:300px}}@media(max-width:500px){.skeleton_hotelCard .skeleton_imageWrapper{height:250px}.skeleton_hotelCard .skeleton_contentWrapper .skeleton_priceDetail .skeleton_priceBlock .skeleton_priceBtn{display:none}}:root{--blue: #077dad;--white: #ffffff;--black: #000000;--black-text: rgba(0, 0, 0, .85);--black-text-secondary: rgba(0, 0, 0, .65);--dark-gray: #535353;--light-gray: rgba(0, 0, 0, .06);--empty-star-gray: #f0f0f0;--yellow: #f0ab00;--green-text: #52c41a;--green-text-background: #f6ffed;--green-box-stroke: #b7eb8f;--orange: #e27300}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "h-section",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "commonjs",
   "scripts": {
     "dev": "vite",