tent-lib 0.0.718 → 0.0.720
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/esm2022/lib/components/core/contact-form/contact-form.component.mjs +2 -2
- package/esm2022/lib/components/core/hotel-about/hotel-about.component.mjs +3 -3
- package/esm2022/lib/components/core/hotel-equipment/hotel-equipment.component.mjs +3 -3
- package/esm2022/lib/components/core/offer/offer.component.mjs +3 -3
- package/esm2022/lib/components/core/room-slider/room-slider.component.mjs +3 -3
- package/fesm2022/tent-lib.mjs +10 -10
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -64,7 +64,7 @@ export class ContactFormComponent {
|
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ContactFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
67
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: ContactFormComponent, isStandalone: true, selector: "tent-contact-form", inputs: { title: "title", description: "description", conditions: "conditions", requiredFieldsLabel: "requiredFieldsLabel", dropdown: "dropdown", inputs: "inputs", textarea: "textarea", button: "button" }, outputs: { formSubmit: "formSubmit" }, ngImport: i0, template: "<section class=\"contact-form\">\r\n @if (title || description) {\r\n <div class=\"flex-col contact-form--header\">\r\n @if (title) {\r\n <h3 class=\"contact-form--title color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (description) {\r\n <p class=\"contact-form--description\">\r\n {{ description }}\r\n </p>\r\n }\r\n </div>\r\n } @if (formReady()) {\r\n <form class=\"contact-form--form\" [formGroup]=\"form\">\r\n <div class=\"contact-form--left\">\r\n @if (dropdown) {\r\n <div class=\"contact-form--dropdown flex-col\">\r\n <p class=\"contact-form--msg--title\">\r\n <span class=\"input--required\"></span>{{ dropdown.title }}\r\n </p>\r\n <tent-dropdown\r\n [options]=\"dropdown.options\"\r\n formControlName=\"dropdown\"\r\n name=\"hotels\"\r\n [value]=\"dropdown.value\"\r\n [valid]=\"dropdown.valid!\"\r\n [error]=\"dropdown.error\"\r\n (dropdownBlur)=\"validateDropdown()\"\r\n ></tent-dropdown>\r\n </div>\r\n } @if (inputs && inputs.length) { @for (input of inputs; track\r\n $index; let first = $first) {\r\n <tent-input\r\n [iconBackOffice]=\"true\"\r\n [title]=\"input.title\"\r\n [name]=\"input.name\"\r\n [type]=\"input.type\"\r\n [placeholder]=\"input.placeholder\"\r\n [icon]=\"input.icon\"\r\n [required]=\"true\"\r\n [value]=\"input.value!\"\r\n [error]=\"input.error\"\r\n [valid]=\"input.valid!\"\r\n (inputBlur)=\"validateInput(first ? 'name' : 'email')\"\r\n [formControlName]=\"first ? 'name' : 'email'\"\r\n ></tent-input>\r\n\r\n } }\r\n </div>\r\n <div class=\"contact-form--right\">\r\n @if (textarea) {\r\n <div class=\"contact-form--msg flex-col\">\r\n <p class=\"contact-form--msg--title\">\r\n {{ textarea.title }}\r\n </p>\r\n <textarea\r\n class=\"contact-form--msg--textarea\"\r\n [placeholder]=\"textarea.placeholder\"\r\n [value]=\"textarea.value\"\r\n name=\"textarea\"\r\n formControlName=\"textarea\"\r\n ></textarea>\r\n </div>\r\n\r\n }\r\n <div class=\"contact-form--footer\">\r\n <div class=\"flex-col\">\r\n <div class=\"contact-form--checkbox--wrapper\">\r\n <mat-checkbox\r\n class=\"contact-form--checkbox\"\r\n formControlName=\"checkbox\"\r\n ></mat-checkbox>\r\n @if (conditions) {\r\n <span\r\n class=\"contact-form--conditions color--brown\"\r\n [innerHTML]=\"conditions\"\r\n >\r\n </span>\r\n }\r\n </div>\r\n @if (requiredFieldsLabel) {\r\n <span class=\"contact-form--required--text\">\r\n <span class=\"contact-form--required\"></span>\r\n {{ requiredFieldsLabel }}\r\n </span>\r\n }\r\n </div>\r\n\r\n @if (button) {\r\n <tent-button\r\n class=\"contact-form--submit\"\r\n type=\"dark-box-filled\"\r\n boxWidth=\"240px\"\r\n [label]=\"button.label\"\r\n [disabled]=\"!isValid()\"\r\n (btnClick)=\"submitForm()\"\r\n [name]=\"button.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </form>\r\n }\r\n</section>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}@media (max-width: 1279px){:host{max-width:867px}}.contact-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:35px;position:relative;width:max-content}@media (max-width: 539px){.contact-form{width:100%;padding-bottom:30px}}@media (min-width: 540px){.contact-form{padding:30px 25px;gap:25px;width:calc(100% - 50px)}.contact-form:before{content:\"\";background-color:#f6ece2;border-radius:12px;height:67%;position:absolute;top:0;width:100%;z-index:0;left:50%;transform:translate(-50%)}}@media (min-width: 540px) and (min-width: 1280px){.contact-form:before{height:55%}}@media (min-width: 1280px){.contact-form{gap:40px;padding:60px 75px;width:calc(100% - 150px)}}@media (min-width: 1366px){.contact-form{gap:50px}}.contact-form--header{z-index:2}@media (min-width: 1280px){.contact-form--header{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:95px;align-self:center}}@media (min-width: 1680px){.contact-form--header{gap:120px}}.contact-form--title{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:32px;letter-spacing:0;text-align:left;justify-self:flex-end;max-width:300px;display:flex;align-items:center;gap:5px}@media (min-width: 540px){.contact-form--title{font-size:40px;line-height:40px}}@media (min-width: 768px){.contact-form--title{font-size:50px;line-height:50px}}@media (min-width: 1280px){.contact-form--title{max-width:358px;font-size:60px;line-height:60px}}.contact-form--description{font-family:var(--tent-font);font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#5d5d5d;max-width:528px}@media (min-width: 768px){.contact-form--description{font-size:20px;line-height:34px}}@media (min-width: 1280px){.contact-form--description{max-width:632px}}.contact-form--form{background-color:#fff;width:max-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:15px;z-index:2;align-self:center;width:100%}@media (max-width: 539px){.contact-form--form{max-width:350px}}@media (min-width: 540px){.contact-form--form{border-radius:12px;padding:25px 30px;max-width:calc(100% - 60px)}}@media (min-width: 768px){.contact-form--form{gap:20px}}@media (min-width: 1280px){.contact-form--form{padding:50px;display:grid;grid-template-columns:402px 1fr;gap:50px;max-width:calc(100% - 100px);align-items:flex-start}}@media (min-width: 1680px){.contact-form--form{gap:75px;padding:45px 70px;max-width:calc(100% - 140px)}}.contact-form--left,.contact-form--right{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:15px}@media (min-width: 768px){.contact-form--left,.contact-form--right{gap:20px}}@media (max-width: 1279px){.contact-form--left,.contact-form--right{max-width:402px}}.contact-form--left{max-width:402px;align-items:center}.contact-form--dropdown{width:100%}.contact-form--dropdown tent-dropdown::ng-deep .dropdown--wrapper{border:none;background-color:#fbf5f0;max-width:unset}.contact-form--dropdown tent-dropdown::ng-deep .dropdown--icon{opacity:.7}.contact-form--dropdown tent-dropdown::ng-deep p-dropdown::ng-deep .p-inputtext{font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3a}.contact-form--msg{width:100%}.contact-form--msg--title{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left;color:#7c4d3a;opacity:.7}.contact-form--msg--textarea{padding:16px;background-color:#fbf5f0;height:290px;border:none;border-radius:6px;font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3ab3}.contact-form--msg--textarea::placeholder{font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3ab3}.contact-form--checkbox--wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}.contact-form--checkbox ::ng-deep .mdc-checkbox__background{border-color:#e1d8d5!important;background-color:#fff!important}.contact-form--checkbox ::ng-deep .mdc-checkbox__background svg{color:#e1d8d5!important}.contact-form--checkbox ::ng-deep .mdc-checkbox__native-control{background:#fff!important}.contact-form--checkbox ::ng-deep .mdc-checkbox .mat-ripple{opacity:0}.contact-form--checkbox ::ng-deep .mdc-checkbox__ripple{display:none}.contact-form--required{border-radius:50%;width:7px;height:7px;background-color:#dab38d;display:inline-block}.contact-form--required--text{padding-left:17px;font-family:var(--tent-font);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;color:#693d2dcc;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:16px}.contact-form--footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:17px;width:100%}@media (min-width: 1280px){.contact-form--footer{display:grid;grid-template-columns:1fr;gap:0}}@media (min-width: 1680px){.contact-form--footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}}.contact-form--footer>:first-child{align-self:flex-start}@media (min-width: 1280px){.contact-form--submit{justify-self:flex-end}}.contact-form--conditions{font-family:var(--tent-font);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;display:flex;gap:4px;align-items:center;flex-wrap:wrap;align-self:center}.contact-form--conditions::ng-deep a{position:relative;color:var(--color-title-2)!important}.contact-form--conditions::ng-deep a:after{content:\"\";height:1px;background-color:#693d2d;width:100%;position:absolute;top:26px;left:0;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.contact-form--conditions::ng-deep a:hover:after{top:24px}.contact-form .input--required{border-radius:50%;width:7px;height:7px;background-color:#dab38d;display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: InputComponent, selector: "tent-input", inputs: ["type", "value", "placeholder", "icon", "title", "required", "name", "error", "isDisabled", "valid", "iconBackOffice"], outputs: ["change", "inputBlur"] }, { kind: "component", type: DropdownComponent, selector: "tent-dropdown", inputs: ["value", "placeholder", "title", "smallTitle", "options", "name", "iconLeft", "error", "theme", "valid", "isDisabled", "light", "showTitleTop", "sameTitlePlaceholder", "staticPosition"], outputs: ["change", "dropdownBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
67
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: ContactFormComponent, isStandalone: true, selector: "tent-contact-form", inputs: { title: "title", description: "description", conditions: "conditions", requiredFieldsLabel: "requiredFieldsLabel", dropdown: "dropdown", inputs: "inputs", textarea: "textarea", button: "button" }, outputs: { formSubmit: "formSubmit" }, ngImport: i0, template: "<section class=\"contact-form\">\r\n @if (title || description) {\r\n <div class=\"flex-col contact-form--header\">\r\n @if (title) {\r\n <h3 class=\"contact-form--title color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (description) {\r\n <p class=\"contact-form--description\">\r\n {{ description }}\r\n </p>\r\n }\r\n </div>\r\n } @if (formReady()) {\r\n <form class=\"contact-form--form\" [formGroup]=\"form\">\r\n <div class=\"contact-form--left\">\r\n @if (dropdown) {\r\n <div class=\"contact-form--dropdown flex-col\">\r\n <p class=\"contact-form--msg--title\">\r\n <span class=\"input--required\"></span>{{ dropdown.title }}\r\n </p>\r\n <tent-dropdown\r\n [options]=\"dropdown.options\"\r\n formControlName=\"dropdown\"\r\n name=\"hotels\"\r\n [value]=\"dropdown.value\"\r\n [valid]=\"dropdown.valid!\"\r\n [error]=\"dropdown.error\"\r\n (dropdownBlur)=\"validateDropdown()\"\r\n ></tent-dropdown>\r\n </div>\r\n } @if (inputs && inputs.length) { @for (input of inputs; track\r\n $index; let first = $first) {\r\n <tent-input\r\n [iconBackOffice]=\"true\"\r\n [title]=\"input.title\"\r\n [name]=\"input.name\"\r\n [type]=\"input.type\"\r\n [placeholder]=\"input.placeholder\"\r\n [icon]=\"input.icon\"\r\n [required]=\"true\"\r\n [value]=\"input.value!\"\r\n [error]=\"input.error\"\r\n [valid]=\"input.valid!\"\r\n (inputBlur)=\"validateInput(first ? 'name' : 'email')\"\r\n [formControlName]=\"first ? 'name' : 'email'\"\r\n ></tent-input>\r\n\r\n } }\r\n </div>\r\n <div class=\"contact-form--right\">\r\n @if (textarea) {\r\n <div class=\"contact-form--msg flex-col\">\r\n <p class=\"contact-form--msg--title\">\r\n {{ textarea.title }}\r\n </p>\r\n <textarea\r\n class=\"contact-form--msg--textarea\"\r\n [placeholder]=\"textarea.placeholder\"\r\n [value]=\"textarea.value\"\r\n name=\"textarea\"\r\n formControlName=\"textarea\"\r\n ></textarea>\r\n </div>\r\n\r\n }\r\n <div class=\"contact-form--footer\">\r\n <div class=\"flex-col\">\r\n <div class=\"contact-form--checkbox--wrapper\">\r\n <mat-checkbox\r\n class=\"contact-form--checkbox\"\r\n formControlName=\"checkbox\"\r\n ></mat-checkbox>\r\n @if (conditions) {\r\n <span\r\n class=\"contact-form--conditions color--brown\"\r\n [innerHTML]=\"conditions\"\r\n >\r\n </span>\r\n }\r\n </div>\r\n @if (requiredFieldsLabel) {\r\n <span class=\"contact-form--required--text\">\r\n <span class=\"contact-form--required\"></span>\r\n {{ requiredFieldsLabel }}\r\n </span>\r\n }\r\n </div>\r\n\r\n @if (button) {\r\n <tent-button\r\n class=\"contact-form--submit\"\r\n type=\"dark-box-filled\"\r\n boxWidth=\"240px\"\r\n [label]=\"button.label\"\r\n [disabled]=\"!isValid()\"\r\n (btnClick)=\"submitForm()\"\r\n [name]=\"button.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </form>\r\n }\r\n</section>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}@media (max-width: 1279px){:host{max-width:867px}}.contact-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:35px;position:relative;width:max-content}@media (max-width: 539px){.contact-form{width:100%;padding-bottom:30px}}@media (min-width: 540px){.contact-form{padding:30px 25px;gap:25px;width:calc(100% - 50px)}.contact-form:before{content:\"\";background-color:#f6ece2;border-radius:12px;height:67%;position:absolute;top:0;width:100%;z-index:0;left:50%;transform:translate(-50%)}}@media (min-width: 540px) and (min-width: 1280px){.contact-form:before{height:55%}}@media (min-width: 1280px){.contact-form{gap:40px;padding:60px 75px;width:calc(100% - 150px)}}@media (min-width: 1366px){.contact-form{gap:50px}}.contact-form--header{z-index:2}@media (min-width: 1280px){.contact-form--header{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:95px;align-self:center}}@media (min-width: 1680px){.contact-form--header{gap:120px}}.contact-form--title{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:32px;letter-spacing:0;text-align:left;justify-self:flex-end;max-width:300px;display:flex;align-items:center;gap:5px}@media (min-width: 540px){.contact-form--title{font-size:40px;line-height:40px}}@media (min-width: 768px){.contact-form--title{font-size:50px;line-height:50px}}@media (min-width: 1280px){.contact-form--title{max-width:500px;font-size:60px;line-height:60px}}.contact-form--description{font-family:var(--tent-font);font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#5d5d5d;max-width:528px}@media (min-width: 768px){.contact-form--description{font-size:20px;line-height:34px}}@media (min-width: 1280px){.contact-form--description{max-width:632px}}.contact-form--form{background-color:#fff;width:max-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:15px;z-index:2;align-self:center;width:100%}@media (max-width: 539px){.contact-form--form{max-width:350px}}@media (min-width: 540px){.contact-form--form{border-radius:12px;padding:25px 30px;max-width:calc(100% - 60px)}}@media (min-width: 768px){.contact-form--form{gap:20px}}@media (min-width: 1280px){.contact-form--form{padding:50px;display:grid;grid-template-columns:402px 1fr;gap:50px;max-width:calc(100% - 100px);align-items:flex-start}}@media (min-width: 1680px){.contact-form--form{gap:75px;padding:45px 70px;max-width:calc(100% - 140px)}}.contact-form--left,.contact-form--right{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:15px}@media (min-width: 768px){.contact-form--left,.contact-form--right{gap:20px}}@media (max-width: 1279px){.contact-form--left,.contact-form--right{max-width:402px}}.contact-form--left{max-width:402px;align-items:center}.contact-form--dropdown{width:100%}.contact-form--dropdown tent-dropdown::ng-deep .dropdown--wrapper{border:none;background-color:#fbf5f0;max-width:unset}.contact-form--dropdown tent-dropdown::ng-deep .dropdown--icon{opacity:.7}.contact-form--dropdown tent-dropdown::ng-deep p-dropdown::ng-deep .p-inputtext{font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3a}.contact-form--msg{width:100%}.contact-form--msg--title{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left;color:#7c4d3a;opacity:.7}.contact-form--msg--textarea{padding:16px;background-color:#fbf5f0;height:290px;border:none;border-radius:6px;font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3ab3}.contact-form--msg--textarea::placeholder{font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3ab3}.contact-form--checkbox--wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}.contact-form--checkbox ::ng-deep .mdc-checkbox__background{border-color:#e1d8d5!important;background-color:#fff!important}.contact-form--checkbox ::ng-deep .mdc-checkbox__background svg{color:#e1d8d5!important}.contact-form--checkbox ::ng-deep .mdc-checkbox__native-control{background:#fff!important}.contact-form--checkbox ::ng-deep .mdc-checkbox .mat-ripple{opacity:0}.contact-form--checkbox ::ng-deep .mdc-checkbox__ripple{display:none}.contact-form--required{border-radius:50%;width:7px;height:7px;background-color:#dab38d;display:inline-block}.contact-form--required--text{padding-left:17px;font-family:var(--tent-font);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;color:#693d2dcc;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:16px}.contact-form--footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:17px;width:100%}@media (min-width: 1280px){.contact-form--footer{display:grid;grid-template-columns:1fr;gap:0}}@media (min-width: 1680px){.contact-form--footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}}.contact-form--footer>:first-child{align-self:flex-start}@media (min-width: 1280px){.contact-form--submit{justify-self:flex-end}}.contact-form--conditions{font-family:var(--tent-font);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;display:flex;gap:4px;align-items:center;flex-wrap:wrap;align-self:center}.contact-form--conditions::ng-deep a{position:relative;color:var(--color-title-2)!important}.contact-form--conditions::ng-deep a:after{content:\"\";height:1px;background-color:#693d2d;width:100%;position:absolute;top:26px;left:0;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.contact-form--conditions::ng-deep a:hover:after{top:24px}.contact-form .input--required{border-radius:50%;width:7px;height:7px;background-color:#dab38d;display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: InputComponent, selector: "tent-input", inputs: ["type", "value", "placeholder", "icon", "title", "required", "name", "error", "isDisabled", "valid", "iconBackOffice"], outputs: ["change", "inputBlur"] }, { kind: "component", type: DropdownComponent, selector: "tent-dropdown", inputs: ["value", "placeholder", "title", "smallTitle", "options", "name", "iconLeft", "error", "theme", "valid", "isDisabled", "light", "showTitleTop", "sameTitlePlaceholder", "staticPosition"], outputs: ["change", "dropdownBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ContactFormComponent, decorators: [{
|
|
70
70
|
type: Component,
|
|
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
76
76
|
DropdownComponent,
|
|
77
77
|
ReactiveFormsModule,
|
|
78
78
|
FormsModule,
|
|
79
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"contact-form\">\r\n @if (title || description) {\r\n <div class=\"flex-col contact-form--header\">\r\n @if (title) {\r\n <h3 class=\"contact-form--title color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (description) {\r\n <p class=\"contact-form--description\">\r\n {{ description }}\r\n </p>\r\n }\r\n </div>\r\n } @if (formReady()) {\r\n <form class=\"contact-form--form\" [formGroup]=\"form\">\r\n <div class=\"contact-form--left\">\r\n @if (dropdown) {\r\n <div class=\"contact-form--dropdown flex-col\">\r\n <p class=\"contact-form--msg--title\">\r\n <span class=\"input--required\"></span>{{ dropdown.title }}\r\n </p>\r\n <tent-dropdown\r\n [options]=\"dropdown.options\"\r\n formControlName=\"dropdown\"\r\n name=\"hotels\"\r\n [value]=\"dropdown.value\"\r\n [valid]=\"dropdown.valid!\"\r\n [error]=\"dropdown.error\"\r\n (dropdownBlur)=\"validateDropdown()\"\r\n ></tent-dropdown>\r\n </div>\r\n } @if (inputs && inputs.length) { @for (input of inputs; track\r\n $index; let first = $first) {\r\n <tent-input\r\n [iconBackOffice]=\"true\"\r\n [title]=\"input.title\"\r\n [name]=\"input.name\"\r\n [type]=\"input.type\"\r\n [placeholder]=\"input.placeholder\"\r\n [icon]=\"input.icon\"\r\n [required]=\"true\"\r\n [value]=\"input.value!\"\r\n [error]=\"input.error\"\r\n [valid]=\"input.valid!\"\r\n (inputBlur)=\"validateInput(first ? 'name' : 'email')\"\r\n [formControlName]=\"first ? 'name' : 'email'\"\r\n ></tent-input>\r\n\r\n } }\r\n </div>\r\n <div class=\"contact-form--right\">\r\n @if (textarea) {\r\n <div class=\"contact-form--msg flex-col\">\r\n <p class=\"contact-form--msg--title\">\r\n {{ textarea.title }}\r\n </p>\r\n <textarea\r\n class=\"contact-form--msg--textarea\"\r\n [placeholder]=\"textarea.placeholder\"\r\n [value]=\"textarea.value\"\r\n name=\"textarea\"\r\n formControlName=\"textarea\"\r\n ></textarea>\r\n </div>\r\n\r\n }\r\n <div class=\"contact-form--footer\">\r\n <div class=\"flex-col\">\r\n <div class=\"contact-form--checkbox--wrapper\">\r\n <mat-checkbox\r\n class=\"contact-form--checkbox\"\r\n formControlName=\"checkbox\"\r\n ></mat-checkbox>\r\n @if (conditions) {\r\n <span\r\n class=\"contact-form--conditions color--brown\"\r\n [innerHTML]=\"conditions\"\r\n >\r\n </span>\r\n }\r\n </div>\r\n @if (requiredFieldsLabel) {\r\n <span class=\"contact-form--required--text\">\r\n <span class=\"contact-form--required\"></span>\r\n {{ requiredFieldsLabel }}\r\n </span>\r\n }\r\n </div>\r\n\r\n @if (button) {\r\n <tent-button\r\n class=\"contact-form--submit\"\r\n type=\"dark-box-filled\"\r\n boxWidth=\"240px\"\r\n [label]=\"button.label\"\r\n [disabled]=\"!isValid()\"\r\n (btnClick)=\"submitForm()\"\r\n [name]=\"button.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </form>\r\n }\r\n</section>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}@media (max-width: 1279px){:host{max-width:867px}}.contact-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:35px;position:relative;width:max-content}@media (max-width: 539px){.contact-form{width:100%;padding-bottom:30px}}@media (min-width: 540px){.contact-form{padding:30px 25px;gap:25px;width:calc(100% - 50px)}.contact-form:before{content:\"\";background-color:#f6ece2;border-radius:12px;height:67%;position:absolute;top:0;width:100%;z-index:0;left:50%;transform:translate(-50%)}}@media (min-width: 540px) and (min-width: 1280px){.contact-form:before{height:55%}}@media (min-width: 1280px){.contact-form{gap:40px;padding:60px 75px;width:calc(100% - 150px)}}@media (min-width: 1366px){.contact-form{gap:50px}}.contact-form--header{z-index:2}@media (min-width: 1280px){.contact-form--header{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:95px;align-self:center}}@media (min-width: 1680px){.contact-form--header{gap:120px}}.contact-form--title{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:32px;letter-spacing:0;text-align:left;justify-self:flex-end;max-width:300px;display:flex;align-items:center;gap:5px}@media (min-width: 540px){.contact-form--title{font-size:40px;line-height:40px}}@media (min-width: 768px){.contact-form--title{font-size:50px;line-height:50px}}@media (min-width: 1280px){.contact-form--title{max-width:358px;font-size:60px;line-height:60px}}.contact-form--description{font-family:var(--tent-font);font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#5d5d5d;max-width:528px}@media (min-width: 768px){.contact-form--description{font-size:20px;line-height:34px}}@media (min-width: 1280px){.contact-form--description{max-width:632px}}.contact-form--form{background-color:#fff;width:max-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:15px;z-index:2;align-self:center;width:100%}@media (max-width: 539px){.contact-form--form{max-width:350px}}@media (min-width: 540px){.contact-form--form{border-radius:12px;padding:25px 30px;max-width:calc(100% - 60px)}}@media (min-width: 768px){.contact-form--form{gap:20px}}@media (min-width: 1280px){.contact-form--form{padding:50px;display:grid;grid-template-columns:402px 1fr;gap:50px;max-width:calc(100% - 100px);align-items:flex-start}}@media (min-width: 1680px){.contact-form--form{gap:75px;padding:45px 70px;max-width:calc(100% - 140px)}}.contact-form--left,.contact-form--right{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:15px}@media (min-width: 768px){.contact-form--left,.contact-form--right{gap:20px}}@media (max-width: 1279px){.contact-form--left,.contact-form--right{max-width:402px}}.contact-form--left{max-width:402px;align-items:center}.contact-form--dropdown{width:100%}.contact-form--dropdown tent-dropdown::ng-deep .dropdown--wrapper{border:none;background-color:#fbf5f0;max-width:unset}.contact-form--dropdown tent-dropdown::ng-deep .dropdown--icon{opacity:.7}.contact-form--dropdown tent-dropdown::ng-deep p-dropdown::ng-deep .p-inputtext{font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3a}.contact-form--msg{width:100%}.contact-form--msg--title{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left;color:#7c4d3a;opacity:.7}.contact-form--msg--textarea{padding:16px;background-color:#fbf5f0;height:290px;border:none;border-radius:6px;font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3ab3}.contact-form--msg--textarea::placeholder{font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3ab3}.contact-form--checkbox--wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}.contact-form--checkbox ::ng-deep .mdc-checkbox__background{border-color:#e1d8d5!important;background-color:#fff!important}.contact-form--checkbox ::ng-deep .mdc-checkbox__background svg{color:#e1d8d5!important}.contact-form--checkbox ::ng-deep .mdc-checkbox__native-control{background:#fff!important}.contact-form--checkbox ::ng-deep .mdc-checkbox .mat-ripple{opacity:0}.contact-form--checkbox ::ng-deep .mdc-checkbox__ripple{display:none}.contact-form--required{border-radius:50%;width:7px;height:7px;background-color:#dab38d;display:inline-block}.contact-form--required--text{padding-left:17px;font-family:var(--tent-font);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;color:#693d2dcc;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:16px}.contact-form--footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:17px;width:100%}@media (min-width: 1280px){.contact-form--footer{display:grid;grid-template-columns:1fr;gap:0}}@media (min-width: 1680px){.contact-form--footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}}.contact-form--footer>:first-child{align-self:flex-start}@media (min-width: 1280px){.contact-form--submit{justify-self:flex-end}}.contact-form--conditions{font-family:var(--tent-font);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;display:flex;gap:4px;align-items:center;flex-wrap:wrap;align-self:center}.contact-form--conditions::ng-deep a{position:relative;color:var(--color-title-2)!important}.contact-form--conditions::ng-deep a:after{content:\"\";height:1px;background-color:#693d2d;width:100%;position:absolute;top:26px;left:0;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.contact-form--conditions::ng-deep a:hover:after{top:24px}.contact-form .input--required{border-radius:50%;width:7px;height:7px;background-color:#dab38d;display:inline-block}\n"] }]
|
|
79
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"contact-form\">\r\n @if (title || description) {\r\n <div class=\"flex-col contact-form--header\">\r\n @if (title) {\r\n <h3 class=\"contact-form--title color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (description) {\r\n <p class=\"contact-form--description\">\r\n {{ description }}\r\n </p>\r\n }\r\n </div>\r\n } @if (formReady()) {\r\n <form class=\"contact-form--form\" [formGroup]=\"form\">\r\n <div class=\"contact-form--left\">\r\n @if (dropdown) {\r\n <div class=\"contact-form--dropdown flex-col\">\r\n <p class=\"contact-form--msg--title\">\r\n <span class=\"input--required\"></span>{{ dropdown.title }}\r\n </p>\r\n <tent-dropdown\r\n [options]=\"dropdown.options\"\r\n formControlName=\"dropdown\"\r\n name=\"hotels\"\r\n [value]=\"dropdown.value\"\r\n [valid]=\"dropdown.valid!\"\r\n [error]=\"dropdown.error\"\r\n (dropdownBlur)=\"validateDropdown()\"\r\n ></tent-dropdown>\r\n </div>\r\n } @if (inputs && inputs.length) { @for (input of inputs; track\r\n $index; let first = $first) {\r\n <tent-input\r\n [iconBackOffice]=\"true\"\r\n [title]=\"input.title\"\r\n [name]=\"input.name\"\r\n [type]=\"input.type\"\r\n [placeholder]=\"input.placeholder\"\r\n [icon]=\"input.icon\"\r\n [required]=\"true\"\r\n [value]=\"input.value!\"\r\n [error]=\"input.error\"\r\n [valid]=\"input.valid!\"\r\n (inputBlur)=\"validateInput(first ? 'name' : 'email')\"\r\n [formControlName]=\"first ? 'name' : 'email'\"\r\n ></tent-input>\r\n\r\n } }\r\n </div>\r\n <div class=\"contact-form--right\">\r\n @if (textarea) {\r\n <div class=\"contact-form--msg flex-col\">\r\n <p class=\"contact-form--msg--title\">\r\n {{ textarea.title }}\r\n </p>\r\n <textarea\r\n class=\"contact-form--msg--textarea\"\r\n [placeholder]=\"textarea.placeholder\"\r\n [value]=\"textarea.value\"\r\n name=\"textarea\"\r\n formControlName=\"textarea\"\r\n ></textarea>\r\n </div>\r\n\r\n }\r\n <div class=\"contact-form--footer\">\r\n <div class=\"flex-col\">\r\n <div class=\"contact-form--checkbox--wrapper\">\r\n <mat-checkbox\r\n class=\"contact-form--checkbox\"\r\n formControlName=\"checkbox\"\r\n ></mat-checkbox>\r\n @if (conditions) {\r\n <span\r\n class=\"contact-form--conditions color--brown\"\r\n [innerHTML]=\"conditions\"\r\n >\r\n </span>\r\n }\r\n </div>\r\n @if (requiredFieldsLabel) {\r\n <span class=\"contact-form--required--text\">\r\n <span class=\"contact-form--required\"></span>\r\n {{ requiredFieldsLabel }}\r\n </span>\r\n }\r\n </div>\r\n\r\n @if (button) {\r\n <tent-button\r\n class=\"contact-form--submit\"\r\n type=\"dark-box-filled\"\r\n boxWidth=\"240px\"\r\n [label]=\"button.label\"\r\n [disabled]=\"!isValid()\"\r\n (btnClick)=\"submitForm()\"\r\n [name]=\"button.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </form>\r\n }\r\n</section>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}@media (max-width: 1279px){:host{max-width:867px}}.contact-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:35px;position:relative;width:max-content}@media (max-width: 539px){.contact-form{width:100%;padding-bottom:30px}}@media (min-width: 540px){.contact-form{padding:30px 25px;gap:25px;width:calc(100% - 50px)}.contact-form:before{content:\"\";background-color:#f6ece2;border-radius:12px;height:67%;position:absolute;top:0;width:100%;z-index:0;left:50%;transform:translate(-50%)}}@media (min-width: 540px) and (min-width: 1280px){.contact-form:before{height:55%}}@media (min-width: 1280px){.contact-form{gap:40px;padding:60px 75px;width:calc(100% - 150px)}}@media (min-width: 1366px){.contact-form{gap:50px}}.contact-form--header{z-index:2}@media (min-width: 1280px){.contact-form--header{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:95px;align-self:center}}@media (min-width: 1680px){.contact-form--header{gap:120px}}.contact-form--title{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:32px;letter-spacing:0;text-align:left;justify-self:flex-end;max-width:300px;display:flex;align-items:center;gap:5px}@media (min-width: 540px){.contact-form--title{font-size:40px;line-height:40px}}@media (min-width: 768px){.contact-form--title{font-size:50px;line-height:50px}}@media (min-width: 1280px){.contact-form--title{max-width:500px;font-size:60px;line-height:60px}}.contact-form--description{font-family:var(--tent-font);font-size:18px;font-weight:400;line-height:24px;text-align:left;color:#5d5d5d;max-width:528px}@media (min-width: 768px){.contact-form--description{font-size:20px;line-height:34px}}@media (min-width: 1280px){.contact-form--description{max-width:632px}}.contact-form--form{background-color:#fff;width:max-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:15px;z-index:2;align-self:center;width:100%}@media (max-width: 539px){.contact-form--form{max-width:350px}}@media (min-width: 540px){.contact-form--form{border-radius:12px;padding:25px 30px;max-width:calc(100% - 60px)}}@media (min-width: 768px){.contact-form--form{gap:20px}}@media (min-width: 1280px){.contact-form--form{padding:50px;display:grid;grid-template-columns:402px 1fr;gap:50px;max-width:calc(100% - 100px);align-items:flex-start}}@media (min-width: 1680px){.contact-form--form{gap:75px;padding:45px 70px;max-width:calc(100% - 140px)}}.contact-form--left,.contact-form--right{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:15px}@media (min-width: 768px){.contact-form--left,.contact-form--right{gap:20px}}@media (max-width: 1279px){.contact-form--left,.contact-form--right{max-width:402px}}.contact-form--left{max-width:402px;align-items:center}.contact-form--dropdown{width:100%}.contact-form--dropdown tent-dropdown::ng-deep .dropdown--wrapper{border:none;background-color:#fbf5f0;max-width:unset}.contact-form--dropdown tent-dropdown::ng-deep .dropdown--icon{opacity:.7}.contact-form--dropdown tent-dropdown::ng-deep p-dropdown::ng-deep .p-inputtext{font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3a}.contact-form--msg{width:100%}.contact-form--msg--title{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left;color:#7c4d3a;opacity:.7}.contact-form--msg--textarea{padding:16px;background-color:#fbf5f0;height:290px;border:none;border-radius:6px;font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3ab3}.contact-form--msg--textarea::placeholder{font-family:var(--tent-font);font-size:16px;font-weight:400;line-height:20.83px;text-align:left;color:#7c4d3ab3}.contact-form--checkbox--wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}.contact-form--checkbox ::ng-deep .mdc-checkbox__background{border-color:#e1d8d5!important;background-color:#fff!important}.contact-form--checkbox ::ng-deep .mdc-checkbox__background svg{color:#e1d8d5!important}.contact-form--checkbox ::ng-deep .mdc-checkbox__native-control{background:#fff!important}.contact-form--checkbox ::ng-deep .mdc-checkbox .mat-ripple{opacity:0}.contact-form--checkbox ::ng-deep .mdc-checkbox__ripple{display:none}.contact-form--required{border-radius:50%;width:7px;height:7px;background-color:#dab38d;display:inline-block}.contact-form--required--text{padding-left:17px;font-family:var(--tent-font);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;color:#693d2dcc;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:16px}.contact-form--footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:17px;width:100%}@media (min-width: 1280px){.contact-form--footer{display:grid;grid-template-columns:1fr;gap:0}}@media (min-width: 1680px){.contact-form--footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}}.contact-form--footer>:first-child{align-self:flex-start}@media (min-width: 1280px){.contact-form--submit{justify-self:flex-end}}.contact-form--conditions{font-family:var(--tent-font);font-size:14px;font-weight:400;line-height:30px;letter-spacing:0;text-align:left;display:flex;gap:4px;align-items:center;flex-wrap:wrap;align-self:center}.contact-form--conditions::ng-deep a{position:relative;color:var(--color-title-2)!important}.contact-form--conditions::ng-deep a:after{content:\"\";height:1px;background-color:#693d2d;width:100%;position:absolute;top:26px;left:0;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.contact-form--conditions::ng-deep a:hover:after{top:24px}.contact-form .input--required{border-radius:50%;width:7px;height:7px;background-color:#dab38d;display:inline-block}\n"] }]
|
|
80
80
|
}], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { title: [{
|
|
81
81
|
type: Input
|
|
82
82
|
}], description: [{
|
|
@@ -45,11 +45,11 @@ export class HotelAboutComponent {
|
|
|
45
45
|
return this.sanitizer.bypassSecurityTrustStyle(`background-image: url(${image})`);
|
|
46
46
|
}
|
|
47
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelAboutComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HotelAboutComponent, isStandalone: true, selector: "tent-hotel-about", inputs: { title: "title", titleDark: "titleDark", description: "description", additionalDescription: "additionalDescription", btnMore: "btnMore", btnLess: "btnLess", slides: "slides" }, ngImport: i0, template: "<section class=\"hotel-about module-spacer--bottom\">\r\n <div class=\"hotel-about--content wrapper-big\">\r\n <div class=\"hotel-about--box\">\r\n <owl-carousel-o\r\n class=\"hotel-about--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (slide of slides; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"hotel-about--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImageUrl(slide.image.src)\"\r\n ></figure>\r\n @if (slide.badge) {\r\n <tent-badge\r\n class=\"hotel-about--badget\"\r\n [rounded]=\"true\"\r\n [label]=\"slide.badge\"\r\n ></tent-badge>\r\n\r\n }\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n <div\r\n class=\"hotel-about--info\"\r\n [ngClass]=\"collapsed1 ? 'close' : 'open'\"\r\n >\r\n <div class=\"hotel-about--info--inner\">\r\n @if (title) {\r\n <h2 class=\"hotel-about--info--title title--60 color--brown\">\r\n {{ title }}\r\n @if (titleDark) {\r\n <span class=\"color--camel\">{{ titleDark }}</span>\r\n }\r\n </h2>\r\n }\r\n <div class=\"hotel-about--info--des\">\r\n @if (description) {\r\n <p class=\"text\">\r\n {{ description }}\r\n </p>\r\n } @if (additionalDescription) {\r\n <p class=\"text text-more\">\r\n {{ additionalDescription }}\r\n </p>\r\n } @if (btnMore && btnLess) {\r\n <div class=\"hotel-about--btns\">\r\n @if (btnMore) {\r\n <tent-button\r\n class=\"btn-more\"\r\n type=\"dark-link\"\r\n [label]=\"btnMore.label\"\r\n (click)=\"toggleCollapse1()\"\r\n [name]=\"btnMore.label\"\r\n ></tent-button>\r\n } @if (btnLess) {\r\n <tent-button\r\n class=\"btn-minus\"\r\n type=\"dark-link\"\r\n [label]=\"btnLess.label\"\r\n (click)=\"toggleCollapse1()\"\r\n [name]=\"btnLess.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hotel-about--content{position:relative}.hotel-about--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-about--slider{max-width:100%;width:100%;position:relative}.hotel-about--badget{display:inline-block;position:absolute;top:10px;left:10px}.hotel-about--badget ::ng-deep .badge{background-color:var(--color-badge-5);color:#693d2d}.hotel-about--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative}.hotel-about--info.close .btn-minus,.hotel-about--info.close .text-more,.hotel-about--info.open .btn-more{display:none}.hotel-about--info--title{padding-bottom:15px}.hotel-about--info--title span{display:block}.hotel-about--info .text{margin-bottom:20px}.hotel-about--photo{aspect-ratio:412/243;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.hotel-about--box{padding:25px 25px 0;position:relative}.hotel-about--box owl-carousel-o:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;border-radius:12px;height:calc(50% + 25px);width:calc(100% + 50px);top:-25px;left:-25px}.hotel-about--photo{aspect-ratio:412/240}}@media (min-width: 768px){.hotel-about--box{padding:35px 35px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 70px);top:-35px;left:-35px}.hotel-about--photo{aspect-ratio:580/338}}@media (min-width: 1024px){.hotel-about--box{padding:35px 65px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 130px);top:-35px;left:-65px}.hotel-about--photo{aspect-ratio:727/423}}@media (min-width: 1280px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:675/394}.hotel-about--badget{top:25px;left:25px}}@media (min-width: 1366px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:755/441}.hotel-about--info--inner{padding:5px 30px}}@media (min-width: 1680px){.hotel-about--box{padding:50px 60px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 50px);width:calc(160% + 80px);top:-35px;left:-60px}.hotel-about--photo{aspect-ratio:904/526}.hotel-about--info--inner{padding:5px 45px}.hotel-about--badget{top:30px;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i3.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i3.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HotelAboutComponent, isStandalone: true, selector: "tent-hotel-about", inputs: { title: "title", titleDark: "titleDark", description: "description", additionalDescription: "additionalDescription", btnMore: "btnMore", btnLess: "btnLess", slides: "slides" }, ngImport: i0, template: "<section class=\"hotel-about module-spacer--bottom\">\r\n <div class=\"hotel-about--content wrapper-big\">\r\n <div class=\"hotel-about--box\">\r\n <owl-carousel-o\r\n class=\"hotel-about--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (slide of slides; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"hotel-about--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImageUrl(slide.image.src)\"\r\n ></figure>\r\n @if (slide.badge) {\r\n <tent-badge\r\n class=\"hotel-about--badget\"\r\n [rounded]=\"true\"\r\n [label]=\"slide.badge\"\r\n ></tent-badge>\r\n\r\n }\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n <div\r\n class=\"hotel-about--info\"\r\n [ngClass]=\"collapsed1 ? 'close' : 'open'\"\r\n >\r\n <div class=\"hotel-about--info--inner\">\r\n @if (title) {\r\n <h2 class=\"hotel-about--info--title title--60 color--brown\">\r\n {{ title }}\r\n @if (titleDark) {\r\n <span class=\"color--camel\">{{ titleDark }}</span>\r\n }\r\n </h2>\r\n }\r\n <div class=\"hotel-about--info--des\">\r\n @if (description) {\r\n <p class=\"text\">\r\n {{ description }}\r\n </p>\r\n } @if (additionalDescription) {\r\n <p class=\"text text-more\">\r\n {{ additionalDescription }}\r\n </p>\r\n } @if (btnMore && btnLess) {\r\n <div class=\"hotel-about--btns\">\r\n @if (btnMore) {\r\n <tent-button\r\n class=\"btn-more\"\r\n type=\"dark-link\"\r\n [label]=\"btnMore.label\"\r\n (click)=\"toggleCollapse1()\"\r\n [name]=\"btnMore.label\"\r\n ></tent-button>\r\n } @if (btnLess) {\r\n <tent-button\r\n class=\"btn-minus\"\r\n type=\"dark-link\"\r\n [label]=\"btnLess.label\"\r\n (click)=\"toggleCollapse1()\"\r\n [name]=\"btnLess.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hotel-about--content{position:relative}.hotel-about--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-about--slider{max-width:100%;width:100%;position:relative}.hotel-about--badget{display:inline-block;position:absolute;top:10px;left:10px}.hotel-about--badget ::ng-deep .badge{background-color:var(--color-badge-5);color:#693d2d}.hotel-about--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative}.hotel-about--info.close .btn-minus,.hotel-about--info.close .text-more,.hotel-about--info.open .btn-more{display:none}.hotel-about--info--title{padding-top:15px;padding-bottom:15px}.hotel-about--info--title span{display:block}.hotel-about--info .text{margin-bottom:20px}.hotel-about--photo{aspect-ratio:412/243;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.hotel-about--box{padding:25px 25px 0;position:relative}.hotel-about--box owl-carousel-o:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;border-radius:12px;height:calc(50% + 25px);width:calc(100% + 50px);top:-25px;left:-25px}.hotel-about--photo{aspect-ratio:412/240}}@media (min-width: 768px){.hotel-about--box{padding:35px 35px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 70px);top:-35px;left:-35px}.hotel-about--photo{aspect-ratio:580/338}}@media (min-width: 1024px){.hotel-about--box{padding:35px 65px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 130px);top:-35px;left:-65px}.hotel-about--photo{aspect-ratio:727/423}}@media (min-width: 1280px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:675/394}.hotel-about--badget{top:25px;left:25px}}@media (min-width: 1366px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:755/441}.hotel-about--info--inner{padding:5px 30px}}@media (min-width: 1680px){.hotel-about--box{padding:50px 60px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 50px);width:calc(160% + 80px);top:-35px;left:-60px}.hotel-about--photo{aspect-ratio:904/526}.hotel-about--info--inner{padding:5px 45px}.hotel-about--badget{top:30px;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i3.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i3.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
49
|
}
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelAboutComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: 'tent-hotel-about', standalone: true, imports: [CommonModule, ButtonComponent, CarouselModule, BadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"hotel-about module-spacer--bottom\">\r\n <div class=\"hotel-about--content wrapper-big\">\r\n <div class=\"hotel-about--box\">\r\n <owl-carousel-o\r\n class=\"hotel-about--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (slide of slides; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"hotel-about--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImageUrl(slide.image.src)\"\r\n ></figure>\r\n @if (slide.badge) {\r\n <tent-badge\r\n class=\"hotel-about--badget\"\r\n [rounded]=\"true\"\r\n [label]=\"slide.badge\"\r\n ></tent-badge>\r\n\r\n }\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n <div\r\n class=\"hotel-about--info\"\r\n [ngClass]=\"collapsed1 ? 'close' : 'open'\"\r\n >\r\n <div class=\"hotel-about--info--inner\">\r\n @if (title) {\r\n <h2 class=\"hotel-about--info--title title--60 color--brown\">\r\n {{ title }}\r\n @if (titleDark) {\r\n <span class=\"color--camel\">{{ titleDark }}</span>\r\n }\r\n </h2>\r\n }\r\n <div class=\"hotel-about--info--des\">\r\n @if (description) {\r\n <p class=\"text\">\r\n {{ description }}\r\n </p>\r\n } @if (additionalDescription) {\r\n <p class=\"text text-more\">\r\n {{ additionalDescription }}\r\n </p>\r\n } @if (btnMore && btnLess) {\r\n <div class=\"hotel-about--btns\">\r\n @if (btnMore) {\r\n <tent-button\r\n class=\"btn-more\"\r\n type=\"dark-link\"\r\n [label]=\"btnMore.label\"\r\n (click)=\"toggleCollapse1()\"\r\n [name]=\"btnMore.label\"\r\n ></tent-button>\r\n } @if (btnLess) {\r\n <tent-button\r\n class=\"btn-minus\"\r\n type=\"dark-link\"\r\n [label]=\"btnLess.label\"\r\n (click)=\"toggleCollapse1()\"\r\n [name]=\"btnLess.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hotel-about--content{position:relative}.hotel-about--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-about--slider{max-width:100%;width:100%;position:relative}.hotel-about--badget{display:inline-block;position:absolute;top:10px;left:10px}.hotel-about--badget ::ng-deep .badge{background-color:var(--color-badge-5);color:#693d2d}.hotel-about--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative}.hotel-about--info.close .btn-minus,.hotel-about--info.close .text-more,.hotel-about--info.open .btn-more{display:none}.hotel-about--info--title{padding-bottom:15px}.hotel-about--info--title span{display:block}.hotel-about--info .text{margin-bottom:20px}.hotel-about--photo{aspect-ratio:412/243;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.hotel-about--box{padding:25px 25px 0;position:relative}.hotel-about--box owl-carousel-o:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;border-radius:12px;height:calc(50% + 25px);width:calc(100% + 50px);top:-25px;left:-25px}.hotel-about--photo{aspect-ratio:412/240}}@media (min-width: 768px){.hotel-about--box{padding:35px 35px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 70px);top:-35px;left:-35px}.hotel-about--photo{aspect-ratio:580/338}}@media (min-width: 1024px){.hotel-about--box{padding:35px 65px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 130px);top:-35px;left:-65px}.hotel-about--photo{aspect-ratio:727/423}}@media (min-width: 1280px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:675/394}.hotel-about--badget{top:25px;left:25px}}@media (min-width: 1366px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:755/441}.hotel-about--info--inner{padding:5px 30px}}@media (min-width: 1680px){.hotel-about--box{padding:50px 60px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 50px);width:calc(160% + 80px);top:-35px;left:-60px}.hotel-about--photo{aspect-ratio:904/526}.hotel-about--info--inner{padding:5px 45px}.hotel-about--badget{top:30px;left:30px}}\n"] }]
|
|
52
|
+
args: [{ selector: 'tent-hotel-about', standalone: true, imports: [CommonModule, ButtonComponent, CarouselModule, BadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"hotel-about module-spacer--bottom\">\r\n <div class=\"hotel-about--content wrapper-big\">\r\n <div class=\"hotel-about--box\">\r\n <owl-carousel-o\r\n class=\"hotel-about--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (slide of slides; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"hotel-about--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImageUrl(slide.image.src)\"\r\n ></figure>\r\n @if (slide.badge) {\r\n <tent-badge\r\n class=\"hotel-about--badget\"\r\n [rounded]=\"true\"\r\n [label]=\"slide.badge\"\r\n ></tent-badge>\r\n\r\n }\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n <div\r\n class=\"hotel-about--info\"\r\n [ngClass]=\"collapsed1 ? 'close' : 'open'\"\r\n >\r\n <div class=\"hotel-about--info--inner\">\r\n @if (title) {\r\n <h2 class=\"hotel-about--info--title title--60 color--brown\">\r\n {{ title }}\r\n @if (titleDark) {\r\n <span class=\"color--camel\">{{ titleDark }}</span>\r\n }\r\n </h2>\r\n }\r\n <div class=\"hotel-about--info--des\">\r\n @if (description) {\r\n <p class=\"text\">\r\n {{ description }}\r\n </p>\r\n } @if (additionalDescription) {\r\n <p class=\"text text-more\">\r\n {{ additionalDescription }}\r\n </p>\r\n } @if (btnMore && btnLess) {\r\n <div class=\"hotel-about--btns\">\r\n @if (btnMore) {\r\n <tent-button\r\n class=\"btn-more\"\r\n type=\"dark-link\"\r\n [label]=\"btnMore.label\"\r\n (click)=\"toggleCollapse1()\"\r\n [name]=\"btnMore.label\"\r\n ></tent-button>\r\n } @if (btnLess) {\r\n <tent-button\r\n class=\"btn-minus\"\r\n type=\"dark-link\"\r\n [label]=\"btnLess.label\"\r\n (click)=\"toggleCollapse1()\"\r\n [name]=\"btnLess.label\"\r\n ></tent-button>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.hotel-about--content{position:relative}.hotel-about--box{gap:0rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-about--slider{max-width:100%;width:100%;position:relative}.hotel-about--badget{display:inline-block;position:absolute;top:10px;left:10px}.hotel-about--badget ::ng-deep .badge{background-color:var(--color-badge-5);color:#693d2d}.hotel-about--info{flex:1 0 0%;width:100%;max-width:100%;margin:0 auto;position:relative}.hotel-about--info.close .btn-minus,.hotel-about--info.close .text-more,.hotel-about--info.open .btn-more{display:none}.hotel-about--info--title{padding-top:15px;padding-bottom:15px}.hotel-about--info--title span{display:block}.hotel-about--info .text{margin-bottom:20px}.hotel-about--photo{aspect-ratio:412/243;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}@media (max-width: 1279px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 20px);left:10px;top:50%}}@media (max-width: 1023px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% - 10px);left:5px;top:50%}}@media (max-width: 539px){.hotel-about ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:50%}}@media (min-width: 540px){.hotel-about--box{padding:25px 25px 0;position:relative}.hotel-about--box owl-carousel-o:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;border-radius:12px;height:calc(50% + 25px);width:calc(100% + 50px);top:-25px;left:-25px}.hotel-about--photo{aspect-ratio:412/240}}@media (min-width: 768px){.hotel-about--box{padding:35px 35px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 70px);top:-35px;left:-35px}.hotel-about--photo{aspect-ratio:580/338}}@media (min-width: 1024px){.hotel-about--box{padding:35px 65px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(100% + 130px);top:-35px;left:-65px}.hotel-about--photo{aspect-ratio:727/423}}@media (min-width: 1280px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:675/394}.hotel-about--badget{top:25px;left:25px}}@media (min-width: 1366px){.hotel-about--box{padding:35px 40px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 35px);width:calc(155% + 40px);top:-35px;left:-40px}.hotel-about--photo{aspect-ratio:755/441}.hotel-about--info--inner{padding:5px 30px}}@media (min-width: 1680px){.hotel-about--box{padding:50px 60px 0;position:relative}.hotel-about--box owl-carousel-o:before{height:calc(50% + 50px);width:calc(160% + 80px);top:-35px;left:-60px}.hotel-about--photo{aspect-ratio:904/526}.hotel-about--info--inner{padding:5px 45px}.hotel-about--badget{top:30px;left:30px}}\n"] }]
|
|
53
53
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { title: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], titleDark: [{
|
|
@@ -65,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
65
65
|
}], slides: [{
|
|
66
66
|
type: Input
|
|
67
67
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG90ZWwtYWJvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGVudC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9ob3RlbC1hYm91dC9ob3RlbC1hYm91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2hvdGVsLWFib3V0L2hvdGVsLWFib3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQWMsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7QUFZaEUsTUFBTSxPQUFPLG1CQUFtQjtJQXFDNUIsWUFBNkIsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQTVCcEQsa0JBQWEsR0FBZTtZQUN4QixJQUFJLEVBQUUsSUFBSTtZQUNWLFFBQVEsRUFBRSxJQUFJO1lBQ2QsZUFBZSxFQUFFLElBQUk7WUFDckIsYUFBYSxFQUFFLElBQUk7WUFDbkIsUUFBUSxFQUFFLElBQUk7WUFDZCxxQkFBcUIsRUFBRSxHQUFHO1lBQzFCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsU0FBUyxFQUFFLElBQUk7WUFDZixTQUFTLEVBQUUsSUFBSTtZQUNmLFFBQVEsRUFBRSxJQUFJO1lBQ2QsSUFBSSxFQUFFLEtBQUs7WUFDWCxPQUFPLEVBQUU7Z0JBQ0wsbUlBQW1JO2dCQUNuSSxvSUFBb0k7YUFDdkk7WUFDRCxVQUFVLEVBQUU7Z0JBQ1IsQ0FBQyxFQUFFO29CQUNDLEtBQUssRUFBRSxDQUFDO2lCQUNYO2dCQUNELElBQUksRUFBRTtvQkFDRixLQUFLLEVBQUUsQ0FBQztpQkFDWDthQUNKO1lBQ0QsR0FBRyxFQUFFLElBQUk7U0FDWixDQUFDO1FBQ0YsZUFBVSxHQUFHLElBQUksQ0FBQztJQUVxQyxDQUFDO0lBQ3hELGVBQWU7UUFDWCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN2QyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDckIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUMxQyx5QkFBeUIsS0FBSyxHQUFHLENBQ3BDLENBQUM7SUFDTixDQUFDOzhHQTlDUSxtQkFBbUI7a0dBQW5CLG1CQUFtQixzUUNoQmhDLHd5R0EyRUEsbTJuQkRoRWMsWUFBWSw2SEFBRSxlQUFlLGtQQUFFLGNBQWMsNFdBQUUsY0FBYzs7MkZBSzlELG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDSSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsY0FBYyxDQUFDLG1CQUd2RCx1QkFBdUIsQ0FBQyxNQUFNO2lGQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21pYy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENhcm91c2VsTW9kdWxlLCBPd2xPcHRpb25zIH0gZnJvbSAnbmd4LW93bC1jYXJvdXNlbC1vJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlU3R5bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgQnV0dG9uSSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvYXRvbWljL2J1dHRvbi5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBJbWFnZUkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9pbWFnZS5pbnRlcmZhY2UnO1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndGVudC1ob3RlbC1hYm91dCcsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uQ29tcG9uZW50LCBDYXJvdXNlbE1vZHVsZSwgQmFkZ2VDb21wb25lbnRdLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2hvdGVsLWFib3V0LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsOiAnLi9ob3RlbC1hYm91dC5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEhvdGVsQWJvdXRDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB0aXRsZURhcms/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGFkZGl0aW9uYWxEZXNjcmlwdGlvbj86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGJ0bk1vcmU/OiBCdXR0b25JO1xyXG4gICAgQElucHV0KCkgYnRuTGVzcz86IEJ1dHRvbkk7XHJcbiAgICBASW5wdXQoKSBzbGlkZXM/OiBIb3RlbEFib3V0U2xpZGVbXTtcclxuXHJcbiAgICBzbGlkZXJPcHRpb25zOiBPd2xPcHRpb25zID0ge1xyXG4gICAgICAgIGxvb3A6IHRydWUsXHJcbiAgICAgICAgYXV0b3BsYXk6IHRydWUsXHJcbiAgICAgICAgYXV0b3BsYXlUaW1lb3V0OiA1MDAwLFxyXG4gICAgICAgIGF1dG9wbGF5U3BlZWQ6IDE1MDAsXHJcbiAgICAgICAgbmF2U3BlZWQ6IDE1MDAsXHJcbiAgICAgICAgcmVzcG9uc2l2ZVJlZnJlc2hSYXRlOiAxMDAsXHJcbiAgICAgICAgbWFyZ2luOiAwLFxyXG4gICAgICAgIG1vdXNlRHJhZzogdHJ1ZSxcclxuICAgICAgICB0b3VjaERyYWc6IHRydWUsXHJcbiAgICAgICAgcHVsbERyYWc6IHRydWUsXHJcbiAgICAgICAgZG90czogZmFsc2UsXHJcbiAgICAgICAgbmF2VGV4dDogW1xyXG4gICAgICAgICAgICAnPGRpdiBjbGFzcz1cImJ0biBidG5fX2NpcmNsZSBidG5fX2NpcmNsZS0tIGJ0bl9fZGFya1wiPjxzcGFuIGNsYXNzPVwiYnRuX19jaXJjbGUtaWNvbiBpY29uLXNpZ25hbC1sZWZ0IGljb24tLXNpemUxMiBcIj4gPC9zcGFuPjwvZGl2PicsXHJcbiAgICAgICAgICAgICc8ZGl2IGNsYXNzPVwiYnRuIGJ0bl9fY2lyY2xlIGJ0bl9fY2lyY2xlLS0gYnRuX19kYXJrXCI+PHNwYW4gY2xhc3M9XCJidG5fX2NpcmNsZS1pY29uIGljb24tc2lnbmFsLXJpZ2h0IGljb24tLXNpemUxMiBcIj4gPC9zcGFuPjwvZGl2PicsXHJcbiAgICAgICAgXSxcclxuICAgICAgICByZXNwb25zaXZlOiB7XHJcbiAgICAgICAgICAgIDA6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAxLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAxNjgwOiB7XHJcbiAgICAgICAgICAgICAgICBpdGVtczogMSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIG5hdjogdHJ1ZSxcclxuICAgIH07XHJcbiAgICBjb2xsYXBzZWQxID0gdHJ1ZTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxyXG4gICAgdG9nZ2xlQ29sbGFwc2UxKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuY29sbGFwc2VkMSA9ICF0aGlzLmNvbGxhcHNlZDE7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0SW1hZ2VVcmwoaW1hZ2U6IHN0cmluZyk6IFNhZmVTdHlsZSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShcclxuICAgICAgICAgICAgYGJhY2tncm91bmQtaW1hZ2U6IHVybCgke2ltYWdlfSlgXHJcbiAgICAgICAgKTtcclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBIb3RlbEFib3V0U2xpZGUge1xyXG4gICAgaW1hZ2U6IEltYWdlSTtcclxuICAgIGJhZGdlOiBzdHJpbmc7XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJob3RlbC1hYm91dCBtb2R1bGUtc3BhY2VyLS1ib3R0b21cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJob3RlbC1hYm91dC0tY29udGVudCB3cmFwcGVyLWJpZ1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbC1hYm91dC0tYm94XCI+XHJcbiAgICAgICAgICAgIDxvd2wtY2Fyb3VzZWwtb1xyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJob3RlbC1hYm91dC0tc2xpZGVyIHNsaWRlci1jaXJjbGUtLWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICBbb3B0aW9uc109XCJzbGlkZXJPcHRpb25zXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgQGZvciAoc2xpZGUgb2Ygc2xpZGVzOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBjYXJvdXNlbFNsaWRlPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbC1hYm91dC0tcGhvdG8gZmlndXJlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGZpZ3VyZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmaWd1cmUtZnVsbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGVdPVwiZ2V0SW1hZ2VVcmwoc2xpZGUuaW1hZ2Uuc3JjKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L2ZpZ3VyZT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChzbGlkZS5iYWRnZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1iYWRnZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJob3RlbC1hYm91dC0tYmFkZ2V0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtyb3VuZGVkXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cInNsaWRlLmJhZGdlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgPjwvdGVudC1iYWRnZT5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvb3dsLWNhcm91c2VsLW8+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiaG90ZWwtYWJvdXQtLWluZm9cIlxyXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiY29sbGFwc2VkMSA/ICdjbG9zZScgOiAnb3BlbidcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWwtYWJvdXQtLWluZm8tLWlubmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgQGlmICh0aXRsZSkge1xyXG4gICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImhvdGVsLWFib3V0LS1pbmZvLS10aXRsZSB0aXRsZS0tNjAgY29sb3ItLWJyb3duXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IHRpdGxlIH19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAodGl0bGVEYXJrKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29sb3ItLWNhbWVsXCI+e3sgdGl0bGVEYXJrIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPC9oMj5cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVsLWFib3V0LS1pbmZvLS1kZXNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChkZXNjcmlwdGlvbikge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGRlc2NyaXB0aW9uIH19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgfSBAaWYgKGFkZGl0aW9uYWxEZXNjcmlwdGlvbikge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgdGV4dC1tb3JlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBhZGRpdGlvbmFsRGVzY3JpcHRpb24gfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IEBpZiAoYnRuTW9yZSAmJiBidG5MZXNzKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbC1hYm91dC0tYnRuc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChidG5Nb3JlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b25cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJ0bi1tb3JlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuTW9yZS5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlMSgpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJidG5Nb3JlLmxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSBAaWYgKGJ0bkxlc3MpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuLW1pbnVzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuTGVzcy5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlMSgpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJidG5MZXNzLmxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG90ZWwtYWJvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGVudC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9ob3RlbC1hYm91dC9ob3RlbC1hYm91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2hvdGVsLWFib3V0L2hvdGVsLWFib3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQWMsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7QUFZaEUsTUFBTSxPQUFPLG1CQUFtQjtJQXFDNUIsWUFBNkIsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQTVCcEQsa0JBQWEsR0FBZTtZQUN4QixJQUFJLEVBQUUsSUFBSTtZQUNWLFFBQVEsRUFBRSxJQUFJO1lBQ2QsZUFBZSxFQUFFLElBQUk7WUFDckIsYUFBYSxFQUFFLElBQUk7WUFDbkIsUUFBUSxFQUFFLElBQUk7WUFDZCxxQkFBcUIsRUFBRSxHQUFHO1lBQzFCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsU0FBUyxFQUFFLElBQUk7WUFDZixTQUFTLEVBQUUsSUFBSTtZQUNmLFFBQVEsRUFBRSxJQUFJO1lBQ2QsSUFBSSxFQUFFLEtBQUs7WUFDWCxPQUFPLEVBQUU7Z0JBQ0wsbUlBQW1JO2dCQUNuSSxvSUFBb0k7YUFDdkk7WUFDRCxVQUFVLEVBQUU7Z0JBQ1IsQ0FBQyxFQUFFO29CQUNDLEtBQUssRUFBRSxDQUFDO2lCQUNYO2dCQUNELElBQUksRUFBRTtvQkFDRixLQUFLLEVBQUUsQ0FBQztpQkFDWDthQUNKO1lBQ0QsR0FBRyxFQUFFLElBQUk7U0FDWixDQUFDO1FBQ0YsZUFBVSxHQUFHLElBQUksQ0FBQztJQUVxQyxDQUFDO0lBQ3hELGVBQWU7UUFDWCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN2QyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDckIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUMxQyx5QkFBeUIsS0FBSyxHQUFHLENBQ3BDLENBQUM7SUFDTixDQUFDOzhHQTlDUSxtQkFBbUI7a0dBQW5CLG1CQUFtQixzUUNoQmhDLHd5R0EyRUEsbzNuQkRoRWMsWUFBWSw2SEFBRSxlQUFlLGtQQUFFLGNBQWMsNFdBQUUsY0FBYzs7MkZBSzlELG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDSSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsY0FBYyxDQUFDLG1CQUd2RCx1QkFBdUIsQ0FBQyxNQUFNO2lGQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21pYy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENhcm91c2VsTW9kdWxlLCBPd2xPcHRpb25zIH0gZnJvbSAnbmd4LW93bC1jYXJvdXNlbC1vJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlU3R5bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgQnV0dG9uSSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvYXRvbWljL2J1dHRvbi5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBJbWFnZUkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9pbWFnZS5pbnRlcmZhY2UnO1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndGVudC1ob3RlbC1hYm91dCcsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uQ29tcG9uZW50LCBDYXJvdXNlbE1vZHVsZSwgQmFkZ2VDb21wb25lbnRdLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2hvdGVsLWFib3V0LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsOiAnLi9ob3RlbC1hYm91dC5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEhvdGVsQWJvdXRDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB0aXRsZURhcms/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGFkZGl0aW9uYWxEZXNjcmlwdGlvbj86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGJ0bk1vcmU/OiBCdXR0b25JO1xyXG4gICAgQElucHV0KCkgYnRuTGVzcz86IEJ1dHRvbkk7XHJcbiAgICBASW5wdXQoKSBzbGlkZXM/OiBIb3RlbEFib3V0U2xpZGVbXTtcclxuXHJcbiAgICBzbGlkZXJPcHRpb25zOiBPd2xPcHRpb25zID0ge1xyXG4gICAgICAgIGxvb3A6IHRydWUsXHJcbiAgICAgICAgYXV0b3BsYXk6IHRydWUsXHJcbiAgICAgICAgYXV0b3BsYXlUaW1lb3V0OiA1MDAwLFxyXG4gICAgICAgIGF1dG9wbGF5U3BlZWQ6IDE1MDAsXHJcbiAgICAgICAgbmF2U3BlZWQ6IDE1MDAsXHJcbiAgICAgICAgcmVzcG9uc2l2ZVJlZnJlc2hSYXRlOiAxMDAsXHJcbiAgICAgICAgbWFyZ2luOiAwLFxyXG4gICAgICAgIG1vdXNlRHJhZzogdHJ1ZSxcclxuICAgICAgICB0b3VjaERyYWc6IHRydWUsXHJcbiAgICAgICAgcHVsbERyYWc6IHRydWUsXHJcbiAgICAgICAgZG90czogZmFsc2UsXHJcbiAgICAgICAgbmF2VGV4dDogW1xyXG4gICAgICAgICAgICAnPGRpdiBjbGFzcz1cImJ0biBidG5fX2NpcmNsZSBidG5fX2NpcmNsZS0tIGJ0bl9fZGFya1wiPjxzcGFuIGNsYXNzPVwiYnRuX19jaXJjbGUtaWNvbiBpY29uLXNpZ25hbC1sZWZ0IGljb24tLXNpemUxMiBcIj4gPC9zcGFuPjwvZGl2PicsXHJcbiAgICAgICAgICAgICc8ZGl2IGNsYXNzPVwiYnRuIGJ0bl9fY2lyY2xlIGJ0bl9fY2lyY2xlLS0gYnRuX19kYXJrXCI+PHNwYW4gY2xhc3M9XCJidG5fX2NpcmNsZS1pY29uIGljb24tc2lnbmFsLXJpZ2h0IGljb24tLXNpemUxMiBcIj4gPC9zcGFuPjwvZGl2PicsXHJcbiAgICAgICAgXSxcclxuICAgICAgICByZXNwb25zaXZlOiB7XHJcbiAgICAgICAgICAgIDA6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAxLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAxNjgwOiB7XHJcbiAgICAgICAgICAgICAgICBpdGVtczogMSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIG5hdjogdHJ1ZSxcclxuICAgIH07XHJcbiAgICBjb2xsYXBzZWQxID0gdHJ1ZTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxyXG4gICAgdG9nZ2xlQ29sbGFwc2UxKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuY29sbGFwc2VkMSA9ICF0aGlzLmNvbGxhcHNlZDE7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0SW1hZ2VVcmwoaW1hZ2U6IHN0cmluZyk6IFNhZmVTdHlsZSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShcclxuICAgICAgICAgICAgYGJhY2tncm91bmQtaW1hZ2U6IHVybCgke2ltYWdlfSlgXHJcbiAgICAgICAgKTtcclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBIb3RlbEFib3V0U2xpZGUge1xyXG4gICAgaW1hZ2U6IEltYWdlSTtcclxuICAgIGJhZGdlOiBzdHJpbmc7XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJob3RlbC1hYm91dCBtb2R1bGUtc3BhY2VyLS1ib3R0b21cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJob3RlbC1hYm91dC0tY29udGVudCB3cmFwcGVyLWJpZ1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbC1hYm91dC0tYm94XCI+XHJcbiAgICAgICAgICAgIDxvd2wtY2Fyb3VzZWwtb1xyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJob3RlbC1hYm91dC0tc2xpZGVyIHNsaWRlci1jaXJjbGUtLWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICBbb3B0aW9uc109XCJzbGlkZXJPcHRpb25zXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgQGZvciAoc2xpZGUgb2Ygc2xpZGVzOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBjYXJvdXNlbFNsaWRlPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbC1hYm91dC0tcGhvdG8gZmlndXJlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGZpZ3VyZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmaWd1cmUtZnVsbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGVdPVwiZ2V0SW1hZ2VVcmwoc2xpZGUuaW1hZ2Uuc3JjKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L2ZpZ3VyZT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChzbGlkZS5iYWRnZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1iYWRnZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJob3RlbC1hYm91dC0tYmFkZ2V0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtyb3VuZGVkXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cInNsaWRlLmJhZGdlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgPjwvdGVudC1iYWRnZT5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvb3dsLWNhcm91c2VsLW8+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiaG90ZWwtYWJvdXQtLWluZm9cIlxyXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiY29sbGFwc2VkMSA/ICdjbG9zZScgOiAnb3BlbidcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWwtYWJvdXQtLWluZm8tLWlubmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgQGlmICh0aXRsZSkge1xyXG4gICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImhvdGVsLWFib3V0LS1pbmZvLS10aXRsZSB0aXRsZS0tNjAgY29sb3ItLWJyb3duXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IHRpdGxlIH19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAodGl0bGVEYXJrKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29sb3ItLWNhbWVsXCI+e3sgdGl0bGVEYXJrIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPC9oMj5cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVsLWFib3V0LS1pbmZvLS1kZXNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChkZXNjcmlwdGlvbikge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGRlc2NyaXB0aW9uIH19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgfSBAaWYgKGFkZGl0aW9uYWxEZXNjcmlwdGlvbikge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgdGV4dC1tb3JlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBhZGRpdGlvbmFsRGVzY3JpcHRpb24gfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IEBpZiAoYnRuTW9yZSAmJiBidG5MZXNzKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbC1hYm91dC0tYnRuc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChidG5Nb3JlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b25cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJ0bi1tb3JlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuTW9yZS5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlMSgpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJidG5Nb3JlLmxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSBAaWYgKGJ0bkxlc3MpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuLW1pbnVzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuTGVzcy5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlMSgpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJidG5MZXNzLmxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
|