@vm721/ui-kit
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.1.1.
398 lines (384 loc) • 35.2 kB
JavaScript
import { ɵɵdefineInjectable, Injectable, Directive, ElementRef, Renderer2, Input, HostListener, NgModule, Component, ViewEncapsulation } from '@angular/core';
import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
var _Global, _map, _setLastPointer, _setPointer, _setLastPointer_1, _setPointer_1;
var PTR;
(function (PTR) {
PTR[PTR["POINTER"] = 0] = "POINTER";
PTR[PTR["INSTANCE"] = 1] = "INSTANCE";
})(PTR || (PTR = {}));
// @dynamic
class PointerMap {
constructor(isScoped = false, inGlobal = true) {
this.isScoped = isScoped;
this.inGlobal = inGlobal;
this.pointers = [];
_map.set(this, void 0);
_setLastPointer_1.set(this, (pointerID) => {
__classPrivateFieldGet(this, _map).set('lastPointer', pointerID);
});
_setPointer_1.set(this, (pointer) => {
__classPrivateFieldGet(this, _map).set(pointer[PTR.POINTER], pointer[PTR.INSTANCE]);
__classPrivateFieldGet(this, _setLastPointer_1).call(this, pointer[PTR.POINTER]);
this.pointers.push(pointer[PTR.POINTER]);
if (!this.isScoped && this.inGlobal) {
__classPrivateFieldGet(PointerMap, _setPointer_1).call(PointerMap, pointer);
}
console.log(__classPrivateFieldGet(PointerMap, _Global));
});
__classPrivateFieldSet(this, _map, new Map());
__classPrivateFieldGet(this, _map).set('lastPointer', undefined);
if (this.isScoped && inGlobal) {
__classPrivateFieldGet(PointerMap, _Global).set(this, __classPrivateFieldGet(this, _map));
console.log(__classPrivateFieldGet(PointerMap, _Global));
}
}
createInstance(inst) {
let pointerTuple = this.createPointer(inst);
return pointerTuple[PTR.INSTANCE];
}
createPointer(inst) {
let pointer;
const pointerID = Math.random().toString();
pointer = [pointerID, inst];
__classPrivateFieldGet(this, _setPointer_1).call(this, pointer);
return pointer;
}
getInstance(pointerID) {
return __classPrivateFieldGet(this, _map).get(pointerID);
}
createEmptyPointer() {
return Math.random().toString();
}
useEmptyPointer(pointerID, Inst) {
let pointer;
pointer = [pointerID, Inst];
__classPrivateFieldGet(this, _setPointer_1).call(this, pointer);
return pointer;
}
getPointer(pointerID) {
let pointer;
pointer = [pointerID, this.getInstance(pointerID)];
return pointer;
}
printGlobalMap() {
console.log("PointerMap[Global] -> ", __classPrivateFieldGet(PointerMap, _Global));
}
getLastPointer() {
return __classPrivateFieldGet(this, _map).get('lastPointer');
}
static getPointer(pointerID, scope) {
if (scope) {
return PointerMap.getScope(scope).get(pointerID);
}
return __classPrivateFieldGet(PointerMap, _Global).get(pointerID);
}
static getScope(scope) {
return __classPrivateFieldGet(PointerMap, _Global).get(scope);
}
static getLastPointer(scope) {
if (scope) {
return PointerMap.getScope(scope).get('lastPointer');
}
else {
return __classPrivateFieldGet(PointerMap, _Global).get('lastPointer');
}
}
static clear(pointerMapInst) {
console.log('Clearing', pointerMapInst);
if (pointerMapInst.inGlobal) {
if (pointerMapInst.isScoped) {
console.log("Deleting:", __classPrivateFieldGet(PointerMap, _Global).get(pointerMapInst), __classPrivateFieldGet(PointerMap, _Global).delete(pointerMapInst));
}
}
else {
for (const pointerId in pointerMapInst.pointers) {
__classPrivateFieldGet(PointerMap, _Global).delete(pointerId);
if (PointerMap.getLastPointer() === pointerId) {
__classPrivateFieldGet(PointerMap, _setLastPointer_1).call(PointerMap, 'null');
}
}
}
console.log("Clear complete ->", __classPrivateFieldGet(PointerMap, _Global));
}
}
_Global = new WeakMap(), _map = new WeakMap(), _setLastPointer = new WeakMap(), _setPointer = new WeakMap(), _setLastPointer_1 = new WeakMap(), _setPointer_1 = new WeakMap();
// @ts-ignore - static private property
_Global.set(PointerMap, new Map());
// @ts-ignore - static private property
_setLastPointer_1.set(PointerMap, (pointerID) => {
__classPrivateFieldGet(PointerMap, _Global).set('lastPointer', pointerID);
}
// @ts-ignore - static private property
);
// @ts-ignore - static private property
_setPointer_1.set(PointerMap, (pointer) => {
__classPrivateFieldGet(PointerMap, _Global).set(pointer[PTR.POINTER], pointer[PTR.INSTANCE]);
__classPrivateFieldGet(PointerMap, _setLastPointer_1).call(PointerMap, pointer[PTR.POINTER]);
});
//
// let ptrMap = new PointerMap();
// let ptrMap2 = new PointerMap(true);
// let evH = ptrMap2.createInstance((ev?:string): void => {
// console.log(ev,"Handled!");
// });
// let evH1 = ptrMap.createPointer(() => {});
var _PointerMap;
class PointerMapService extends PointerMap {
constructor() {
super();
_PointerMap.set(this, void 0);
__classPrivateFieldSet(this, _PointerMap, PointerMap);
}
create(scope) {
return new (__classPrivateFieldGet(this, _PointerMap))(!!scope);
}
}
_PointerMap = new WeakMap();
PointerMapService.ɵprov = ɵɵdefineInjectable({ factory: function PointerMapService_Factory() { return new PointerMapService(); }, token: PointerMapService, providedIn: "root" });
PointerMapService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] }
];
PointerMapService.ctorParameters = () => [];
var ToggleModes;
(function (ToggleModes) {
ToggleModes["AUTO"] = "auto";
ToggleModes["OPEN"] = "open";
ToggleModes["CLOSE"] = "close";
})(ToggleModes || (ToggleModes = {}));
var EventListenerModes;
(function (EventListenerModes) {
EventListenerModes["ADD"] = "add";
EventListenerModes["REMOVE"] = "remove";
})(EventListenerModes || (EventListenerModes = {}));
var OriginSides;
(function (OriginSides) {
OriginSides["LEFT"] = "left";
OriginSides["RIGHT"] = "right";
})(OriginSides || (OriginSides = {}));
class DropdownDirective {
constructor(dropdownElemRef, renderer, pointerMap) {
this.dropdownElemRef = dropdownElemRef;
this.renderer = renderer;
this.pointerMap = pointerMap;
this.dropdownOpen = false;
this.DropdownOriginSide = OriginSides.LEFT;
this.DropdownClass = 'dropdown';
this.DropdownContentClass = 'dropdown__content';
this.DropdownOpenClass = 'dropdown__content_--show';
this.DropdownLeftOriginClass = 'dropdown__content--left';
this.DropdownRightOriginClass = 'dropdown__content--right';
this.dropdownElem = this.dropdownElemRef.nativeElement;
this.domEventListenerHandlersMap = this.pointerMap.create(true);
}
ngOnInit() {
this.renderer.addClass(this.dropdownElem, this.DropdownClass);
this.renderer.addClass(this.DropdownContentElemRef, this.DropdownContentClass);
if (this.DropdownOriginSide === OriginSides.RIGHT) {
this.renderer.addClass(this.DropdownContentElemRef, this.DropdownRightOriginClass);
}
else if (this.DropdownOriginSide === OriginSides.LEFT) {
this.renderer.addClass(this.dropdownElem, this.DropdownLeftOriginClass);
}
else {
console.warn("----- Dropdown Directive Setup Failed -----");
console.error('Error: DropdownDirective.DropdownOriginSide was not recognised.');
console.info(`Current OriginSide Set:${this.DropdownOriginSide}`, '\nAllowed OriginSides:', {
[OriginSides.LEFT]: 'Will add the DropdownLeftOriginClass to DropdownContentElement. [DEFAULT (if not set)]',
[OriginSides.RIGHT]: 'Will add the DropdownRightOriginClass to DropdownContentElement.'
});
console.warn("----- ----- -----");
}
}
ngAfterViewInit() {
this.dropdownContentElem = this.DropdownContentElemRef;
this.dropdownOpen = this.dropdownContentElem.classList.contains(this.DropdownOpenClass);
// console.log('The Elements', this.dropdownElem, this.dropdownContentElem);
}
ngOnDestroy() {
PointerMapService.clear(this.domEventListenerHandlersMap);
}
onDropdownClick(event) {
// console.log("Binded:", this.DropdownContentElemRef);
// console.log('dropdown clicked on', event, this.dropdownElem, this.dropdownContentElem);
this.toggleDropdown();
// console.log("EventListenerHandlers:", this.domEventListenerHandlers);
}
getContentElem(parent_elem) {
for (let i = 0; i < parent_elem.children.length; i++) {
if (parent_elem.children[i].classList.contains(this.DropdownContentClass)) {
return parent_elem.children[i];
}
}
}
OutsideClickHandler(thisArg, mode = EventListenerModes.ADD, EID) {
let EventID;
let clickOutsidetoCloseHandler;
if (EID) {
EventID = EID;
clickOutsidetoCloseHandler = this.domEventListenerHandlersMap.getPointer(EID);
}
else {
EventID = this.domEventListenerHandlersMap.createEmptyPointer();
clickOutsidetoCloseHandler = this.domEventListenerHandlersMap.useEmptyPointer(EventID, (ev) => {
if (!thisArg.dropdownElem.contains(ev.target) && !thisArg.dropdownContentElem.contains(ev.target)) {
console.log(EventID, "-->clicked outside:", this.dropdownElem, this.dropdownContentElem, ev.target, thisArg.dropdownElem.contains(ev.target), thisArg.dropdownContentElem.contains(ev.target));
thisArg.toggleDropdown(ToggleModes.CLOSE, EventID);
}
});
}
console.log('OutsideClickHandler ->', mode, EventID, clickOutsidetoCloseHandler);
if (mode === EventListenerModes.ADD) {
document.addEventListener('click', clickOutsidetoCloseHandler[1]);
}
else if (mode === EventListenerModes.REMOVE) {
document.removeEventListener('click', clickOutsidetoCloseHandler[1]);
}
}
toggleDropdown(mode = ToggleModes.AUTO, EID) {
if (mode !== ToggleModes.AUTO) {
if (mode === ToggleModes.CLOSE) {
//e.classList.remove('dropdown__content_--show');
//document.removeEventListener('click', closeOnClickOutsideHandler);
this.renderer.removeClass(this.dropdownContentElem, this.DropdownOpenClass);
// console.log("Dropdown closed!", this.dropdownElem, this.dropdownContentElem, this.DropdownContentElemRef.classList.contains(this.DropdownOpenClass));
this.OutsideClickHandler(this, EventListenerModes.REMOVE, EID);
}
else if (mode === ToggleModes.OPEN) {
//e.classList.add('dropdown__content_--show');
//document.addEventListener('click', closeOnClickOutsideHandler);
this.renderer.addClass(this.dropdownContentElem, this.DropdownOpenClass);
// console.log("Dropdown Opened!", this.dropdownElem, this.dropdownContentElem, this.DropdownContentElemRef.classList.contains(this.DropdownOpenClass));
this.OutsideClickHandler(this, EventListenerModes.ADD);
}
else {
console.warn("----- Dropdown Toggle Failed -----");
console.error('Error: DropdownDirective.toggleDropdown() was called with unrecognized mode.');
console.info(`Current Mode Passed:${mode}`, '\nAllowed Modes:', {
[ToggleModes.AUTO]: 'Automatically determines dropdown state and toggles the state. [DEFAULT (if not passed)]',
[ToggleModes.OPEN]: 'Sets Dropdown state to OPEN [--force].',
[ToggleModes.CLOSE]: 'Sets Dropdown state to CLOSE [--force].'
});
console.warn("----- ----- -----");
}
}
else {
// console.log("----- Dropdown Toggle -----");
this.dropdownOpen = this.dropdownContentElem.classList.contains(this.DropdownOpenClass);
// console.log("Dropdown open:", this.dropdownOpen);
if (this.dropdownOpen) {
// console.log("Closing Dropdown!");
this.toggleDropdown(ToggleModes.CLOSE);
}
else {
// console.log("Opening Dropdown!");
this.toggleDropdown(ToggleModes.OPEN);
}
}
this.dropdownOpen = this.dropdownContentElem.classList.contains(this.DropdownOpenClass);
}
isNode(o) {
return (typeof Node === "object" ? o instanceof Node :
o && typeof o === "object" && typeof o.nodeType === "number" && typeof o.nodeName === "string");
}
//Returns true if it is a DOM element
isElement(o) {
return (typeof HTMLElement === "object" ? o instanceof HTMLElement : //DOM2
o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string");
}
}
DropdownDirective.decorators = [
{ type: Directive, args: [{
selector: '[commonDropdown]'
},] }
];
DropdownDirective.ctorParameters = () => [
{ type: ElementRef },
{ type: Renderer2 },
{ type: PointerMapService }
];
DropdownDirective.propDecorators = {
DropdownContentElemRef: [{ type: Input }],
DropdownOriginSide: [{ type: Input }],
DropdownClass: [{ type: Input }],
DropdownContentClass: [{ type: Input }],
DropdownOpenClass: [{ type: Input }],
DropdownLeftOriginClass: [{ type: Input }],
DropdownRightOriginClass: [{ type: Input }],
onDropdownClick: [{ type: HostListener, args: ['click',] }]
};
class DevNinjaModule {
}
DevNinjaModule.decorators = [
{ type: NgModule, args: [{
declarations: [],
providers: [PointerMapService],
exports: []
},] }
];
class CommonUIModule {
}
CommonUIModule.decorators = [
{ type: NgModule, args: [{
declarations: [
DropdownDirective
],
imports: [
DevNinjaModule
],
exports: [DropdownDirective]
},] }
];
class CommonSASSInjectComponent {
}
CommonSASSInjectComponent.decorators = [
{ type: Component, args: [{
selector: '<commonui-sass-inject></commonui-sass-inject>',
template: '',
encapsulation: ViewEncapsulation.None,
styles: [".dropdown{display:inline-block;position:relative}.dropdown__content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);color:#000;display:none;left:5px;min-width:160px;padding:12px 16px;position:absolute;right:unset;top:100%;z-index:100}.dropdown__content_--show{display:block}.dropdown__content--right{left:unset;right:5px}"]
},] }
];
class CommonSASSModule {
}
CommonSASSModule.decorators = [
{ type: NgModule, args: [{
declarations: [CommonSASSInjectComponent],
exports: [CommonSASSInjectComponent]
},] }
];
class NatoursUIModule {
}
NatoursUIModule.decorators = [
{ type: NgModule, args: [{
declarations: [],
exports: []
},] }
];
class NatoursSASSInjectComponent {
}
NatoursSASSInjectComponent.decorators = [
{ type: Component, args: [{
selector: '<natours-sass-inject></natours-sass-inject>',
template: '',
encapsulation: ViewEncapsulation.None,
styles: ["*,:after,:before{box-sizing:inherit;margin:0;padding:0}#natours-html{font-size:62.5%}@media only screen and (max-width:75em){#natours-html{font-size:56.25%}}@media only screen and (max-width:56.25em){#natours-html{font-size:50%}}@media only screen and (min-width:112.5em){#natours-html{font-size:75%}}#natours-body{box-sizing:border-box;padding:3rem}@media only screen and (max-width:56.25em){#natours-body{padding:0}}.natours-selection{background-color:#7ed56f;color:#fff}@-webkit-keyframes natours-moveInBottom{0%{opacity:0;transform:translateY(10rem)}to{opacity:1;transform:translate(0)}}@keyframes natours-moveInBottom{0%{opacity:0;transform:translateY(10rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes natours-moveInLeft{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(2rem)}to{opacity:1;transform:translate(0)}}@keyframes natours-moveInLeft{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(2rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes natours-moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes natours-moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-2rem)}to{opacity:1;transform:translate(0)}}#natours-body{color:#777;font-family:Lato,sans-serif;font-weight:400;line-height:1.7}.natours-heading-primary{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#fff;text-transform:uppercase}.natours-heading-primary--main{-webkit-animation-duration:1s;-webkit-animation-name:moveInLeft;-webkit-animation-timing-function:ease-out;animation-duration:1s;animation-name:moveInLeft;animation-timing-function:ease-out;display:block;font-size:6rem;font-weight:400;letter-spacing:3.5rem}@media only screen and (max-width:37.5em){.natours-heading-primary--main{font-size:5rem;letter-spacing:1rem}}.natours-heading-primary--sub{-webkit-animation-duration:1s;-webkit-animation-name:moveInRight;-webkit-animation-timing-function:ease-out;animation-duration:1s;animation-name:moveInRight;animation-timing-function:ease-out;display:block;font-size:2rem;font-weight:700;letter-spacing:1.7rem;margin-bottom:1.6rem}@media only screen and (max-width:37.5em){.natours-heading-primary--sub{letter-spacing:.5rem}}.natours-heading-secondary{-webkit-background-clip:text;background-image:linear-gradient(90deg,#7ed56f,#28b485);color:transparent;display:inline-block;font-size:3.5rem;font-weight:700;letter-spacing:.2rem;text-transform:uppercase;transition:all .2s}@media only screen and (max-width:56.25em){.natours-heading-secondary{font-size:3rem}}@media only screen and (max-width:37.5em){.natours-heading-secondary{font-size:2.5rem}}.natours-heading-secondary:hover{text-shadow:.5rem 1rem 2rem rgba(0,0,0,.2);transform:skewY(2deg) skewX(15deg) scale(1.1)}.natours-heading-tertiary{font-size:1.6rem;font-weight:700;text-transform:uppercase}@media only screen and (max-width:37.5em){.natours-heading-tertiary{font-size:1.2rem}}.natours-paragraph{font-size:1.6rem}@media only screen and (max-width:37.5em){.natours-paragraph{font-size:1.2rem}}.natours-paragraph:not(:last-child){margin-bottom:3rem}.natours-u-center-text{text-align:center!important}.natours-u-margin-bottom-huge{margin-bottom:10rem!important}.natours-u-margin-bottom-big{margin-bottom:8rem!important}@media only screen and (max-width:56.25em){.natours-u-margin-bottom-big{margin-bottom:5rem!important}}.natours-u-margin-bottom-medium{margin-bottom:4rem!important}@media only screen and (max-width:56.25em){.natours-u-margin-bottom-medium{margin-bottom:3rem!important}}.natours-u-margin-bottom-small{margin-bottom:1.5rem!important}.natours-u-margin-top-huge{margin-top:10rem!important}.natours-u-margin-top-big{margin-top:8rem!important}@media only screen and (max-width:56.25em){.natours-u-margin-top-big{margin-top:5rem!important}}.natours-u-margin-top-medium{margin-top:4rem!important}@media only screen and (max-width:56.25em){.natours-u-margin-top-medium{margin-top:3rem!important}}.natours-u-margin-top-small{margin-top:1.5rem!important}.natours-button,.natours-button:link,.natours-button:visited{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none;border-radius:10rem;cursor:pointer;display:inline-block;font-size:1.6rem;padding:1.5rem 4rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s}.natours-button:hover{box-shadow:0 1rem 2rem rgba(0,0,0,.2);transform:translateY(-.3rem)}.natours-button:hover:after{opacity:0;transform:scaleX(1.5) scaleY(1.7)}.natours-button:active,.natours-button:focus{box-shadow:0 .5rem 1rem rgba(0,0,0,.2);outline:none;transform:translateY(-.1rem)}.natours-button--white{background-color:#fff;color:#777}.natours-button--white:after{background-color:#fff}.natours-button--green{color:#fff}.natours-button--green,.natours-button--green:after{background-color:#7ed56f}.natours-button:after{border-radius:10rem;content:\"\";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}.natours-button--animation{-webkit-animation-delay:.75s;-webkit-animation-duration:1s;-webkit-animation-fill-mode:backwards;-webkit-animation-name:moveInBottom;-webkit-animation-timing-function:ease-out;animation-delay:.75s;animation-duration:1s;animation-fill-mode:backwards;animation-name:moveInBottom;animation-timing-function:ease-out}.natours-button__text:link,.natours-button__text:visited{border-bottom:1px solid #7ed56f;color:#7ed56f;display:inline-block;font-size:1.6rem;padding:3px;text-decoration:none;transition:all .2s}.natours-button__text:hover{background-color:#7ed56f;box-shadow:0 1rem 2rem rgba(0,0,0,.15);color:#fff;transform:translateY(-2px)}.natours-button__text:active{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transform:translateY(0)}.natours-composition{position:relative}.natours-composition__photo{border-radius:2px;box-shadow:0 1.5rem 4rem rgba(0,0,0,.4);outline-offset:2rem;position:absolute;transition:all .2s;width:55%;z-index:10}@media only screen and (max-width:56.25em){.natours-composition__photo{box-shadow:0 1.5rem 3rem rgba(0,0,0,.2);float:left;position:relative;width:33.33333%}}.natours-composition__photo--p1{left:0;top:-2rem}@media only screen and (max-width:56.25em){.natours-composition__photo--p1{top:0;transform:scale(1.2)}}.natours-composition__photo--p2{right:0;top:2rem}@media only screen and (max-width:56.25em){.natours-composition__photo--p2{top:-1rem;transform:scale(1.3);z-index:100}}.natours-composition__photo--p3{left:20%;top:10rem}@media only screen and (max-width:56.25em){.natours-composition__photo--p3{left:0;top:0;transform:scale(1.1)}}.natours-composition__photo:hover{box-shadow:0 2.5rem 4rem rgba(0,0,0,.5);outline:1.5rem solid #7ed56f;transform:scale(1.05) translateY(-.5rem);z-index:20}.natours-composition:hover .natours-composition__photo:not(:hover){transform:scale(.95)}.natours-feature-box{background-color:hsla(0,0%,100%,.8);border-radius:3px;box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);font-size:1.5rem;padding:2.5rem;text-align:center;transition:transform .2s}@media only screen and (max-width:56.25em){.natours-feature-box{padding:2rem}}.natours-feature-box__icon{-webkit-background-clip:text;background-image:linear-gradient(90deg,#7ed56f,#55c57a);color:transparent;display:inline-block;font-size:6rem;margin-bottom:.5rem}@media only screen and (max-width:56.25em){.natours-feature-box__icon{margin-bottom:0}}.natours-feature-box:hover{transform:translateY(-1.5rem) scale(1.03)}.natours-story{background-color:hsla(0,0%,100%,.6);border-radius:3px;box-shadow:0 3rem 6rem rgba(0,0,0,.1);font-size:1.6rem;margin:0 auto;padding:6rem 6rem 6rem 9rem;transform:skewX(-12deg);width:75%}@media only screen and (max-width:56.25em){.natours-story{padding:4rem 4rem 4rem 7rem;width:100%}}@media only screen and (max-width:37.5em){.natours-story{transform:skewX(0deg)}}.natours-story__shape{-webkit-clip-path:circle(50% at 50% 50%);-webkit-shape-outside:circle(50% at 50% 50%);background-color:#ff4500;clip-path:circle(50% at 50% 50%);float:left;height:15rem;overflow:hidden;position:relative;shape-outside:circle(50% at 50% 50%);transform:translateX(-3rem) skewX(12deg);width:15rem}@media only screen and (max-width:37.5em){.natours-story__shape{transform:translateX(-3rem) skewX(0deg)}}.natours-story__img{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;transform:translateX(-4rem) scale(1.4);transition:all .5s}.natours-story__text{transform:skewX(12deg)}@media only screen and (max-width:37.5em){.natours-story__text{transform:skewX(0deg)}}.natours-story__caption{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#fff;font-size:1.7rem;left:50%;opacity:0;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,20%);transition:all .5s}.natours-story:hover .natours-story__caption{opacity:1;transform:translate(-50%,-50%)}.natours-story:hover .natours-story__img{filter:blur(3px) brightness(80%);transform:translateX(-4rem) scale(1)}.bg-video{height:100%;left:0;opacity:.15;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.bg-video__content{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.natours-form__group:not(:last-child){margin-bottom:2rem}.natours-form__input{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:hsla(0,0%,100%,.5);border:none;border-bottom:3px solid transparent;border-radius:2px;color:inherit;display:block;font-size:1.5rem;padding:1.5rem 2rem;transition:all .2s;width:100%}@media only screen and (max-width:56.25em){.natours-form__input{width:100%}}.natours-form__input:focus{border-bottom:3px solid #7ed56f;box-shadow:0 1rem 22rem rgba(0,0,0,.1);outline:none}.natours-form__input:focus:invalid{border-bottom:3px solid #ff7730}.natours-form__input::-webkit-input-placeholder{color:#999}.natours-form__label{display:block;font-size:1.2rem;font-weight:700;margin-left:2rem;margin-top:.7rem;transition:all .3s}.natours-form__input:-moz-placeholder-shown+.natours-form__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.natours-form__input:-ms-input-placeholder+.natours-form__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.natours-form__input:placeholder-shown+.natours-form__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.natours-form__radio-group{display:inline-block;width:49%}@media only screen and (max-width:56.25em){.natours-form__radio-group{margin-bottom:1.5rem;width:100%}}.natours-form__radio-input{opacity:0}.natours-form__radio-label{cursor:pointer;font-size:1.6rem;padding-left:5rem;position:relative}.natours-form__radio-button{border:5px solid #7ed56f;border-radius:50%;display:inline-block;height:3rem;left:0;position:absolute;top:-.6rem;width:3rem}.natours-form__radio-button:after{background-color:#7ed56f;border-radius:50%;content:\"\";display:inline-block;height:1.3rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:1.3rem}.natours-form__radio-input:checked~.natours-form__radio-label .natours-form__radio-button:after{opacity:1}.natours-popup{background-color:rgba(0,0,0,.9);display:block;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .3s;visibility:hidden;width:100%;z-index:1005}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.natours-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.3)}}.natours-popup:target{opacity:1;visibility:visible}.natours-popup:target .natours-popup__content{opacity:1;transform:translate(-50%,-50%) scale(1)}.natours-popup__content{background-color:#fff;border-radius:5px;box-shadow:0 2rem 4rem rgba(0,0,0,.5);display:table;left:50%;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) scale(.25);transition:all .4s .2s;width:75%}.natours-popup__left{display:table-cell;width:33.3333333%}.natours-popup__right{display:table-cell;padding:3rem 5rem;vertical-align:middle;width:66.6666666%}.natours-popup__img{display:block;width:100%}.natours-popup__text{-moz-column-count:2;-moz-column-gap:4rem;-moz-column-rule:1px solid #eee;-ms-hyphens:auto;-webkit-hyphenate-character:auto;-webkit-hyphens:auto;column-count:2;column-gap:4rem;column-rule:1px solid #eee;font-size:1.4rem;hyphens:auto;margin-bottom:4rem}.natours-popup__close:link,.natours-popup__close:visited{color:#777;font-size:3rem;line-height:1;position:absolute;right:2.5rem;text-decoration:none;top:2.5rem;transition:all .2s}.natours-popup__close:hover{color:#7ed56f}.natours-header{-webkit-clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);background-image:linear-gradient(to right bottom,rgba(126,213,111,.801),rgba(40,180,133,.801));background-position:top;background-size:cover;clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);height:95vh;position:relative}@media only screen and (max-width:37.5em){.natours-header{-webkit-clip-path:polygon(0 0,100% 0,100% 85vh,0 98%);clip-path:polygon(0 0,100% 0,100% 85vh,0 98%)}}.natours-header__logo-box{left:4rem;position:absolute;top:4rem}.natours-header__logo{height:3.5rem}.natours-header__text-box{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.natours-row{margin:0 auto;max-width:114rem}@media only screen and (max-width:56.25em){.natours-row{max-width:50rem;padding:0 3rem}}.natours-row:not(:last-child){margin-bottom:8rem}@media only screen and (max-width:56.25em){.natours-row:not(:last-child){margin-bottom:6rem}}.natours-row:after{clear:both;content:\"\";display:table}.natours-row [class^=col-]{float:left}.natours-row [class^=col-]:not(:last-child){margin-right:6rem}@media only screen and (max-width:56.25em){.natours-row [class^=col-]:not(:last-child){margin-bottom:6rem;margin-right:0}}@media only screen and (max-width:56.25em){.natours-row [class^=col-]{width:100%!important}}.natours-row .col-1-of-2{width:calc(50% - 3rem)}.natours-row .col-1-of-3{width:calc(33.33333% - 4rem)}.natours-row .col-1-of-4{width:calc(25% - 4.5rem)}.natours-row .col-2-of-3{width:calc(66.66667% - 2rem)}.natours-row .col-2-of-4{width:calc(50% - 3rem)}.natours-row .col-3-of-4{width:calc(75% - 1.5rem)}.natours-footer{background-color:#333;font-size:1.4rem;padding:10rem 0}@media only screen and (max-width:56.25em){.natours-footer{padding:8rem 0}}.natours-footer__logo-box{margin-bottom:8rem;text-align:center}@media only screen and (max-width:56.25em){.natours-footer__logo-box{margin-bottom:6rem}}.natours-footer__logo{height:auto;width:15rem}.natours-footer__navigation{border-top:1px solid #777;display:inline-block;padding-top:2rem}@media only screen and (max-width:56.25em){.natours-footer__navigation{text-align:center;width:100%}}.natours-footer__list{list-style:none}.natours-footer__item{display:inline-block}.natours-footer__item:not(:last-child){margin-right:1.5rem}.natours-footer__link:link,.natours-footer__link:visited{background-color:#333;color:#f7f7f7;display:inline-block;text-decoration:none;text-transform:uppercase;transition:all .2s}.natours-footer__link:active,.natours-footer__link:hover{box-shadow:0 1rem 2rem rgba(0,0,0,.4);color:#7ed56f;transform:rotate(5deg) scale(1.3)}.natours-footer__copyright{border-top:1px solid #777;color:#f7f7f7;float:right;padding-top:2rem;width:80%}@media only screen and (max-width:56.25em){.natours-footer__copyright{float:none;text-align:right;width:100%}}.natours-footer__copyright--classic{color:#f7f7f7;text-align:center}.natours-navigation{height:0}.natours-navigation__checkbox{opacity:0;visibility:hidden}.natours-navigation__button{background-color:#fff;border-radius:50%;box-shadow:0 1rem 3rem rgba(0,0,0,.1);cursor:pointer;height:7rem;position:fixed;right:6rem;text-align:center;top:6rem;width:7rem;z-index:1002}@media only screen and (max-width:56.25em){.natours-navigation__button{right:4rem;top:4rem}}@media only screen and (max-width:37.5em){.natours-navigation__button{right:3rem;top:3rem}}.natours-navigation__background{background-image:radial-gradient(#7ed56f,#28b485);border-radius:50%;height:6rem;position:fixed;right:6.5rem;top:6.5rem;transition:transform .6s cubic-bezier(.83,0,.17,1);width:6rem;z-index:1000}@media only screen and (max-width:56.25em){.natours-navigation__background{right:4.5rem;top:4.5rem}}@media only screen and (max-width:37.5em){.natours-navigation__background{right:3.5rem;top:3.5rem}}.natours-navigation__nav{height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .6s cubic-bezier(.83,0,.17,1);width:0;z-index:1001}.natours-navigation__list{left:50%;list-style:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.natours-navigation__item{margin:1rem}.natours-navigation__link:link,.natours-navigation__link:visited{background-image:linear-gradient(120deg,transparent,transparent 50%,#fff 0);background-size:230%;color:#fff;display:inline-block;font-size:3rem;font-weight:300;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .4s}.natours-navigation__link:link span,.natours-navigation__link:visited span{display:inline-block;margin-right:1.5rem}.natours-navigation__link:active,.natours-navigation__link:hover{background-position:100%;color:#7ed56f;transform:translateX(1rem)}.natours-navigation__checkbox:checked~.natours-navigation__background{transform:scale(100)}.natours-navigation__checkbox:checked~.natours-navigation__nav{opacity:1;width:100%}.natours-navigation__icon{margin-top:3.4rem;position:relative;transition:all .2s}.natours-navigation__icon,.natours-navigation__icon:after,.natours-navigation__icon:before{background-color:#333;display:inline-block;height:2px;width:3rem}.natours-navigation__icon:after,.natours-navigation__icon:before{content:\"\";left:0;position:absolute;transition:all .2s}.natours-navigation__icon:before{top:-.8rem}.natours-navigation__icon:after{top:.8rem}.natours-navigation__button:hover .natours-navigation__icon:before{top:-1rem}.natours-navigation__button:hover .natours-navigation__icon:after{top:1rem}.natours-navigation__checkbox:checked+.natours-navigation__button .natours-navigation__icon{background-color:transparent}.natours-navigation__checkbox:checked+.natours-navigation__button .natours-navigation__icon:before{background-color:#fff;top:0;transform:rotate(45deg)}.natours-navigation__checkbox:checked+.natours-navigation__button .natours-navigation__icon:after{background-color:#fff;top:0;transform:rotate(-45deg)}.natours-navigation__checkbox:checked+.natours-navigation__button{background-color:transparent;box-shadow:none}"]
},] }
];
class NatoursSASSModule {
}
NatoursSASSModule.decorators = [
{ type: NgModule, args: [{
declarations: [NatoursSASSInjectComponent],
exports: [NatoursSASSInjectComponent]
},] }
];
/*
* Public API Surface of ui-kit
*/
/**
* Generated bundle index. Do not edit.
*/
export { CommonSASSInjectComponent, CommonSASSModule, CommonUIModule, DevNinjaModule, DropdownDirective, NatoursSASSInjectComponent, NatoursSASSModule, NatoursUIModule, PointerMapService, PointerMap as ɵa };
//# sourceMappingURL=vm721-ui-kit.js.map