### Vue.js Setup and Validators
Source: https://context7_llms
Configures Vue.js by using the vuelidate plugin for form validation and VueMask for input formatting. It defines common validators and custom regex for alphabetic input.
```javascript
Vue.use(window.vuelidate.default);
const {required, email, minLength, between, maxLength, requiredIf, sameAs, helpers} = window.validators
const alpha = helpers.regex('alpha', /^[a-zA-ZığüşöçĞÜŞÖÇİ ]*$/);
Vue.use(VueMask.VueMaskPlugin);
```
--------------------------------
### GokceTransfer LLMs Core Utility Functions
Source: https://context7_llms
Provides essential utility functions for DOM traversal, state management, and UI interaction within the GokceTransfer LLMs project. Includes methods for finding parent elements by class, getting child elements, checking folder states, and initializing the application's UI components.
```javascript
var l = {
getParentByClass: function(e, className) {
for (;(e = e.parentNode) && !e.classList.contains(className););
return e;
},
getParentHeader: function(e, isTab) {
var t = e.parentNode;
if (!t) return null;
var a = t.parentNode;
if (!a) return null;
var o = a.parentNode;
if (!o) return null;
if (isTab) {
if (t.classList.contains("kint-tab") && a.classList.contains("kint-tabs")) return t;
} else {
if (t.classList.contains("kint-parent") && a.classList.contains("kint-rich")) return t;
}
return null;
},
selectText: function(e) {
var t = document.createRange();
t.selectNodeContents(e);
var a = window.getSelection();
a.removeAllRanges();
a.addRange(t);
},
toggle: function(e, t) {
if (!e) return;
var a = e.classList.contains("kint-show");
if (t === void 0) t = !a;
if (t) {
e.classList.add("kint-show");
} else {
e.classList.remove("kint-show");
}
},
toggleChildren: function(e) {
if (!e) return;
var t = e.classList.contains("kint-show");
var a = e.nextElementSibling;
if (!a || "dd" !== a.nodeName.toLowerCase()) return;
l.toggle(a, !t);
e.classList.toggle("kint-show", !t);
},
getChildren: function(e) {
for (;(e = e.nextElementSibling) && "dd" !== e.nodeName.toLowerCase(););
return e;
},
isFolderOpen: function() {
if (l.folder && l.folder.querySelector("dd.kint-foldout")) return l.folder.querySelector("dd.kint-foldout").previousSibling.classList.contains("kint-show");
return false;
},
initLoad: function() {
l.style = window.kintShared.dedupe("style.kint-rich-style", l.style);
l.script = window.kintShared.dedupe("script.kint-rich-script", l.script);
l.folder = window.kintShared.dedupe(".kint-rich.kint-folder", l.folder);
var t, e = document.querySelectorAll("input.kint-search");
[].forEach.call(e, function(t) {
function e(e) {
window.clearTimeout(a);
t.value !== o && (a = window.setTimeout(function() {
o = t.value;
l.search(t.parentNode.parentNode, o);
}, 500));
}
var a = null,
o = null;
t.removeEventListener("keyup", e);
t.addEventListener("keyup", e);
});
l.folder && (t = l.folder.querySelector("dd"), [].forEach.call(document.querySelectorAll(".kint-rich.kint-file"), function(e) {
e.parentNode !== l.folder && t.appendChild(e);
}), document.body.appendChild(l.folder), l.folder.classList.add("kint-show"));
},
search: function(e, t) {
var a = e.querySelectorAll("dt");
var o = e.querySelectorAll("dd");
var s = !1;
[].forEach.call(a, function(e) {
var a = e.innerText.toLowerCase().indexOf(t.toLowerCase()) > -1;
l.toggle(e, a);
l.toggle(e.nextElementSibling, a);
if (a) s = !0;
});
[].forEach.call(o, function(e) {
var a = e.innerText.toLowerCase().indexOf(t.toLowerCase()) > -1;
l.toggle(e, a);
if (a) s = !0;
});
if (!s) {
e.classList.add("kint-show");
} else {
e.classList.remove("kint-show");
}
},
openInNewWindow: function(e) {
if (!e) return;
var t = e.querySelector("a");
if (!t) return;
window.open(t.href, "_blank");
},
showAccessPath: function(e) {
if (!e) return;
var t = e.querySelector("a");
if (!t) return;
var a = t.getAttribute("href");
if (!a) return;
var o = document.createElement("div");
o.className = "kint-popup";
o.innerHTML = "
Access Path:
";
document.body.appendChild(o);
o.querySelector("button").addEventListener("click", function() {
var e = o.querySelector("input");
e.select();
document.execCommand("copy");
alert("Copied!");
});
},
showSearchBox: function(e) {
if (!e) return;
var t = e.querySelector("input.kint-search");
if (!t) return;
t.focus();
},
sortTable: function(e, t) {
if (!e) return;
var a = e.querySelectorAll("tr");
if (!a || a.length < 2) return;
var o = Array.from(a).slice(1);
var s = e.querySelectorAll("th")[t];
var n = s.classList.contains("kint-sort-asc") ? "desc" : "asc";
s.className = "kint-sort-" + n;
o.sort(function(e, a) {
var o = e.querySelectorAll("td")[t].innerText;
var s = a.querySelectorAll("td")[t].innerText;
if (o < s) return "asc" === n ? -1 : 1;
if (o > s) return "asc" === n ? 1 : -1;
return 0;
});
o.forEach(function(t) {
e.appendChild(t);
});
},
switchTab: function(e) {
if (!e) return;
var t = e.parentNode;
if (!t) return;
var a = t.querySelectorAll("li");
[].forEach.call(a, function(e) {
e.classList.remove("kint-active-tab");
});
e.classList.add("kint-active-tab");
var o = document.querySelectorAll(".kint-tab-content");
[].forEach.call(o, function(t) {
l.toggle(t, t.id === e.dataset.tab);
});
}
};
window.addEventListener("click", function(e) {
var t = e.target;
if (l.mouseNav.lastClickTarget && l.mouseNav.lastClickTimer && l.mouseNav.lastClickCount) {
if (t = l.mouseNav.lastClickTarget, 1 === l.mouseNav.lastClickCount) {
l.toggleChildren(t.parentNode);
l.keyboardNav.setCursor(t);
l.keyboardNav.sync(!0);
l.mouseNav.lastClickCount++;
l.mouseNav.renewLastClick();
} else {
for (var a = t.parentNode.classList.contains("kint-show"), o = document.getElementsByClassName("kint-parent"), s = o.length; s--;) l.toggle(o[s], a);
l.keyboardNav.setCursor(t);
l.keyboardNav.sync(!0);
l.keyboardNav.scroll(t);
window.clearTimeout(l.mouseNav.lastClickTimer);
l.mouseNav.lastClickTarget = null;
l.mouseNav.lastClickTarget = null;
l.mouseNav.lastClickCount = 0;
}
} else if (l.getParentByClass(t, "kint-rich")) {
var n = t.nodeName.toLowerCase();
if ("dfn" === n && l.selectText(t), "th" === n) e.ctrlKey || l.sortTable(t.parentNode.parentNode.parentNode, t.cellIndex); else if ((t = l.getParentHeader(t)) && (l.keyboardNav.setCursor(t.querySelector("nav")), l.keyboardNav.sync(!0)), t = e.target, "li" === n && "kint-tabs" === t.parentNode.className) "kint-active-tab" !== t.className && l.switchTab(t); else if ((t = l.getParentHeader(t, !0)) && (l.keyboardNav.setCursor(t.querySelector("nav")), l.keyboardNav.sync(!0))); else if ("nav" === n) "footer" === t.parentNode.nodeName.toLowerCase() ? (l.keyboardNav.setCursor(t), l.keyboardNav.sync(!0), (t = t.parentNode).classList.toggle("kint-show")) : (l.toggle(t.parentNode), l.keyboardNav.fetchTargets(), l.mouseNav.lastClickCount = 1, l.mouseNav.lastClickTarget = t, l.mouseNav.renewLastClick()); else if (t.classList.contains("kint-popup-trigger")) {
var r = t.parentNode;
if ("footer" === r.nodeName.toLowerCase()) r = r.previousSibling;
else
for (; r && !r.classList.contains("kint-parent");) r = r.parentNode;
l.openInNewWindow(r);
} else t.classList.contains("kint-access-path-trigger") ? l.showAccessPath(t.parentNode) : t.classList.contains("kint-search-trigger") ? l.showSearchBox(t.parentNode) : t.classList.contains("kint-search") || ("pre" === n && 3 === e.detail ? l.selectText(t) : l.getParentByClass(t, "kint-source") && 3 == e.detail && l.selectText(t.parentNode));
}
});
window.addEventListener("keydown", function(e) {
if (!l.keyboardNav.active) return;
var t = e.key;
if ("ArrowUp" === t) {
l.keyboardNav.moveCursor(-1);
e.preventDefault();
} else if ("ArrowDown" === t) {
l.keyboardNav.moveCursor(1);
e.preventDefault();
} else if ("Enter" === t || " " === t) {
var a = l.keyboardNav.targets[l.keyboardNav.target];
if (a) {
if (a.classList.contains("kint-show")) {
l.toggle(a.parentNode);
} else if (a.classList.contains("kint-popup-trigger")) {
var o = a.parentNode;
if ("footer" === o.nodeName.toLowerCase()) o = o.previousSibling;
else
for (; o && !o.classList.contains("kint-parent");) o = o.parentNode;
l.openInNewWindow(o);
} else if (a.classList.contains("kint-access-path-trigger")) {
l.showAccessPath(a.parentNode);
} else if (a.classList.contains("kint-search-trigger")) {
l.showSearchBox(a.parentNode);
} else if (a.classList.contains("kint-search")) {
a.focus();
} else {
a.click();
}
e.preventDefault();
}
} else if ("Escape" === t) {
if (l.folder && l.folder.classList.contains("kint-show")) {
l.folder.classList.remove("kint-show");
l.keyboardNav.active = !1;
l.keyboardNav.targets = [];
l.keyboardNav.target = 0;
e.preventDefault();
}
}
});
window.kintShared = {
dedupe: function(e, t) {
if (t) return t;
return document.querySelector(e);
}
};
l.keyboardNav = {
targets: [],
target: 0,
active: !1,
fetchTargets: function() {
var e = l.keyboardNav.targets[l.keyboardNav.target];
l.keyboardNav.targets = [];
document.querySelectorAll(".kint-rich nav, .kint-tabs>li:not(.kint-active-tab)").forEach(function(t) {
l.isFolderOpen() && !l.folder.contains(t) || 0 === t.offsetWidth && 0 === t.offsetHeight || l.keyboardNav.targets.push(t);
});
e && -1 !== l.keyboardNav.targets.indexOf(e) && (l.keyboardNav.target = l.keyboardNav.targets.indexOf(e));
},
sync: function(e) {
var t = document.querySelector(".kint-focused");
t && t.classList.remove("kint-focused");
l.keyboardNav.active && ((t = l.keyboardNav.targets[l.keyboardNav.target]).classList.add("kint-focused"), e || l.keyboardNav.scroll(t));
},
scroll: function(e) {
var t, a;
e !== l.folder.querySelector("dt > nav") && (e = (t = function(e) {
return e.offsetTop + (e.offsetParent ? t(e.offsetParent) : 0);
})(e), l.isFolderOpen() ? (a = l.folder.querySelector("dd.kint-foldout")).scrollTo(0, e - a.clientHeight / 2) : window.scrollTo(0, e - window.innerHeight / 2));
},
moveCursor: function(e) {
for (l.keyboardNav.target += e; l.keyboardNav.target < 0;) l.keyboardNav.target += l.keyboardNav.targets.length;
for (; l.keyboardNav.target >= l.keyboardNav.targets.length;) l.keyboardNav.target -= l.keyboardNav.targets.length;
l.keyboardNav.sync();
},
setCursor: function(e) {
if (!l.isFolderOpen() || l.folder.contains(e)) {
l.keyboardNav.fetchTargets();
for (var t = 0; t < l.keyboardNav.targets.length; t++)
if (e === l.keyboardNav.targets[t]) return l.keyboardNav.target = t, !0;
}
return !1;
}
};
l.mouseNav = {
lastClickTarget: null,
lastClickTimer: null,
lastClickCount: 0,
renewLastClick: function() {
window.clearTimeout(l.mouseNav.lastClickTimer);
l.mouseNav.lastClickTimer = window.setTimeout(function() {
l.mouseNav.lastClickTarget = null;
l.mouseNav.lastClickTimer = null;
l.mouseNav.lastClickCount = 0;
}, 250);
}
};
window.addEventListener("load", l.initLoad);
window.addEventListener("focus", function() {
l.keyboardNav.active = !0;
l.keyboardNav.fetchTargets();
l.keyboardNav.sync();
});
window.addEventListener("blur", function() {
l.keyboardNav.active = !1;
l.keyboardNav.sync(!0);
});
window.kint = l;
```
--------------------------------
### Vue Currency Change Component
Source: https://context7_llms
A Vue.js component that handles currency changes. It uses Axios to make an asynchronous GET request to the server and reloads the page upon successful currency update.
```javascript
let vjs_currency = new Vue({
el: '#currency',
data: {
Loading: false,
},
methods: {
async action(c) {
let t = this
this.Loading = true
await axios
.get(`${base_url}currency-change`, {params: {Currency: c}})
.then(function (response) {
window.location.reload()
})
.catch(function (error) {
console.log(error)
})
},
},
})
```
--------------------------------
### Initialize HS Components
Source: https://context7_llms
Initializes various UI components from the HSCore library, including header, unfold, animations, datepickers, select pickers, quantity counters, carousels, popups, and go-to functionality. These are typically called on document ready.
```javascript
$.HSCore.components.HSHeader.init($('#header'));
// initialization of unfold component
$.HSCore.components.HSUnfold.init($('[data-unfold-target]'));
// initialization of show animations
$.HSCore.components.HSShowAnimation.init('.js-animation-link');
// initialization of datepicker
$.HSCore.components.HSRangeDatepicker.init('.js-range-datepicker');
// initialization of select
$.HSCore.components.HSSelectPicker.init('.js-select');
// initialization of quantity counter
$.HSCore.components.HSQantityCounter.init('.js-quantity');
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
// initialization of popups
$.HSCore.components.HSFancyBox.init('.js-fancybox');
// initialization of go to
$.HSCore.components.HSGoTo.init('.js-go-to');
```
--------------------------------
### JavaScript Component Initialization
Source: https://context7_llms
This snippet shows the JavaScript code used to initialize various frontend components on page load or ready events. It includes configurations for HS Mega Menu, SVG Injector, and comments indicating potential initialization for page pre-loaders and headers.
```javascript
```
--------------------------------
### Arrival Location Dropdown
Source: https://context7_llms
HTML select element for choosing an arrival location. Populated with airports and various destinations.
```HTML
```
--------------------------------
### Navigation Bar Structure
Source: https://context7_llms
Defines the main navigation bar structure for the website, including the logo, brand name, and responsive toggler button for mobile views.
```HTML
```
--------------------------------
### HTML Head Elements
Source: https://context7_llms
Essential HTML elements for the page head, including title, character set, viewport settings, and favicon link. These are crucial for SEO and browser rendering.
```html
Gökçe Vip Transfer - Antalya Vip Transfer
```
--------------------------------
### Reservation Action Button
Source: https://context7_llms
This snippet defines a button that triggers a 'Make Reservation' action when clicked. It uses Vue.js's event handling syntax (@click) to call a method named 'action'.
```html
```
--------------------------------
### Kint-Rich CSS Styling
Source: https://context7_llms
Comprehensive CSS rules for the 'kint-rich' component, likely a custom framework or library. It styles various UI elements like tabs, tables, previews, and code blocks, ensuring a consistent and styled interface.
```css
.kint-rich ul.kint-tabs>li{display:inline-block;height:24px;margin:2px;padding:0 12px;vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:#aaa;color:red}.kint-rich ul.kint-tabs>li.kint-active-tab{background:#f8f8f8;border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:20px}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none}.kint-rich ul.kint-tab-contents>li.kint-show{display:block}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:#aaa;color:red}.kint-rich dt>.kint-color-preview{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-left:10px;border:1px solid #d7d7d7;background-color:#ccc;background-image:url('data:image/svg+xml;utf8,');background-size:100%}.kint-rich dt>.kint-color-preview:hover{border-color:#aaa}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:2px}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:1px solid #d7d7d7;padding:2px;vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:#f8f8f8;color:#1d1e1e}.kint-rich table td{background:#f8f8f8;white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 #aaa inset}.kint-rich table tr:hover var{color:red}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #f8f8f8}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid #aaa;padding-right:8px;margin-right:8px}.kint-rich pre.kint-source>div.kint-highlight{background:#f8f8f8}.kint-rich .kint-microtime-lap{text-shadow:-1px 0 #aaa,0 1px #aaa,1px 0 #aaa,0 -1px #aaa;color:#f8f8f8;font-weight:bold}input.kint-note-input{width:100%}.kint-rich .kint-focused{box-shadow:0 0 3px 2px red}.kint-rich dt{font-weight:normal}.kint-rich dt.kint-parent{margin-top:4px}.kint-rich dl dl{margin-top:4px;padding-left:25px;border-left:none}.kint-rich>dl>dt{background:#f8f8f8}.kint-rich ul{margin:0;padding-left:0}.kint-rich ul:not(.kint-tabs)>li{border-left:0}.kint-rich ul.kint-tabs{background:#f8f8f8;border:1px solid #d7d7d7;border-width:0 1px 1px 1px;padding:4px 0 0 12px;margin-left:-1px;margin-top:-1px}.kint-rich ul.kint-tabs li,.kint-rich ul.kint-tabs li+li{margin:0 0 0 4px}.kint-rich ul.kint-tabs li{border-bottom-width:0;height:25px}.kint-rich ul.kint-tabs li:first-child{margin-left:0}.kint-rich ul.kint-tabs li.kint-active-tab{border-top:1px solid #d7d7d7;background:#fff;font-weight:bold;padding-top:0;border-bottom:1px solid #fff !important;margin-bottom:-1px}.kint-rich ul.kint-tabs li.kint-active-tab:hover{border-bottom:1px solid #fff}.kint-rich ul>li>pre{border:1px solid #d7d7d7}.kint-rich dt:hover+dd>ul{border-color:#aaa}.kint-rich pre{background:#fff;margin-top:4px;margin-left:25px}.kint-rich .kint-source{margin-left:-1px}.kint-rich .kint-source .kint-highlight{background:#cfc}.kint-rich .kint-parent.kint-show>.kint-search{border-bottom-width:1px}.kint-rich table td{background:#fff}.kint-rich table td>dl{padding:0;margin:0}.kint-rich table td>dl>dt.kint-parent{margin:0}.kint-rich table td:first-child,.kint-rich table td,.kint-rich table th{padding:2px 4px}.kint-rich table dd,.kint-rich table dt{background:#fff}.kint-rich table tr:hover>td{box-shadow:none;background:#cfc}
```