ÿØÿà JFIF    ÿÛ „  ( %!1"%)+...383-7(-.+  -%%--------+------------/----------------------------ÿÀ  ¶" ÿÄ     ÿÄ @    !1AQaq‘¡"±ÁÑð2’BRráS‚ñ3b¢CT²Ò #cÿÄ    ÿÄ '   1!AQ2a"‘±#ÿÚ   ? ò(/p‘—–¢·,M|¯G»R£üešT. ôŸEoCFñ‡ 4ÔkåóxR|µÁ¨ÓDà!Ç´µ˜‡p ÍQ‹§!þž^õWsŒy  åÁ§$á«%ºq˜™JyyË0y«^Ϗ -3ÃÏËÈ£Æ\P’ä„s&•‹Üs üô'àWt¹pñCp$bÚF`·7.^)¾!)ÒÙ˜–ÅÏš^h¾ø³·ìe±ŒaeÖ—Í,e=B}Jéߦ$$½—šÙÜCC¯¶è8β–Åkèwx LÉngT±æ¹£Ócœ¿Í/©Éÿ ‰ÚCÒ­mq;Tt¶–}0"zÖPcd1š­¤tˆ„ÐÓâqú[™öUCŠ2޿د­É(¸ßúçšmW,Ò ºf‹Ån™ÄLêÁ8üÁkÁ€L¥ÍuJ1œôrÂSŒÓöt!7EUíïb)AËi¬â-ÙHk8òÁiXYwÅ)O^"ÇØriÛô{»wRUKÙÏÚlÓ¬€‚’שT ] ªb—ÊîKC^×M“xùäñz¬zJ× {4[¹M'IÆeH1LCWÕ]œûº WDæà°OÅ‚¹c²ÞuA–rL`HšpCez‡V’— Ž‚Ë„–ñ­'µR0ÕÖ=À:±G»C\nÆÉ5*¢ †3šhQ4ýÒi$Õ1"Ü]¢p-q3zcQ$ªö¨¥æf›‘»´ÝÚHá„e²JÇ–iÊ:·à¬Øc5Åk»Laª*wi [0Ówk ¦a¦0Õ²ÅÅ‚T¸’³q:Æ<¹ú Ò˜Æ}2VE•Ð€p¡Ô3Úº …h³^LJºçì¥Ánó|˜ÖˆÎˆ+« ¦dø‘Mº–d\ªDðÛ„Ì×LÝ——Ð9Ç|•FèçVm™¨€™3õS–9Äå¢<̉Ìm¢±`·º˜&Z²ž Ë®D«¶»6™‰©­HÈ Àá«h­i³04æ’hxœi3ï¨(ÓL·†‹¶ËpŒ ƒÜÒ? :õdsÀ –3æÓ·Üjâ¬9—]8n¼&]I F£¼…ì–—Œ0v°LǐÅfÛ2TÖ’aµ˜N@ÖBSÏ^à´4-±°b×nÈÈœÆD=KdŒø…ÄÈK,›ÖR§fjü$^ÔÎ!„6^ s:Üun\ôkCÞò÷<—Lúl Í›G¹ÀPá¼Nc¡šÒ…ÙWͳœ±vÊáЄ×9‹P‰cEØ‘™›µŸP<×g1 º©Ø¬wiÁ^l5× I/';Ë+´Z‡ÓÄFÕp[Èð’ HÄ ó 9¬Dl4“é±Ï”V=^Hð;žLädÉa‚°Ë,#/Ž~²BÔÛ QãñQtIeórVB,ÏÂf‹4#Îœc‹É3ZIÖ Œ¢¥·üxa‡Ãçè„jŠ[5 Ä!U?,3žÎ×…ðdÓ÷háŠA‰ìÄ4÷ÃÜZÃE{‰®+W\ZÍE[‰»µk»MÝ­`¢©†˜ÃV‹-f¢¡†¢a«eŠ%«Y¨©q%jâd,Ôq`) ¤¦…šˆ ¦E>0Ùb²t–Ÿ  ÷jsÏ‚Ò’KÈcø(é›;k(’#ôŒQ ™C> õ³M9óºÆµ¤çâ;uÀ)5>RÔ¸fÓ~Ȧ—’-$fe«"FâUˆÊwµPÏu w+"åÉó¨6s™Û9(À¨ù©hE°½†n`m~“@©›p!Vkhµ Á1šbEqqÊ@ºèl›2 –Yã%‘‚hÛ{a¶‡ÅÞM²¬çL34®Çl]®‹ŽØŒm'RÜe35æöˆ­Á­ cP9šeÁköo´L³Ì=p8]”‡B¶,šº|ɏdzXˆØk*ÇÚ{#ñ‰pã(€¶‡9ý'šÜ³½¯kƒ†Â’ëSOƒ•Å®H6+a¢µˆ‹Y¨b˜b+XˆÖ!°u!¢"µˆˆn2ˆ Å0Ä`Å Ô®c(ÓÜGº•Ä»Œ âWî%q.áÐÄ÷î%umÍ£+ÜQ,Vn¦-GphU¸¢X­&,Gt ·K¢ÅÅ·¥RÄÊÉbKn N­R2g$VµÕó Qr#–ÓZUÏð0ÎtÙÀœz ëöo“Îk¯n„T°"SÞ+³/…€½"ižãO%Í%&Δâ‘ËØ´IˆÓ°Ë‰ÞM3.™yçÁzit›`4C`k¢¼á!álÄï sÂ[×!¤l¾æo"ƒIÔ'@ªu)3›ô®“@Z à¾] üœ'‡4¸PÞkÁ-qÄH‰ÓÍBd´ÿ —¹°ÄA&ÊUC„öz‚‚RæŠtf¬>˜ÑidšEçÑL÷áý¡V±h§­c¿¥¨ƒ@g¼…Ýö^ÞËc.ž„æ“I[ ª+·zÐÒÚ,½Ð»¶€C›7jk$๖€Ž¾ÅÙpp¶ÍþéΤ ½ØÎŒq ñpæžÅ¥#Øâ49ÃÂK^MYV“,¶Éz_òæ:…;Õ«¦I3âJ£¤û5$7Èxün\â]Êe¯(Ÿ&Ž‹¶2<6Ćf× æ¢ƱqWı[(ÙÂŽç‚T7¨@ÈÉÍß‚ïÙ"&3TYlGŽ†)†#5ŠA©^T2ÆÁ†)©†©†¤yGXÁ†©"†)©¼ÅV WS†#©]R–r‹q5ÕbâWþBh¯u+ªÅÄ×ü„nÑ^êkªÁj‰jeœWˆÕÕ`µDµ2Ì+Ä µDµµ5Ô{¤Þ0RF’H÷AÛ<ÊÁ§ ƈæ0Ñ£ê4 öÚµ[¬/1²€â<-¬šö²r×0o×w ´xÐÒË„ g01¬„åEM蛇Ã\6µE›‘fÙO k÷CºnÓ1`iîÒ² áÂ!ÑLÄÿ ³¬\õ*:M=Ç»c‹2[‰ØsÕLò\ŒK L^™üÄN\¶#» Ç\……ßïIœÉ$¸ÎñÍ®ÔHÇ Ûí/´>Li”„†g^$ 7NÍÑÑ2M2ªNg=k½Ð}Ÿl6‡ —JWˆ”ÞéT·+µ¦üÂFè¢Vs6ýÆ4»2+2IÝ9ô9®ÇGÙÇ1+Ä8;*Õ§ž½D*îÑWÚçá3Ma¤·ˆ¥t}š²Ü…Q+Æüµ8HíS”üxGéÁˆ¦Ël„éÈ 5 µÄƒ6äÜ(kIš¯S†fÖ&¸®×v|Äyˆ*禌Éù@7-®Ä[]ÎÖ¿ê`º…=:…žJVnݳvðÖKE¼‚ »mà ÷f®:Ë ™–4rð¡4` ܹçž~‹C=œ…¾Ïj|VDtK.ƒ"9 Ï ­–éXá³6WÒïIL-Ї Ç home/smkb8269/public_html/lms.smk-almanshuriyah.sch.id/lib/amd/src/menu_navigation.js000064400000022317152267273300024514 0ustar00// This file is part of Moodle - http://moodle.org/ // // Moodle is free software: you can redistribute it and/or modify // it under the terms of the GNU General Public License as published by // the Free Software Foundation, either version 3 of the License, or // (at your option) any later version. // // Moodle is distributed in the hope that it will be useful, // but WITHOUT ANY WARRANTY; without even the implied warranty of // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the // GNU General Public License for more details. // // You should have received a copy of the GNU General Public License // along with Moodle. If not, see . /** * Keyboard initialization for a given html node. * * @module core/menu_navigation * @copyright 2021 Moodle * @author Mathew May * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ const SELECTORS = { 'menuitem': '[role="menuitem"]', 'tab': '[role="tab"]', 'dropdowntoggle': '[data-bs-toggle="dropdown"]', }; let openDropdownNode = null; /** * Small helper function to check if a given node is null or not. * * @param {HTMLElement|null} item The node that we want to compare. * @param {HTMLElement} fallback Either the first node or final node that can be focused on. * @return {HTMLElement} */ const clickErrorHandler = (item, fallback) => { if (item !== null) { return item; } else { return fallback; } }; /** * Control classes etc of the selected dropdown item and its' parent * * @param {HTMLElement} src The node within the dropdown the user selected. */ const menuItemHelper = src => { let parent; // Do not apply any actions if the selected dropdown item is explicitly instructing to not display an active state. if (src.dataset.disableactive) { return; } // Handling for dropdown escapes. // A bulk of the handling is already done by aria.js just add polish. if (src.classList.contains('dropdown-item')) { parent = src.closest('.dropdown-menu'); const dropDownToggle = document.getElementById(parent.getAttribute('aria-labelledby')); dropDownToggle.classList.add('active'); dropDownToggle.setAttribute('tabindex', 0); } else if (src.matches(`${SELECTORS.tab},${SELECTORS.menuitem}`) && !src.matches(SELECTORS.dropdowntoggle)) { parent = src.parentElement.parentElement.querySelector('.dropdown-menu'); } else { return; } // Remove active class from any other dropdown elements. Array.prototype.forEach.call(parent.children, node => { const menuItem = node.querySelector(SELECTORS.menuitem); if (menuItem !== null) { menuItem.classList.remove('active'); // Remove aria selection state. menuItem.removeAttribute('aria-current'); } }); // Set the applicable element's selection state. if (src.getAttribute('role') === 'menuitem') { src.setAttribute('aria-current', 'true'); } }; /** * Defined keyboard event handling so we can remove listeners on nodes on resize etc. * * @param {event} e The triggering element and key presses etc. */ const keyboardListenerEvents = e => { const src = e.srcElement; const firstNode = e.currentTarget.firstElementChild; const lastNode = findUsableLastNode(e.currentTarget); // Handling for dropdown escapes. // A bulk of the handling is already done by aria.js just add polish. if (src.classList.contains('dropdown-item')) { if (e.key == 'ArrowRight' || e.key == 'ArrowLeft') { e.preventDefault(); if (openDropdownNode !== null) { openDropdownNode.parentElement.click(); } } if (e.key == ' ' || e.key == 'Enter') { e.preventDefault(); menuItemHelper(src); if (!src.parentElement.classList.contains('dropdown')) { src.click(); } } } else { const rtl = window.right_to_left(); const arrowNext = rtl ? 'ArrowLeft' : 'ArrowRight'; const arrowPrevious = rtl ? 'ArrowRight' : 'ArrowLeft'; if (src.getAttribute('role') === 'menuitem') { // When not rendered within a dropdown menu, handle keyboard navigation if the element is rendered as a menu item. if (e.key == arrowNext) { e.preventDefault(); setFocusNext(src, firstNode); } if (e.key == arrowPrevious) { e.preventDefault(); setFocusPrev(src, lastNode); } // Let aria.js handle the dropdowns. if (e.key == 'ArrowUp' || e.key == 'ArrowDown') { openDropdownNode = src; e.preventDefault(); } if (e.key == 'Home') { e.preventDefault(); setFocusHomeEnd(firstNode); } if (e.key == 'End') { e.preventDefault(); setFocusHomeEnd(lastNode); } } if (e.key == ' ' || e.key == 'Enter') { e.preventDefault(); // Aria.js handles dropdowns etc. if (!src.parentElement.classList.contains('dropdown')) { src.click(); } } } }; /** * Defined click event handling so we can remove listeners on nodes on resize etc. * * @param {event} e The triggering element and key presses etc. */ const clickListenerEvents = e => { const src = e.srcElement; menuItemHelper(src); }; /** * The initial entry point that a given module can pass a HTMLElement. * * @param {HTMLElement} elementRoot The menu to add handlers upon. */ export default elementRoot => { // Remove any and all instances of old listeners on the passed element. elementRoot.removeEventListener('keydown', keyboardListenerEvents); elementRoot.removeEventListener('click', clickListenerEvents); // (Re)apply our event listeners to the passed element. elementRoot.addEventListener('keydown', keyboardListenerEvents); elementRoot.addEventListener('click', clickListenerEvents); }; /** * Handle the focusing to the next element in the dropdown. * * @param {HTMLElement|null} currentNode The node that we want to take action on. * @param {HTMLElement} firstNode The backup node to focus as a last resort. */ const setFocusNext = (currentNode, firstNode) => { const listElement = currentNode.parentElement; const nextListItem = ((el) => { do { el = el.nextElementSibling; } while (el && !el.offsetHeight); // We only work with the visible tabs. return el; })(listElement); const nodeToSelect = clickErrorHandler(nextListItem, firstNode); const parent = listElement.parentElement; const isTabList = parent.getAttribute('role') === 'tablist'; const itemSelector = isTabList ? SELECTORS.tab : SELECTORS.menuitem; const menuItem = nodeToSelect.querySelector(itemSelector); menuItem.focus(); }; /** * Handle the focusing to the previous element in the dropdown. * * @param {HTMLElement|null} currentNode The node that we want to take action on. * @param {HTMLElement} lastNode The backup node to focus as a last resort. */ const setFocusPrev = (currentNode, lastNode) => { const listElement = currentNode.parentElement; const nextListItem = ((el) => { do { el = el.previousElementSibling; } while (el && !el.offsetHeight); // We only work with the visible tabs. return el; })(listElement); const nodeToSelect = clickErrorHandler(nextListItem, lastNode); const parent = listElement.parentElement; const isTabList = parent.getAttribute('role') === 'tablist'; const itemSelector = isTabList ? SELECTORS.tab : SELECTORS.menuitem; const menuItem = nodeToSelect.querySelector(itemSelector); menuItem.focus(); }; /** * Focus on either the start or end of a nav list. * * @param {HTMLElement} node The element to focus on. */ const setFocusHomeEnd = node => { node.querySelector(SELECTORS.menuitem).focus(); }; /** * We need to look within the menu to find a last node we can add focus to. * * @param {HTMLElement} elementRoot Menu to find a final child node within. * @return {HTMLElement} */ const findUsableLastNode = elementRoot => { const lastNode = elementRoot.lastElementChild; // An example is the more menu existing but hidden on the page for the time being. if (!lastNode.classList.contains('d-none')) { return elementRoot.lastElementChild; } else { // Cast the HTMLCollection & reverse it. const extractedNodes = Array.prototype.map.call(elementRoot.children, node => { return node; }).reverse(); // Get rid of any nodes we can not set focus on. const nodesToUse = extractedNodes.filter((node => { if (!node.classList.contains('d-none')) { return node; } })); // If we find no elements we can set focus on, fall back to the absolute first element. if (nodesToUse.length !== 0) { return nodesToUse[0]; } else { return elementRoot.firstElementChild; } } };