${endAt}

${totalSlides ?? 0}

`; } ); } // ===== END ===== // // ===== Recruitment list 001 var sliderRecruitments1 = { autoHeight: true, loop: true, pagination: { el: ".m-recruitment-module001__pagination-list", }, navigation: { nextEl: ".m-recruitment-module001-next-button", prevEl: ".m-recruitment-module001-prev-button", }, on: { init: function (swiper) { updateCounterRecruitment.call(this); }, slideChange: function () { updateCounterRecruitment.call(this); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module001-slider__wrapper', { class: 'swiper-slide m-recruitment-module001__group', count: 6, }, () => { itszai2_InitSwiper('m-recruitment-module001-slider', sliderRecruitments1); }); itszai2_InitSwiper('m-recruitment-module001-slider', sliderRecruitments1); function updateCounterRecruitment() { counterFraction.call( this, ".m-recruitment-module001__pagination-list-item", ".m-recruitment-module001__pagination-list", ".m-recruitment-module001 .swiper-slide:last-child", '.m-recruitment-module001 .swiper-slide-active', itemCounter = null, num = 6, function (fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = `

${endAt}

${totalSlides ?? 0}

`; } ); } // ===== END ===== // } document.addEventListener("DOMContentLoaded", () => { handleLoadJS(); handleAccordion(); }); function cloneItems(slides, count) { var wrapper = slides[0].parentNode; var totalSlides = slides.length; slides.forEach(slide => { var elementsWithMax = slide.querySelectorAll('[max]'); elementsWithMax.forEach(el => { if (!isNaN(el.getAttribute('max'))) { el.classList.add('element-monitor-headline'); el.setAttribute('data-monitor', Math.floor(Math.random() * 100000)); } }); var imgElements = slide.querySelectorAll('img'); imgElements.forEach(img => { img.classList.add('element-monitor-image'); img.setAttribute('data-monitor', Math.floor(Math.random() * 100000)); }); }); for (var i = 0; i < count - 1; i++) { for (var j = 0; j < totalSlides; j++) { var slide = slides[j]; var clone = slide.cloneNode(true); clone.id = ''; var allElements = clone.querySelectorAll('*'); allElements.forEach(function(el) { el.id = ''; var classes = el.className.split(' '); classes.forEach(function(className) { if (/^sg-module-multi-text-\d+$/.test(className)) { el.classList.remove(className); } }); }); var monitorHeadlines = clone.querySelectorAll('.element-monitor-headline'); monitorHeadlines.forEach(headline => { headline.classList.remove('element-monitor-headline'); headline.classList.add('element-response-headline'); }); var monitorImages = clone.querySelectorAll('.element-monitor-image'); monitorImages.forEach(image => { image.classList.remove('element-monitor-image'); image.classList.add('element-response-image'); }); wrapper.appendChild(clone); } } } var handleAccordion = () => { document.querySelectorAll('.js-accordion').forEach(accordion => { var button = accordion.querySelector('.js-accordion-button'); var body = accordion.querySelector('.js-accordion-body'); button.addEventListener('click', () => { if (!body.classList.contains('-active')) { button.classList.add('-active'); body.classList.add('-active'); body.style.height = 'auto'; var height = body.clientHeight + 'px'; body.style.height = '0px'; setTimeout(() => { body.style.height = height; }, 0); } else { body.style.height = '0px'; button.classList.remove('-active'); body.addEventListener('transitionend', function () { body.classList.remove('-active'); }, { once: true }); } }); }); } // Monitor One for All Items function handleGeneralContent(element) { var targetNodes = element.querySelectorAll('.element-monitor-image, .element-monitor-headline'); var config = { attributes: true, childList: true, subtree: true, characterData: true }; var callback = (mutationList, observer) => { mutationList.forEach((mutation) => { var idMonitorMutation = mutation.target.parentElement.dataset.monitor ?? mutation.target.dataset.monitor; var headlineResponse = element.querySelectorAll(`.element-response-headline[data-monitor="${idMonitorMutation}"]`); var contentMonitorMutation = mutation.target; if (mutation.type === "attributes") { if (mutation.attributeName === 'src' && mutation.target.tagName === 'IMG') { var imgResponse = element.querySelectorAll(`.element-response-image[data-monitor="${idMonitorMutation}"]`); imgResponse.forEach(imageRS => { imageRS.src = mutation.target.src; }); } } else if (mutation.type === 'childList') { headlineResponse.forEach(headlineRS => { headlineRS.innerHTML = `

${contentMonitorMutation.innerHTML}

` }) } else if (mutation.type == "characterData") { headlineResponse.forEach(headlineRS => { headlineRS.textContent = mutation.target.data; }) } }); }; var observer = new MutationObserver(callback); targetNodes.forEach(targetNode => { if (targetNode.classList.contains('element-monitor-image')) { var imgResponse = element.querySelectorAll(`.element-response-image[data-monitor="${targetNode.dataset.monitor}"]`); imgResponse.forEach(imageRS => { imageRS.src = targetNode.getAttribute('src'); }) } if (targetNode.classList.contains('element-monitor-headline')) { var headlineResponse = element.querySelectorAll(`.element-response-headline[data-monitor="${targetNode.dataset.monitor}"]`); headlineResponse.forEach(headlineRS => { headlineRS.innerHTML = `

${targetNode.innerHTML}

`; }) } observer.observe(targetNode, config); }); } function counterFraction(fractionBody, fractionSliderItem, fractionLastItem, fractionLabelActive, itemCounter, num, callbackFunction) { var activeIndex = this.realIndex + 1; if (!isNaN(activeIndex)) { if (itemCounter) { clearTimeout(itemCounter); } itemCounter = setTimeout(() => { var sliderItem = document.querySelector(fractionSliderItem); var totalItem = (sliderItem.childNodes.length - 1) * num; var lastItem = document.querySelector(fractionLastItem); var totalLastItem = lastItem.childNodes.length; var totalSlides = totalItem + totalLastItem; var textLabel = document.querySelector(fractionLabelActive)?.getAttribute("aria-label"); var nums = textLabel?.split('/').map((item) => Number(item.trim())); var startIndex = 0; if (nums?.[0] && !Number.isNaN(nums[0])) { startIndex = nums[0]; } var groupItemCount = num; var fractionElement = document.querySelector(fractionBody); var startAt = ((startIndex || 1) - 1) * groupItemCount + 1; var endAt = Math.min(totalSlides ?? 0, startAt + groupItemCount - 1); if (fractionElement) { callbackFunction(fractionElement, startAt, endAt, totalSlides); } }, 200); } } // Header sticky when scroll var handleScrollHeader = () => { var header = document.getElementById('main-scroll'); if (header) { var headerEl = document.querySelector(".header-main"); var divAfterHeader = header.parentElement.querySelector('header + main'); var hWindow = window.innerHeight; var hActive = 0; var updateHeaderState = () => { var hContent = divAfterHeader.offsetHeight; if (hContent <= hWindow && hActive == 0) { headerEl.classList.add('active'); divAfterHeader.style.marginTop = '80px'; } else if(hActive != 1) { headerEl.classList.remove('active'); divAfterHeader.style.marginTop = '0'; hActive = 1; } }; var resizeObserver = new ResizeObserver((entries) => { for (var entry of entries) { if (entry.contentRect) { updateHeaderState(); } } }); resizeObserver.observe(divAfterHeader); window.addEventListener('resize', () => { hWindow = window.innerHeight; updateHeaderState(); }); header.addEventListener('scroll', function (e) { if (e.target.scrollTop > 1) { headerEl.classList.add('active'); } else { headerEl.classList.remove('active'); } }); updateHeaderState(); } }; document.addEventListener("DOMContentLoaded", () => { handleScrollHeader(); }); } catch (scriptErr) { console.warn('[Theme Script Execution Error]:', scriptErr); } })();