material-inspired-component-library 8.0.4 → 8.1.1

package/dist/list.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";var e={d:(t,i)=>{for(var r in i)e.o(i,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:i[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};return(()=>{e.r(t),e.d(t,{default:()=>n,listSelector:()=>i});const i=".micl-list",r=e=>e?.matches(":has(input[type=checkbox]:checked)"),n={keydown(e){const t=e.target;if(!(e instanceof KeyboardEvent&&t?.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three")))return;const i=t.parentElement;if(!i)return;const n=i instanceof HTMLDetailsElement;let l=[];if(n?l=Array.from(i.parentElement?.children||[]).map(e=>e.querySelector(":scope > summary")).filter(Boolean):["UL","OL"].includes(i.tagName)&&(l=Array.from(i.children).filter(e=>e instanceof HTMLLIElement&&"separator"!==e.getAttribute("role"))),l=l.filter(e=>!(e=>e?.classList.contains("micl-list-item--disabled"))(e)),!l.length)return;const o=l.indexOf(t);if(-1===o)return;let a=o;switch(e.key){case"ArrowDown":e.preventDefault(),a=(o+1)%l.length;break;case"ArrowUp":e.preventDefault(),a=(o-1+l.length)%l.length;break;case"Tab":if(!n){const e=l.findIndex(r);a=-1===e?0:e}break;case" ":case"Enter":if(n)break;" "===e.key&&e.preventDefault();const i=t.querySelector("input[type=checkbox], a[href], button");i instanceof HTMLInputElement?(i.checked=!i.checked,i.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))):i?.click()}a!==o&&(n||(t.setAttribute("tabindex","-1"),l[a].setAttribute("tabindex","0")),l[a].focus())},initialize(e){e.dataset.miclinitialized||(e.dataset.miclinitialized="1",e.querySelectorAll(":scope > details > summary.micl-list-item--disabled").forEach(e=>e.setAttribute("tabindex","-1")),e.querySelector('li[tabindex="0"]')&&e.querySelectorAll('li:not([role="separator"])').forEach(e=>{"0"!==e.getAttribute("tabindex")&&e.setAttribute("tabindex","-1"),e.querySelectorAll("a, button, input").forEach(e=>e.setAttribute("tabindex","-1")),(e=>e?.matches(":has(input[type=checkbox])"))(e)&&(e.setAttribute("role","option"),e.parentElement?.setAttribute("role","listbox"))}))}}})(),t})());

package/dist/menu.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";var e={d:(t,o)=>{for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};return(()=>{e.r(t),e.d(t,{default:()=>r,menuSelector:()=>o});const o=".micl-menu[popover]",r=(()=>{const e=e=>Array.from(e.children).filter(e=>e instanceof HTMLLIElement&&"separator"!==e.getAttribute("role")&&!e.classList.contains("micl-list-item--disabled")&&e.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three"));return{initialize:t=>{if(!t.matches(".micl-menu[popover]")||t.dataset.miclinitialized)return;t.dataset.miclinitialized="1";const o=document.querySelector(`[popovertarget="${t.id}"]`);o&&t.addEventListener("beforetoggle",()=>{t.style.transformOrigin=((e,t)=>{const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return(o.x>r.x?"right ":"left ")+(o.y>r.y?"bottom":"top")})(o,t)}),t.addEventListener("keydown",o=>{if("ArrowDown"!==o.key&&"ArrowUp"!==o.key)return;const r=o.target;if(!(r instanceof HTMLElement&&r.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three")))return;const n=r.parentElement;if(!n?.matches("ul.micl-list"))return;if(n.parentElement!==t)return;const i=Array.from(t.querySelectorAll(":scope > ul.micl-list"));if(i.length<2)return;const l=i.indexOf(n),s=e(n),c=s.indexOf(r);if(-1===c)return;let a;if("ArrowDown"===o.key&&c===s.length-1){const t=(l+1)%i.length;a=e(i[t])[0]}else if("ArrowUp"===o.key&&0===c){const t=(l-1+i.length)%i.length,o=e(i[t]);a=o[o.length-1]}a&&(o.preventDefault(),o.stopPropagation(),r.setAttribute("tabindex","-1"),a.setAttribute("tabindex","0"),a.focus())},!0),t.querySelectorAll(":scope > ul.micl-list > li > button[popovertarget]").forEach(e=>{if(e.popoverTargetElement?.matches(".micl-menu[popover]")){const t=e.popoverTargetElement,o=`--${t.id}`;let r;e.style.setProperty("anchor-name",o),t.style.insetBlockStart=`anchor(${o} start)`,t.style.insetInlineStart=`anchor(${o} end)`;const n=()=>{clearTimeout(r),r=setTimeout(()=>{e.matches(":hover")||t.matches(":hover")||t.hidePopover()},300)};e.addEventListener("mouseenter",()=>{clearTimeout(r),t.showPopover()}),e.addEventListener("mouseleave",n),t.addEventListener("mouseenter",()=>{clearTimeout(r)}),t.addEventListener("mouseleave",n)}})}}})()})(),t})());