/* * Rys UI Mini Engine v1.13 * Obsluga interakcji dla Baserow Application Builder. */ (function () { "use strict"; var ENGINE_NAME = "RysUIMiniEngine"; var VERSION = "1.13"; var OPEN_CLASS = "rys-is-open"; var PRESSED_CLASS = "rys-is-pressed"; var BACKDROP_CLASS = "rys-sheet-backdrop"; var SCROLL_LOCK_CLASS = "rys-scroll-locked"; var SHEET_CLOSE_CLASS = "rys-sheet-close-control"; var COPY_ACCOUNT_CLASS = "rys-copy-account"; var ACCOUNT_NUMBER = "PL90109014920000000167187559"; var STICKY_MARKER_CLASS = "rys-sticky-top"; var STICKY_HOST_CLASS = "rys-sticky-top-runtime"; var STICKY_INNER_CLASS = "rys-sticky-top-inner"; var STICKY_OVERFLOW_CLASS = "rys-sticky-overflow-release"; var COMBO_ACTION_CLASS = "rys-combo-action"; var CONFIRM_ACTION_CLASS = "rys-confirm-action"; var CONFIRM_LAYER_CLASS = "rys-confirm-layer"; var CONFIRM_OPEN_CLASS = "rys-confirm-is-open"; var PWA_INSTALL_CLASS = "rys-pwa-install"; var IOS_ONLY_CLASS = "rys-ios-only"; var ANDROID_CHROME_ONLY_CLASS = "rys-android-chrome-only"; var PWA_VISIBLE_CLASS = "rys-pwa-runtime-visible"; var PWA_SCROLL_LOCK_CLASS = "rys-pwa-scroll-locked"; var PWA_DISMISS_PRIMARY_CLASS = "rys-pwa-dismiss-primary"; var PWA_DISMISS_SECONDARY_CLASS = "rys-pwa-dismiss-secondary"; var PWA_SESSION_KEY = "rys-pwa-dismissed-session"; var PWA_HOTSPOT_CLASS = "rys-pwa-hotspot"; var PWA_POSTER_WIDTH = 941; var PWA_POSTER_HEIGHT = 1590; var PWA_PRIMARY_ZONE = { x1: 36, y1: 1248, x2: 905, y2: 1368 }; var PWA_SECONDARY_ZONE = { x1: 36, y1: 1371, x2: 905, y2: 1474 }; var BASEROW_TOAST_CONTAINER_SELECTOR = ".ab-toasts__container-top"; var TOAST_TOP_PROPERTY = "--rys-toast-top"; var TOAST_DEFAULT_TOP = 16; var TOAST_GAP = 12; var uid = 0; var pressedElement = null; var observer = null; var backdrop = null; var backdropWasAdded = false; var listeners = []; var openerByTarget = new WeakMap(); var pendingHiddenContainers = new WeakSet(); var delegatedHiddenActions = new WeakSet(); var hiddenActionRecords = []; var lockedScrollElements = []; var appleTouchIcon = null; var appleTouchIconWasAdded = false; var stickyRecords = []; var stickyRefreshTimer = null; var comboActionRecords = []; var comboRefreshTimer = null; var confirmedActions = new WeakSet(); var confirmLayer = null; var pendingConfirmAction = null; var pendingConfirmMarker = null; var confirmPreviousFocus = null; var pwaVisibilityRecords = []; var pwaDismissedSession = false; var pwaPrimaryHotspot = null; var pwaSecondaryHotspot = null; var toastRefreshTimer = null; if (window[ENGINE_NAME] && typeof window[ENGINE_NAME].destroy === "function") { window[ENGINE_NAME].destroy(); } function addListener(target, type, handler, options) { target.addEventListener(type, handler, options); listeners.push([target, type, handler, options]); } function resolveConfirmationAction(marker, eventTarget) { if (!marker || marker.nodeType !== 1) return null; var selector = comboInteractiveSelector(); if (marker.matches(selector)) return marker; var clickedAction = eventTarget && eventTarget.closest ? eventTarget.closest(selector) : null; if (clickedAction && marker.contains(clickedAction)) return clickedAction; return marker.querySelector(selector); } function closeConfirmation(restoreFocus) { if (!confirmLayer) return; confirmLayer.classList.remove(CONFIRM_OPEN_CLASS); confirmLayer.setAttribute("aria-hidden", "true"); document.documentElement.classList.remove("rys-confirm-scroll-locked"); document.body.classList.remove("rys-confirm-scroll-locked"); var focusTarget = pendingConfirmMarker || confirmPreviousFocus; pendingConfirmAction = null; pendingConfirmMarker = null; confirmPreviousFocus = null; if (restoreFocus && focusTarget && document.contains(focusTarget) && typeof focusTarget.focus === "function") { focusTarget.focus(); } } function executeConfirmedAction() { var action = pendingConfirmAction; closeConfirmation(false); if (!action || !document.contains(action)) return; confirmedActions.add(action); try { action.click(); } finally { confirmedActions.delete(action); } } function handleConfirmationLayerClick(event) { if (event.target === confirmLayer) closeConfirmation(true); } function handleConfirmationNoClick() { closeConfirmation(true); } function handleConfirmationYesClick() { executeConfirmedAction(); } function ensureConfirmationLayer() { if (confirmLayer && document.contains(confirmLayer)) return confirmLayer; confirmLayer = document.createElement("div"); confirmLayer.className = CONFIRM_LAYER_CLASS; confirmLayer.setAttribute("aria-hidden", "true"); confirmLayer.setAttribute("data-rys-added-confirmation", "true"); var dialog = document.createElement("div"); dialog.className = "rys-confirm-dialog"; dialog.setAttribute("role", "alertdialog"); dialog.setAttribute("aria-modal", "true"); dialog.setAttribute("aria-labelledby", "rys-confirm-title"); var title = document.createElement("p"); title.id = "rys-confirm-title"; title.className = "rys-confirm-title"; title.textContent = "Czy jesteś pewien?"; var actions = document.createElement("div"); actions.className = "rys-confirm-actions"; var noButton = document.createElement("button"); noButton.type = "button"; noButton.className = "rys-confirm-no"; noButton.textContent = "Nie"; var yesButton = document.createElement("button"); yesButton.type = "button"; yesButton.className = "rys-confirm-yes"; yesButton.textContent = "Tak"; actions.appendChild(noButton); actions.appendChild(yesButton); dialog.appendChild(title); dialog.appendChild(actions); confirmLayer.appendChild(dialog); document.body.appendChild(confirmLayer); addListener(confirmLayer, "click", handleConfirmationLayerClick, false); addListener(noButton, "click", handleConfirmationNoClick, false); addListener(yesButton, "click", handleConfirmationYesClick, false); return confirmLayer; } function openConfirmation(marker, action) { if (!marker || !action) return; var layer = ensureConfirmationLayer(); pendingConfirmMarker = marker; pendingConfirmAction = action; confirmPreviousFocus = document.activeElement; layer.classList.add(CONFIRM_OPEN_CLASS); layer.setAttribute("aria-hidden", "false"); document.documentElement.classList.add("rys-confirm-scroll-locked"); document.body.classList.add("rys-confirm-scroll-locked"); var noButton = layer.querySelector(".rys-confirm-no"); if (noButton) noButton.focus(); } function handleConfirmationCapture(event) { var marker = event.target && event.target.closest ? event.target.closest("." + CONFIRM_ACTION_CLASS) : null; if (!marker) return; var action = resolveConfirmationAction(marker, event.target); if (!action || confirmedActions.has(action)) return; event.preventDefault(); event.stopImmediatePropagation(); openConfirmation(marker, action); } function handleConfirmationKeydown(event) { if (!confirmLayer || !confirmLayer.classList.contains(CONFIRM_OPEN_CLASS)) return false; if (event.key === "Escape") { event.preventDefault(); event.stopPropagation(); closeConfirmation(true); return true; } if (event.key !== "Tab") return false; var buttons = confirmLayer.querySelectorAll("button:not([disabled])"); if (!buttons.length) return false; var first = buttons[0]; var last = buttons[buttons.length - 1]; if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); return true; } if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); return true; } return false; } /* * iOS/iPadOS nie zawsze korzysta z favicony PWA ustawionej przez Baserow. * Kopiujemy aktualna favicone aplikacji do rel="apple-touch-icon", dzieki * czemu ta sama grafika jest uzywana po dodaniu aplikacji do ekranu Home. */ function findBestPageIcon() { var icons = Array.prototype.slice.call( document.querySelectorAll("head link[rel~='icon'][href]") ); if (!icons.length) return null; icons.sort(function (a, b) { function score(link) { var sizes = link.getAttribute("sizes") || ""; var match = sizes.match(/(\d+)x(\d+)/i); if (!match) return 0; return Number(match[1]) * Number(match[2]); } return score(b) - score(a); }); return icons[0]; } function ensureAppleTouchIcon() { var source = findBestPageIcon(); if (!source || !source.href) return; var existing = document.querySelector( "head link[rel='apple-touch-icon'][data-rys-apple-touch-icon='true']" ); if (!existing) { existing = document.querySelector("head link[rel='apple-touch-icon']"); } if (!existing) { existing = document.createElement("link"); existing.rel = "apple-touch-icon"; existing.setAttribute("data-rys-apple-touch-icon", "true"); document.head.appendChild(existing); appleTouchIconWasAdded = true; } appleTouchIcon = existing; if (existing.href !== source.href) existing.href = source.href; } /* * Widocznosc instrukcji instalacji PWA. * JS nie narzuca tresci ani wygladu; steruje wylacznie display dla klas: * - rys-pwa-install: widoczny poza trybem PWA, * - rys-ios-only: widoczny poza PWA tylko na iOS/iPadOS, * - rys-android-chrome-only: widoczny poza PWA tylko w Chrome na Androidzie. */ function isStandalonePWA() { return Boolean( (window.matchMedia && window.matchMedia("(display-mode: standalone)").matches) || window.navigator.standalone === true ); } function isIOSPlatform() { var ua = window.navigator.userAgent || ""; return /iPhone|iPad|iPod/i.test(ua) || (window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1); } function isAndroidChrome() { var ua = window.navigator.userAgent || ""; return /Android/i.test(ua) && /Chrome/i.test(ua) && !/EdgA|OPR|SamsungBrowser/i.test(ua); } function readPwaDismissedSession() { try { return window.sessionStorage.getItem(PWA_SESSION_KEY) === "1"; } catch (error) { return false; } } function writePwaDismissedSession(value) { try { if (value) window.sessionStorage.setItem(PWA_SESSION_KEY, "1"); else window.sessionStorage.removeItem(PWA_SESSION_KEY); } catch (error) { /* sessionStorage moze byc niedostepny w restrykcyjnym trybie prywatnym. */ } } function setPwaScrollLock(locked) { document.documentElement.classList.toggle(PWA_SCROLL_LOCK_CLASS, locked); if (document.body) { document.body.classList.toggle(PWA_SCROLL_LOCK_CLASS, locked); } } function dismissPwaInstall() { pwaDismissedSession = true; writePwaDismissedSession(true); refreshPwaVisibility(); } function handlePwaDismissCapture(event) { var target = event.target && event.target.closest ? event.target.closest( "." + PWA_DISMISS_PRIMARY_CLASS + ",." + PWA_DISMISS_SECONDARY_CLASS ) : null; if (!target) return; event.preventDefault(); event.stopImmediatePropagation(); dismissPwaInstall(); } function visiblePwaInstall() { return document.querySelector( "." + PWA_INSTALL_CLASS + "." + PWA_VISIBLE_CLASS ); } function createPwaHotspot(kind) { var button = document.createElement("button"); button.type = "button"; button.className = PWA_HOTSPOT_CLASS + " " + (kind === "primary" ? PWA_DISMISS_PRIMARY_CLASS : PWA_DISMISS_SECONDARY_CLASS); button.setAttribute( "aria-label", kind === "primary" ? "Rozumiem" : "Później" ); button.setAttribute("data-rys-pwa-generated-hotspot", kind); document.body.appendChild(button); return button; } function ensurePwaHotspots() { if (!document.body) return; if (!pwaPrimaryHotspot || !document.contains(pwaPrimaryHotspot)) { pwaPrimaryHotspot = createPwaHotspot("primary"); } if (!pwaSecondaryHotspot || !document.contains(pwaSecondaryHotspot)) { pwaSecondaryHotspot = createPwaHotspot("secondary"); } } function hidePwaHotspots() { [pwaPrimaryHotspot, pwaSecondaryHotspot].forEach(function (button) { if (!button) return; button.style.setProperty("display", "none", "important"); }); } function hotspotRect(root, zone) { var rect = root.getBoundingClientRect(); if (!rect.width || !rect.height) return null; var scale = Math.max( rect.width / PWA_POSTER_WIDTH, rect.height / PWA_POSTER_HEIGHT ); var renderedWidth = PWA_POSTER_WIDTH * scale; var renderedHeight = PWA_POSTER_HEIGHT * scale; var originX = rect.left + (rect.width - renderedWidth) / 2; var originY = rect.top + (rect.height - renderedHeight) / 2; return { left: originX + zone.x1 * scale, top: originY + zone.y1 * scale, width: (zone.x2 - zone.x1) * scale, height: (zone.y2 - zone.y1) * scale }; } function placePwaHotspot(button, rect) { if (!button || !rect) return; button.style.setProperty("display", "block", "important"); button.style.setProperty("left", rect.left + "px", "important"); button.style.setProperty("top", rect.top + "px", "important"); button.style.setProperty("width", rect.width + "px", "important"); button.style.setProperty("height", rect.height + "px", "important"); } function refreshPwaHotspots() { var root = visiblePwaInstall(); if (!root || pwaDismissedSession || isStandalonePWA()) { hidePwaHotspots(); return; } ensurePwaHotspots(); placePwaHotspot( pwaPrimaryHotspot, hotspotRect(root, PWA_PRIMARY_ZONE) ); placePwaHotspot( pwaSecondaryHotspot, hotspotRect(root, PWA_SECONDARY_ZONE) ); } function findPwaVisibilityRecord(element) { for (var i = 0; i < pwaVisibilityRecords.length; i += 1) { if (pwaVisibilityRecords[i].element === element) { return pwaVisibilityRecords[i]; } } return null; } function rememberPwaVisibility(element) { if (!element || !element.style) return null; var existing = findPwaVisibilityRecord(element); if (existing) return existing; var record = { element: element, display: element.style.getPropertyValue("display"), priority: element.style.getPropertyPriority("display") }; pwaVisibilityRecords.push(record); return record; } function restorePwaDisplay(element) { var record = findPwaVisibilityRecord(element); if (!record || !element || !element.style) return; if (record.display) { element.style.setProperty("display", record.display, record.priority || ""); } else { element.style.removeProperty("display"); } } function setPwaVisibility(element, visible) { if (!element || element.nodeType !== 1 || !element.style) return; rememberPwaVisibility(element); element.classList.toggle(PWA_VISIBLE_CLASS, visible); if (visible) { restorePwaDisplay(element); } else { element.style.setProperty("display", "none", "important"); } } function preparePwaVisibility(element) { if (!element || element.nodeType !== 1 || !element.classList) return; var pwa = isStandalonePWA(); var ios = isIOSPlatform(); var androidChrome = isAndroidChrome(); var supportedBrowser = ios || androidChrome; var canShow = !pwa && supportedBrowser && !pwaDismissedSession; if (element.classList.contains(PWA_INSTALL_CLASS)) { setPwaVisibility(element, canShow); } if (element.classList.contains(IOS_ONLY_CLASS)) { setPwaVisibility(element, canShow && ios); } if (element.classList.contains(ANDROID_CHROME_ONLY_CLASS)) { setPwaVisibility(element, canShow && androidChrome); } } function refreshPwaVisibility() { var selector = [ "." + PWA_INSTALL_CLASS, "." + IOS_ONLY_CLASS, "." + ANDROID_CHROME_ONLY_CLASS ].join(","); Array.prototype.forEach.call( document.querySelectorAll(selector), preparePwaVisibility ); var shouldLock = !isStandalonePWA() && (isIOSPlatform() || isAndroidChrome()) && !pwaDismissedSession && Boolean(document.querySelector("." + PWA_INSTALL_CLASS)); setPwaScrollLock(shouldLock); refreshPwaHotspots(); } /* * Rys Toast Engine. * Baserow sam decyduje, kiedy akcja zakonczyla sie sukcesem lub bledem. * Silnik nie duplikuje komunikatu: jedynie przenosi natywny kontener * .ab-toasts__container-top pod aktualny sticky header i nadaje mu warstwe * ponad rys-sticky-top. Zachowujemy w ten sposob natywna tresc, typ, ikone, * przycisk zamkniecia i czas zycia toastu Baserow. */ function isVisibleElement(element) { if (!element || element.nodeType !== 1 || typeof element.getBoundingClientRect !== "function") return false; var rect = element.getBoundingClientRect(); if (!rect.width || !rect.height) return false; var style = window.getComputedStyle(element); return style.display !== "none" && style.visibility !== "hidden" && Number(style.opacity || 1) !== 0; } function stickyBottomForToast() { var candidates = Array.prototype.slice.call( document.querySelectorAll( "." + STICKY_HOST_CLASS + ",." + STICKY_MARKER_CLASS ) ); var bottom = 0; candidates.forEach(function (element) { if (!isVisibleElement(element)) return; /* * Marker wewnetrzny jest tylko trescia hosta i nie powinien byc liczony * drugi raz. Interesuje nas element, ktory faktycznie dotyka gornej * krawedzi viewportu (sticky jest juz aktywny). */ if (element.classList.contains(STICKY_INNER_CLASS)) return; var rect = element.getBoundingClientRect(); var style = window.getComputedStyle(element); var stickyLike = style.position === "sticky" || style.position === "-webkit-sticky" || element.classList.contains(STICKY_HOST_CLASS); if (!stickyLike) return; if (rect.bottom <= 0) return; /* Tolerancja obejmuje niewielki --rys-sticky-top-offset. */ if (rect.top <= 32 && rect.bottom > bottom) bottom = rect.bottom; }); return bottom; } function refreshToastPosition() { if (!document.documentElement) return; var stickyBottom = stickyBottomForToast(); var top = stickyBottom > 0 ? Math.ceil(stickyBottom + TOAST_GAP) : TOAST_DEFAULT_TOP; document.documentElement.style.setProperty( TOAST_TOP_PROPERTY, top + "px" ); } function scheduleToastRefresh(delay) { if (toastRefreshTimer !== null) { window.clearTimeout(toastRefreshTimer); } toastRefreshTimer = window.setTimeout(function () { toastRefreshTimer = null; refreshToastPosition(); }, typeof delay === "number" ? delay : 0); } function mutationTouchesBaserowToast(mutation) { if (!mutation) return false; if (mutation.target && mutation.target.nodeType === 1) { var target = mutation.target; if (target.matches && target.matches(BASEROW_TOAST_CONTAINER_SELECTOR)) { return true; } if (target.closest && target.closest(BASEROW_TOAST_CONTAINER_SELECTOR)) { return true; } } for (var i = 0; i < mutation.addedNodes.length; i += 1) { var node = mutation.addedNodes[i]; if (!node || node.nodeType !== 1) continue; if (node.matches && node.matches(BASEROW_TOAST_CONTAINER_SELECTOR)) { return true; } if (node.closest && node.closest(BASEROW_TOAST_CONTAINER_SELECTOR)) { return true; } if (node.querySelector && node.querySelector(BASEROW_TOAST_CONTAINER_SELECTOR)) { return true; } } return false; } function numericHeight(element) { if (!element) return 0; var rect = typeof element.getBoundingClientRect === "function" ? element.getBoundingClientRect() : null; return Math.max( rect && Number.isFinite(rect.height) ? rect.height : 0, element.offsetHeight || 0 ); } function overflowValue(element) { if (!element || element.nodeType !== 1) return ""; var style = window.getComputedStyle(element); return [style.overflow, style.overflowY, style.overflowX].join(" "); } function createsScrollMechanism(element) { return /(auto|scroll|overlay|hidden|clip)/.test(overflowValue(element)); } function isActualScrollRoot(element) { if (!element || element.nodeType !== 1) return false; var overflow = overflowValue(element); return /(auto|scroll|overlay)/.test(overflow) && element.scrollHeight > element.clientHeight + 1; } function findStickyScrollRoot(marker) { var node = marker.parentElement; while (node && node !== document.body && node !== document.documentElement) { if (isActualScrollRoot(node)) return node; node = node.parentElement; } return document.scrollingElement || document.documentElement; } function findStickyHost(marker, scrollRoot) { var markerHeight = numericHeight(marker); if (markerHeight <= 0) return marker; var tolerance = Math.max(32, markerHeight * 0.35); var candidate = marker; var node = marker.parentElement; var depth = 0; /* * Application Builder opakowuje element w kilka technicznych kontenerow. * Sticky musi trafic na najwyzszy wrapper, ktory nadal ma wysokosc samego * naglowka; inaczej jego containing block konczy sie razem z naglowkiem. */ while (node && node !== scrollRoot && node !== document.body && node !== document.documentElement && depth < 8) { var nodeHeight = numericHeight(node); if (markerHeight > 0 && nodeHeight > markerHeight + tolerance) break; if (nodeHeight > 0) candidate = node; node = node.parentElement; depth += 1; } return candidate; } function removeStickyRecord(record) { if (!record) return; if (record.marker && record.marker.classList) { record.marker.classList.remove(STICKY_INNER_CLASS); } if (record.host && record.host.classList) { record.host.classList.remove(STICKY_HOST_CLASS); } record.released.forEach(function (element) { if (element && element.classList) { element.classList.remove(STICKY_OVERFLOW_CLASS); } }); var index = stickyRecords.indexOf(record); if (index !== -1) stickyRecords.splice(index, 1); } function existingStickyRecord(marker) { for (var i = 0; i < stickyRecords.length; i += 1) { if (stickyRecords[i].marker === marker) return stickyRecords[i]; } return null; } function prepareStickyMarker(marker) { if (!marker || marker.nodeType !== 1 || !marker.classList.contains(STICKY_MARKER_CLASS)) return; removeStickyRecord(existingStickyRecord(marker)); var scrollRoot = findStickyScrollRoot(marker); var host = findStickyHost(marker, scrollRoot); var released = []; var node = host.parentElement; if (host !== marker) { marker.classList.add(STICKY_INNER_CLASS); host.classList.add(STICKY_HOST_CLASS); } /* * Overflow na posrednim wrapperze tworzy falszywy scroll container nawet, * gdy sam wrapper sie nie przewija. Zwalniamy tylko takie warstwy pomiedzy * naglowkiem a rzeczywistym kontenerem przewijania. */ while (node && node !== scrollRoot && node !== document.body && node !== document.documentElement) { if (createsScrollMechanism(node) && !isActualScrollRoot(node)) { node.classList.add(STICKY_OVERFLOW_CLASS); released.push(node); } node = node.parentElement; } stickyRecords.push({ marker: marker, host: host, released: released }); } function refreshStickyMarkers() { stickyRecords.slice().forEach(removeStickyRecord); Array.prototype.forEach.call( document.querySelectorAll("." + STICKY_MARKER_CLASS), prepareStickyMarker ); scheduleToastRefresh(); } function scheduleStickyRefresh(delay) { if (stickyRefreshTimer !== null) { window.clearTimeout(stickyRefreshTimer); } stickyRefreshTimer = window.setTimeout(function () { stickyRefreshTimer = null; refreshStickyMarkers(); }, typeof delay === "number" ? delay : 0); } function tokenFromClass(element, prefix) { if (!element || !element.classList) return null; for (var i = 0; i < element.classList.length; i += 1) { var className = element.classList.item(i); if (className.indexOf(prefix) === 0 && className.length > prefix.length) { return className.slice(prefix.length); } } return null; } function getAction(element) { var token; if (!element || !element.classList) return null; if (element.classList.contains("rys-back")) { return { type: "back", token: null }; } if (element.classList.contains(COPY_ACCOUNT_CLASS)) { return { type: "copy-account", token: null }; } token = tokenFromClass(element, "rys-close-sheet-"); if (token) return { type: "close-sheet", token: token }; if (element.classList.contains("rys-close-sheet")) { return { type: "close-sheet", token: null }; } token = tokenFromClass(element, "rys-open-sheet-"); if (token) return { type: "open-sheet", token: token }; token = tokenFromClass(element, "rys-close-reveal-"); if (token) return { type: "close-reveal", token: token }; if (element.classList.contains("rys-close-reveal")) { return { type: "close-reveal", token: null }; } token = tokenFromClass(element, "rys-open-reveal-"); if (token) return { type: "open-reveal", token: token }; return null; } function findHiddenButtonContainer(startNode) { var element = startNode && startNode.nodeType === 1 ? startNode : startNode && startNode.parentElement; return element && element.closest ? element.closest(".rys-hidden-button") : null; } function resolveHiddenAction(container) { if (!container || !container.querySelectorAll) return null; var selector = [ "button:not([disabled])", "input[type='button']:not([disabled])", "input[type='submit']:not([disabled])", "[role='button']:not([aria-disabled='true'])", "a[href]" ].join(","); var candidates = container.querySelectorAll(selector); for (var i = 0; i < candidates.length; i += 1) { if (candidates[i].closest(".rys-hidden-button") === container) { return candidates[i]; } } return null; } function hideHiddenAction(action) { if (!action || action.hasAttribute("data-rys-hidden-action")) return; hiddenActionRecords.push({ element: action, style: action.getAttribute("style"), ariaHidden: action.getAttribute("aria-hidden"), tabindex: action.getAttribute("tabindex") }); action.setAttribute("data-rys-hidden-action", "true"); action.setAttribute("aria-hidden", "true"); action.setAttribute("tabindex", "-1"); action.style.setProperty("display", "none", "important"); } function comboInteractiveSelector() { return [ "button:not([disabled])", "input[type='button']:not([disabled])", "input[type='submit']:not([disabled])", "[role='button']:not([aria-disabled='true'])", "a[href]" ].join(","); } function findComboRecord(container) { for (var i = 0; i < comboActionRecords.length; i += 1) { if (comboActionRecords[i].container === container) { return comboActionRecords[i]; } } return null; } function findComboRecordByAction(action) { for (var i = 0; i < comboActionRecords.length; i += 1) { if (comboActionRecords[i].action === action) { return comboActionRecords[i]; } } return null; } function normalizeComboValue(value) { if (Array.isArray(value)) return JSON.stringify(value); if (value === null || typeof value === "undefined") return ""; return String(value).replace(/\s+/g, " ").trim(); } function readComboValue(container) { if (!container || container.nodeType !== 1) return ""; var control = null; if (container.matches("select,input[role='combobox'],[role='combobox']")) { control = container; } else { control = container.querySelector( "select,input[role='combobox'],[role='combobox']" ); } if (control) { if (control.tagName === "SELECT" && control.multiple) { return normalizeComboValue(Array.prototype.map.call( control.selectedOptions, function (option) { return option.value; } )); } if ((control.tagName === "SELECT" || control.tagName === "INPUT") && typeof control.value !== "undefined") { return normalizeComboValue(control.value); } var controlValue = control.getAttribute("data-value") || control.getAttribute("aria-valuenow") || control.getAttribute("aria-activedescendant"); if (controlValue !== null && controlValue !== "") { return normalizeComboValue(controlValue); } return normalizeComboValue(control.textContent); } var selected = container.querySelector( "[aria-selected='true'],[data-selected='true']" ); if (selected) { return normalizeComboValue( selected.getAttribute("data-value") || selected.textContent ); } return normalizeComboValue(container.textContent); } function comboValueFromEvent(event, container) { var target = event && event.target; if (target && container.contains(target) && (target.tagName === "SELECT" || target.tagName === "INPUT") && typeof target.value !== "undefined") { return normalizeComboValue(target.value); } return readComboValue(container); } function rectDistance(first, second) { if (!first || !second || typeof first.getBoundingClientRect !== "function" || typeof second.getBoundingClientRect !== "function") { return Number.POSITIVE_INFINITY; } var a = first.getBoundingClientRect(); var b = second.getBoundingClientRect(); if ((!a.width && !a.height) || (!b.width && !b.height)) { return Number.POSITIVE_INFINITY; } var horizontalGap = Math.max(a.left - b.right, b.left - a.right, 0); var verticalGap = Math.max(a.top - b.bottom, b.top - a.bottom, 0); return Math.sqrt( horizontalGap * horizontalGap + verticalGap * verticalGap ); } function isComboActionCandidate(candidate, container) { if (!candidate || !document.contains(candidate)) return false; if (candidate.disabled || candidate.getAttribute("aria-disabled") === "true") { return false; } if (container.contains(candidate)) return false; if (candidate.closest("." + COMBO_ACTION_CLASS)) return false; if (candidate.classList.contains(SHEET_CLOSE_CLASS) || candidate.hasAttribute("data-rys-added-sheet-close")) return false; if (candidate.closest("[role='combobox'],[role='listbox'],[role='option']")) { return false; } var assignedRecord = findComboRecordByAction(candidate); if (assignedRecord && assignedRecord.container !== container) return false; if (!/^(BUTTON|INPUT|A)$/.test(candidate.tagName) && candidate.querySelector("button:not([disabled]),input[type='button']")) { return false; } var style = window.getComputedStyle(candidate); if ((style.display === "none" || style.visibility === "hidden") && candidate.getAttribute("data-rys-combo-action-target") !== "true") { return false; } return true; } function resolveNearestComboAction(container) { /* * Baserow umieszcza Combo Box i nastepujacy po nim przycisk w osobnych * rodzenstwach .column-element__element. Dla tego ukladu przeszukujemy * wylacznie bezposrednio nastepny element, nigdy dalsza czesc strony. */ var comboElement = container && container.closest ? container.closest(".column-element__element") : null; if (!comboElement) return null; var scope = comboElement.nextElementSibling; if (!scope || !scope.classList.contains("column-element__element")) { return null; } var candidates = Array.prototype.slice.call( scope.querySelectorAll(comboInteractiveSelector()) ).filter(function (candidate) { return isComboActionCandidate(candidate, container); }); if (!candidates.length) return null; candidates.sort(function (a, b) { var distanceA = rectDistance(container, a); var distanceB = rectDistance(container, b); if (Number.isFinite(distanceA) && !Number.isFinite(distanceB)) return -1; if (!Number.isFinite(distanceA) && Number.isFinite(distanceB)) return 1; if (Number.isFinite(distanceA) && Number.isFinite(distanceB) && distanceA !== distanceB) { return distanceA - distanceB; } return domDistance(container, a) - domDistance(container, b); }); return candidates[0]; } function assignComboAction(record) { if (!record || !document.contains(record.container)) return null; if (record.action && document.contains(record.action)) { record.action.setAttribute("data-rys-combo-action-target", "true"); hideHiddenAction(record.action); return record.action; } record.action = resolveNearestComboAction(record.container); if (!record.action) return null; record.action.setAttribute("data-rys-combo-action-target", "true"); hideHiddenAction(record.action); return record.action; } function disarmComboRecord(record) { if (!record) return; record.armed = false; if (record.armTimer !== null) { window.clearTimeout(record.armTimer); record.armTimer = null; } } function armComboAction(container) { var record = prepareComboAction(container); if (!record) return; record.value = readComboValue(container); record.armed = true; if (record.armTimer !== null) window.clearTimeout(record.armTimer); record.armTimer = window.setTimeout(function () { record.armTimer = null; record.armed = false; record.value = readComboValue(record.container); }, 15000); } function triggerComboAction(record, previousValue, value) { if (!record || record.running) return; var action = assignComboAction(record); if (!action) return; record.running = true; window.setTimeout(function () { try { if (document.contains(action) && !action.disabled && action.getAttribute("aria-disabled") !== "true") { action.click(); emit(record.container, "rys:combo-action", { previousValue: previousValue, value: value }); } } finally { record.running = false; } }, 0); } function checkComboAction(record) { if (!record || !document.contains(record.container)) return; var value = typeof record.pendingValue === "undefined" ? readComboValue(record.container) : record.pendingValue; var force = record.pendingForce; record.pendingValue = undefined; record.pendingForce = false; record.checkTimer = null; if (value === record.value) return; var previousValue = record.value; record.value = value; if (!force && !record.armed) return; disarmComboRecord(record); triggerComboAction(record, previousValue, value); } function scheduleComboCheck(record, force, value) { if (!record) return; if (force) record.pendingForce = true; if (typeof value !== "undefined") record.pendingValue = value; if (record.checkTimer !== null) window.clearTimeout(record.checkTimer); record.checkTimer = window.setTimeout(function () { checkComboAction(record); }, 0); } function prepareComboAction(container) { if (!container || container.nodeType !== 1 || !container.classList.contains(COMBO_ACTION_CLASS)) return null; var existing = findComboRecord(container); if (existing) { assignComboAction(existing); return existing; } var record = { container: container, action: null, value: readComboValue(container), armed: false, running: false, checkTimer: null, armTimer: null, pendingForce: false, pendingValue: undefined, observer: null }; record.observer = new MutationObserver(function () { scheduleComboCheck(record, false); }); record.observer.observe(container, { attributes: true, attributeFilter: [ "value", "aria-selected", "aria-activedescendant", "data-value" ], characterData: true, childList: true, subtree: true }); comboActionRecords.push(record); assignComboAction(record); return record; } function disposeComboRecord(record) { if (!record) return; if (record.observer) record.observer.disconnect(); if (record.checkTimer !== null) window.clearTimeout(record.checkTimer); if (record.armTimer !== null) window.clearTimeout(record.armTimer); if (record.action) { record.action.removeAttribute("data-rys-combo-action-target"); } var index = comboActionRecords.indexOf(record); if (index !== -1) comboActionRecords.splice(index, 1); } function refreshComboActions() { comboActionRecords.slice().forEach(function (record) { if (!document.contains(record.container)) { disposeComboRecord(record); } else { assignComboAction(record); } }); Array.prototype.forEach.call( document.querySelectorAll("." + COMBO_ACTION_CLASS), prepareComboAction ); } function scheduleComboRefresh() { if (comboRefreshTimer !== null) window.clearTimeout(comboRefreshTimer); comboRefreshTimer = window.setTimeout(function () { comboRefreshTimer = null; refreshComboActions(); }, 30); } function comboContainerFromEvent(event) { var target = event && event.target; return target && target.closest ? target.closest("." + COMBO_ACTION_CLASS) : null; } function handleComboChange(event) { var container = comboContainerFromEvent(event); if (!container) return; var record = prepareComboAction(container); scheduleComboCheck(record, true, comboValueFromEvent(event, container)); } function prepareHiddenButtonContainer(container) { if (!container || container.nodeType !== 1) return; var action = resolveHiddenAction(container); if (action) hideHiddenAction(action); if (!isNativeInteractive(container)) { if (!container.hasAttribute("role")) { container.setAttribute("role", "button"); container.setAttribute("data-rys-added-role", "true"); } if (!container.hasAttribute("tabindex")) { container.setAttribute("tabindex", "0"); container.setAttribute("data-rys-added-tabindex", "true"); } } } function isProtectedInteractiveChild(target, container, action) { if (!target || !target.closest) return false; if (target === action || action.contains(target)) return false; var interactive = target.closest( "a,button,input,select,textarea,label,[role='button']," + "[contenteditable='true']" ); return Boolean(interactive && interactive !== container); } function delegateHiddenButtonClick(event, container) { var action = resolveHiddenAction(container); if (!action) return false; if (delegatedHiddenActions.has(action)) return false; if (event.target === action || action.contains(event.target)) { return false; } if (isProtectedInteractiveChild(event.target, container, action)) { return false; } event.preventDefault(); if (pendingHiddenContainers.has(container)) return true; pendingHiddenContainers.add(container); window.setTimeout(function () { try { if (document.contains(action)) { delegatedHiddenActions.add(action); action.click(); delegatedHiddenActions.delete(action); } } finally { pendingHiddenContainers.delete(container); } }, 0); return true; } function closestAction(startNode) { var element = startNode && startNode.nodeType === 1 ? startNode : startNode && startNode.parentElement; while (element && element !== document.documentElement) { if (getAction(element)) return element; element = element.parentElement; } return null; } function domDistance(first, second) { var distances = new Map(); var node = first; var distance = 0; while (node) { distances.set(node, distance); distance += 1; node = node.parentElement; } node = second; distance = 0; while (node) { if (distances.has(node)) return distance + distances.get(node); distance += 1; node = node.parentElement; } return Number.POSITIVE_INFINITY; } function findNearestTarget(trigger, baseClass, targetClass) { var candidates = Array.prototype.slice.call( document.getElementsByClassName(targetClass) ).filter(function (candidate) { return candidate.classList.contains(baseClass); }); if (!candidates.length) return null; if (candidates.length === 1) return candidates[0]; candidates.sort(function (a, b) { return domDistance(trigger, a) - domDistance(trigger, b); }); return candidates[0]; } function ensureId(target, type) { if (!target.id) { uid += 1; target.id = "rys-ui-" + type + "-" + uid; } return target.id; } function setTriggerState(trigger, target, expanded, type) { if (!trigger) return; trigger.setAttribute("aria-expanded", expanded ? "true" : "false"); if (target) trigger.setAttribute("aria-controls", ensureId(target, type)); } function emit(target, eventName, detail) { target.dispatchEvent(new CustomEvent(eventName, { bubbles: true, detail: detail })); } function ensureBackdrop() { if (backdrop && document.contains(backdrop)) return backdrop; backdrop = document.querySelector("." + BACKDROP_CLASS); if (!backdrop) { backdrop = document.createElement("div"); backdrop.className = BACKDROP_CLASS; backdrop.setAttribute("aria-hidden", "true"); backdrop.setAttribute("data-rys-added-backdrop", "true"); document.body.appendChild(backdrop); backdropWasAdded = true; } return backdrop; } function syncBackdrop() { var layer = ensureBackdrop(); var hasOpenSheet = Boolean(document.querySelector( ".rys-bottom-sheet." + OPEN_CLASS )); layer.classList.toggle(OPEN_CLASS, hasOpenSheet); layer.setAttribute("aria-hidden", hasOpenSheet ? "false" : "true"); if (!hasOpenSheet) unlockPageScroll(); } function addScrollLock(element) { if (!element || !element.classList) return; if (element.classList.contains(SCROLL_LOCK_CLASS)) return; element.classList.add(SCROLL_LOCK_CLASS); lockedScrollElements.push(element); } function isScrollableElement(element) { if (!element || element.nodeType !== 1) return false; var style = window.getComputedStyle(element); var overflow = style.overflow + " " + style.overflowY; return /(auto|scroll|overlay)/.test(overflow) || element.scrollHeight > element.clientHeight + 1; } function lockScrollPath(startNode) { var element = startNode && startNode.nodeType === 1 ? startNode : startNode && startNode.parentElement; while (element) { if (isScrollableElement(element)) addScrollLock(element); element = element.parentElement; } } function lockPageScroll(trigger, sheet) { addScrollLock(document.documentElement); addScrollLock(document.body); addScrollLock(document.scrollingElement); lockScrollPath(trigger); /* Sam Sheet pozostaje przewijalny; blokujemy wyłącznie jego przodków. */ lockScrollPath(sheet && sheet.parentElement); } function unlockPageScroll() { lockedScrollElements.forEach(function (element) { if (element && element.classList) { element.classList.remove(SCROLL_LOCK_CLASS); } }); lockedScrollElements = []; } function handleScrollAttempt(event) { var hasOpenConfirmation = Boolean(confirmLayer && confirmLayer.classList.contains(CONFIRM_OPEN_CLASS)); if (hasOpenConfirmation) { if (event.cancelable) event.preventDefault(); return; } var hasOpenSheet = Boolean(document.querySelector( ".rys-bottom-sheet." + OPEN_CLASS )); if (!hasOpenSheet) return; /* * Date/Time Picker Baserow jest teleportowany do , czyli znajduje sie * poza DOM-em Sheeta. Nie blokujemy jego wheel/touchmove, aby kalendarz * i przewijana lista godzin pozostaly w pelni interaktywne na iOS. */ var floatingDatePicker = event.target && event.target.closest ? event.target.closest( ".ab-datetime-picker__calendar--context," + ".ab-datetime-picker__clock" ) : null; if (floatingDatePicker) return; var scrollableSheet = event.target && event.target.closest ? event.target.closest(".rys-bottom-sheet." + OPEN_CLASS) : null; if (scrollableSheet) return; if (event.cancelable) event.preventDefault(); } function closeTarget(target, type, token, restoreFocus) { if (!target) return; target.classList.remove(OPEN_CLASS); target.setAttribute("aria-hidden", "true"); var opener = openerByTarget.get(target); if (opener) { setTriggerState(opener, target, false, type); if (restoreFocus && document.contains(opener)) opener.focus(); openerByTarget.delete(target); } if (type === "sheet") syncBackdrop(); emit(target, "rys:close", { type: type, token: token || null }); } function openTarget(target, trigger, type, token) { if (!target) return; target.classList.add(OPEN_CLASS); target.setAttribute("aria-hidden", "false"); openerByTarget.set(target, trigger); setTriggerState(trigger, target, true, type); if (type === "sheet") { lockPageScroll(trigger, target); syncBackdrop(); } emit(target, "rys:open", { type: type, token: token }); } function closeOtherSheets(exception) { var openSheets = document.querySelectorAll( ".rys-bottom-sheet." + OPEN_CLASS ); Array.prototype.forEach.call(openSheets, function (sheet) { if (sheet !== exception) closeTarget(sheet, "sheet", null, false); }); } function closeTopSheet(restoreFocus) { var openSheets = document.querySelectorAll( ".rys-bottom-sheet." + OPEN_CLASS ); if (!openSheets.length) return; closeTarget(openSheets[openSheets.length - 1], "sheet", null, restoreFocus); } /* Strefa klikniecia X: 56 × 56 px w prawym gornym rogu panelu. */ function isSheetCloseZone(event, sheet) { if (!event || !sheet || typeof sheet.getBoundingClientRect !== "function") { return false; } var rect = sheet.getBoundingClientRect(); var closeZoneSize = 56; return event.clientX >= rect.right - closeZoneSize && event.clientX <= rect.right && event.clientY >= rect.top && event.clientY <= rect.top + closeZoneSize; } function runAction(trigger, action) { var target; if (action.type === "back") { window.history.back(); return; } if (action.type === "copy-account") { copyAccountNumber(trigger); return; } if (action.type === "open-sheet") { target = findNearestTarget( trigger, "rys-bottom-sheet", "rys-bottom-sheet-" + action.token ); if (!target) return; closeOtherSheets(target); openTarget(target, trigger, "sheet", action.token); return; } if (action.type === "close-sheet") { target = action.token ? findNearestTarget( trigger, "rys-bottom-sheet", "rys-bottom-sheet-" + action.token ) : trigger.closest(".rys-bottom-sheet"); closeTarget(target, "sheet", action.token, true); return; } if (action.type === "open-reveal") { target = findNearestTarget( trigger, "rys-reveal", "rys-reveal-" + action.token ); openTarget(target, trigger, "reveal", action.token); return; } if (action.type === "close-reveal") { target = action.token ? findNearestTarget( trigger, "rys-reveal", "rys-reveal-" + action.token ) : trigger.closest(".rys-reveal"); closeTarget(target, "reveal", action.token, true); } } function isNativeInteractive(element) { return /^(A|BUTTON|INPUT|SELECT|TEXTAREA|SUMMARY)$/.test(element.tagName); } function prepareActionElement(element) { if (!element || element.nodeType !== 1 || !getAction(element)) return; if (!isNativeInteractive(element)) { if (!element.hasAttribute("role")) { element.setAttribute("role", "button"); element.setAttribute("data-rys-added-role", "true"); } if (!element.hasAttribute("tabindex")) { element.setAttribute("tabindex", "0"); element.setAttribute("data-rys-added-tabindex", "true"); } } if (!element.hasAttribute("aria-expanded") && (tokenFromClass(element, "rys-open-sheet-") || tokenFromClass(element, "rys-open-reveal-"))) { element.setAttribute("aria-expanded", "false"); } } function handleSheetCloseControlClick(event) { var control = event.currentTarget; var sheet = control && control.closest ? control.closest(".rys-bottom-sheet") : null; event.preventDefault(); event.stopPropagation(); closeTarget(sheet, "sheet", null, true); } function ensureSheetCloseControl(sheet) { if (!sheet || !sheet.classList || !sheet.classList.contains("rys-bottom-sheet")) return null; var children = sheet.children; for (var i = 0; i < children.length; i += 1) { if (children[i].classList.contains(SHEET_CLOSE_CLASS) && children[i].getAttribute("data-rys-added-sheet-close") === "true") { return children[i]; } } var closeButton = document.createElement("button"); closeButton.type = "button"; closeButton.className = SHEET_CLOSE_CLASS; closeButton.setAttribute("aria-label", "Zamknij panel"); closeButton.setAttribute("data-rys-added-sheet-close", "true"); closeButton.textContent = "\u00d7"; closeButton.addEventListener("click", handleSheetCloseControlClick, false); sheet.insertBefore(closeButton, sheet.firstChild); return closeButton; } function prepareTarget(element) { if (!element || element.nodeType !== 1) return; if (!element.classList.contains("rys-bottom-sheet") && !element.classList.contains("rys-reveal")) return; if (element.classList.contains("rys-bottom-sheet")) { ensureSheetCloseControl(element); } element.setAttribute( "aria-hidden", element.classList.contains(OPEN_CLASS) ? "false" : "true" ); } function scan(root) { if (!root || (root.nodeType !== 1 && root.nodeType !== 9)) return; var actionSelector = [ ".rys-back", ".rys-copy-account", "[class*='rys-open-sheet-']", ".rys-close-sheet", "[class*='rys-close-sheet-']", "[class*='rys-open-reveal-']", ".rys-close-reveal", "[class*='rys-close-reveal-']" ].join(","); var targetSelector = ".rys-bottom-sheet,.rys-reveal"; var hiddenButtonSelector = ".rys-hidden-button"; var stickySelector = "." + STICKY_MARKER_CLASS; var comboSelector = "." + COMBO_ACTION_CLASS; var pwaVisibilitySelector = [ "." + PWA_INSTALL_CLASS, "." + IOS_ONLY_CLASS, "." + ANDROID_CHROME_ONLY_CLASS ].join(","); if (root.nodeType === 1) { prepareActionElement(root); prepareTarget(root); if (root.matches(stickySelector)) prepareStickyMarker(root); if (root.matches(comboSelector)) prepareComboAction(root); if (root.matches(pwaVisibilitySelector)) preparePwaVisibility(root); /* * Baserow potrafi przebudowac wnetrze istniejacego kontenera po starcie. * Wtedy wstrzykniety przycisk X znika. Kazda nowa galaz DOM sprawdza * zatem rowniez nadrzedny Sheet i natychmiast odtwarza kontrolke. */ var containingSheet = root.closest(".rys-bottom-sheet"); if (containingSheet && containingSheet !== root) { ensureSheetCloseControl(containingSheet); } if (root.matches(hiddenButtonSelector)) { prepareHiddenButtonContainer(root); } else { var containingHiddenButton = root.closest(hiddenButtonSelector); if (containingHiddenButton) { prepareHiddenButtonContainer(containingHiddenButton); } } } Array.prototype.forEach.call( root.querySelectorAll(actionSelector), prepareActionElement ); Array.prototype.forEach.call( root.querySelectorAll(targetSelector), prepareTarget ); Array.prototype.forEach.call( root.querySelectorAll(hiddenButtonSelector), prepareHiddenButtonContainer ); Array.prototype.forEach.call( root.querySelectorAll(stickySelector), prepareStickyMarker ); Array.prototype.forEach.call( root.querySelectorAll(comboSelector), prepareComboAction ); Array.prototype.forEach.call( root.querySelectorAll(pwaVisibilitySelector), preparePwaVisibility ); } function fallbackCopyText(text) { var textarea = document.createElement("textarea"); textarea.value = text; textarea.setAttribute("readonly", ""); textarea.setAttribute("aria-hidden", "true"); textarea.style.position = "fixed"; textarea.style.top = "0"; textarea.style.left = "-9999px"; textarea.style.opacity = "0"; document.body.appendChild(textarea); textarea.select(); textarea.setSelectionRange(0, textarea.value.length); var copied = false; try { copied = document.execCommand("copy"); } catch (error) { copied = false; } finally { textarea.remove(); } return copied; } function emitCopyResult(trigger, copied) { if (!trigger) return; emit(trigger, "rys:copy", { type: "account-number", value: ACCOUNT_NUMBER, copied: copied }); } function copyAccountNumber(trigger) { if (navigator.clipboard && typeof navigator.clipboard.writeText === "function") { navigator.clipboard.writeText(ACCOUNT_NUMBER).then(function () { emitCopyResult(trigger, true); }).catch(function () { emitCopyResult(trigger, fallbackCopyText(ACCOUNT_NUMBER)); }); return; } emitCopyResult(trigger, fallbackCopyText(ACCOUNT_NUMBER)); } function handleClick(event) { var clickedBackdrop = event.target && event.target.closest ? event.target.closest("." + BACKDROP_CLASS) : null; if (clickedBackdrop) { event.preventDefault(); closeTopSheet(true); return; } var clickedSheet = event.target && event.target.closest ? event.target.closest(".rys-bottom-sheet." + OPEN_CLASS) : null; if (clickedSheet && isSheetCloseZone(event, clickedSheet)) { event.preventDefault(); closeTarget(clickedSheet, "sheet", null, true); return; } var hiddenButtonContainer = findHiddenButtonContainer(event.target); if (hiddenButtonContainer && delegateHiddenButtonClick(event, hiddenButtonContainer)) { return; } var trigger = closestAction(event.target); if (!trigger) return; var action = getAction(trigger); if (action.type === "back" || action.type === "copy-account") { event.preventDefault(); } runAction(trigger, action); } function handleKeydown(event) { if (handleConfirmationKeydown(event)) return; var comboContainer = comboContainerFromEvent(event); if (comboContainer && event.key !== "Tab") { armComboAction(comboContainer); } if (event.key === "Escape") { closeTopSheet(true); return; } if (event.key !== "Enter" && event.key !== " ") return; var hiddenButtonContainer = findHiddenButtonContainer(event.target); if (hiddenButtonContainer && event.target === hiddenButtonContainer) { event.preventDefault(); hiddenButtonContainer.click(); return; } var trigger = closestAction(event.target); if (!trigger || trigger !== event.target || isNativeInteractive(trigger)) return; event.preventDefault(); trigger.click(); } function handlePointerDown(event) { var comboContainer = comboContainerFromEvent(event); if (comboContainer) armComboAction(comboContainer); var element = event.target && event.target.closest ? event.target.closest(".rys-pressable") : null; if (!element) return; if (pressedElement) pressedElement.classList.remove(PRESSED_CLASS); pressedElement = element; pressedElement.classList.add(PRESSED_CLASS); } function clearPressed() { if (!pressedElement) return; pressedElement.classList.remove(PRESSED_CLASS); pressedElement = null; } function destroy() { listeners.forEach(function (entry) { entry[0].removeEventListener(entry[1], entry[2], entry[3]); }); listeners = []; if (observer) observer.disconnect(); observer = null; clearPressed(); if (stickyRefreshTimer !== null) { window.clearTimeout(stickyRefreshTimer); stickyRefreshTimer = null; } stickyRecords.slice().forEach(removeStickyRecord); if (toastRefreshTimer !== null) { window.clearTimeout(toastRefreshTimer); toastRefreshTimer = null; } if (document.documentElement) { document.documentElement.style.removeProperty(TOAST_TOP_PROPERTY); } if (comboRefreshTimer !== null) { window.clearTimeout(comboRefreshTimer); comboRefreshTimer = null; } comboActionRecords.slice().forEach(disposeComboRecord); closeConfirmation(false); if (confirmLayer && confirmLayer.parentNode) { confirmLayer.parentNode.removeChild(confirmLayer); } confirmLayer = null; confirmedActions = new WeakSet(); if (backdrop && backdropWasAdded && backdrop.parentNode) { backdrop.parentNode.removeChild(backdrop); } backdrop = null; backdropWasAdded = false; unlockPageScroll(); Array.prototype.forEach.call( document.querySelectorAll("[data-rys-added-sheet-close='true']"), function (element) { element.removeEventListener("click", handleSheetCloseControlClick, false); if (element.parentNode) element.parentNode.removeChild(element); } ); if (appleTouchIcon && appleTouchIconWasAdded && appleTouchIcon.parentNode) { appleTouchIcon.parentNode.removeChild(appleTouchIcon); } appleTouchIcon = null; appleTouchIconWasAdded = false; Array.prototype.forEach.call( document.querySelectorAll("[data-rys-added-role='true']"), function (element) { element.removeAttribute("role"); element.removeAttribute("data-rys-added-role"); } ); Array.prototype.forEach.call( document.querySelectorAll("[data-rys-added-tabindex='true']"), function (element) { element.removeAttribute("tabindex"); element.removeAttribute("data-rys-added-tabindex"); } ); hiddenActionRecords.forEach(function (record) { var element = record.element; if (!element) return; if (record.style === null) element.removeAttribute("style"); else element.setAttribute("style", record.style); if (record.ariaHidden === null) element.removeAttribute("aria-hidden"); else element.setAttribute("aria-hidden", record.ariaHidden); if (record.tabindex === null) element.removeAttribute("tabindex"); else element.setAttribute("tabindex", record.tabindex); element.removeAttribute("data-rys-hidden-action"); element.removeAttribute("data-rys-combo-action-target"); }); hiddenActionRecords = []; pwaVisibilityRecords.forEach(function (record) { var element = record.element; if (!element || !element.style) return; element.classList.remove(PWA_VISIBLE_CLASS); if (record.display) { element.style.setProperty("display", record.display, record.priority || ""); } else { element.style.removeProperty("display"); } }); pwaVisibilityRecords = []; [pwaPrimaryHotspot, pwaSecondaryHotspot].forEach(function (button) { if (button && button.parentNode) button.parentNode.removeChild(button); }); pwaPrimaryHotspot = null; pwaSecondaryHotspot = null; setPwaScrollLock(false); } function safeScan(root) { try { scan(root); } catch (error) { if (window.console && typeof window.console.warn === "function") { window.console.warn("Rys UI Mini Engine: pominieto element DOM.", error); } } } function init() { pwaDismissedSession = readPwaDismissedSession(); ensureAppleTouchIcon(); ensureBackdrop(); ensureConfirmationLayer(); addListener(document, "click", handlePwaDismissCapture, true); addListener(document, "click", handleConfirmationCapture, true); addListener(document, "click", handleClick, false); addListener(document, "change", handleComboChange, true); addListener(document, "keydown", handleKeydown, false); addListener(document, "pointerdown", handlePointerDown, { passive: true }); addListener(document, "pointerup", clearPressed, { passive: true }); addListener(document, "pointercancel", clearPressed, { passive: true }); addListener(window, "resize", scheduleStickyRefresh, { passive: true }); addListener(window, "resize", refreshPwaHotspots, { passive: true }); addListener(window, "resize", scheduleToastRefresh, { passive: true }); addListener(window, "orientationchange", scheduleStickyRefresh, { passive: true }); addListener(window, "orientationchange", refreshPwaHotspots, { passive: true }); addListener(window, "orientationchange", scheduleToastRefresh, { passive: true }); addListener(window, "scroll", scheduleToastRefresh, { passive: true, capture: true }); addListener(window, "pageshow", refreshPwaVisibility, false); addListener(window, "appinstalled", refreshPwaVisibility, false); addListener(document, "wheel", handleScrollAttempt, { passive: false, capture: true }); addListener(document, "touchmove", handleScrollAttempt, { passive: false, capture: true }); safeScan(document); refreshPwaVisibility(); scheduleStickyRefresh(80); scheduleToastRefresh(100); scheduleComboRefresh(); var initialOpenSheet = document.querySelector( ".rys-bottom-sheet." + OPEN_CLASS ); if (initialOpenSheet) lockPageScroll(null, initialOpenSheet); syncBackdrop(); observer = new MutationObserver(function (mutations) { var refreshAppleIcon = false; var refreshToast = false; mutations.forEach(function (mutation) { if (mutationTouchesBaserowToast(mutation)) refreshToast = true; Array.prototype.forEach.call(mutation.addedNodes, function (node) { safeScan(node); if (node && node.nodeType === 1 && (node.tagName === "LINK" || (node.querySelector && node.querySelector("link[rel~='icon']")))) { refreshAppleIcon = true; } }); if (mutation.target === document.head) refreshAppleIcon = true; }); if (refreshAppleIcon) ensureAppleTouchIcon(); if (refreshToast) scheduleToastRefresh(); scheduleComboRefresh(); refreshPwaVisibility(); }); observer.observe(document.documentElement, { childList: true, subtree: true }); } window[ENGINE_NAME] = { version: VERSION, init: init, destroy: destroy }; if (document.readyState === "loading") { addListener(document, "DOMContentLoaded", init, { once: true }); } else { init(); } })();