@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.30

package/dist/cjs/lib/hooks/useMediaDevice/useMediaDevice.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../provider/stylesProvider/stylesProvider.js"),n=require("../../types/breakpoints/breakpoints.js");exports.useMediaDevice=()=>{const{mediaQueries:i}=t.useStylesContext(),[r,o]=e.useState(()=>{if("undefined"==typeof window||!window.matchMedia)return n.DEVICE_BREAKPOINTS.DESKTOP;const{onlyMobile:e,onlyTablet:t}=i,r=window.matchMedia(e).matches,o=window.matchMedia(t).matches;return r?n.DEVICE_BREAKPOINTS.MOBILE:o?n.DEVICE_BREAKPOINTS.TABLET:n.DEVICE_BREAKPOINTS.DESKTOP});return e.useEffect(()=>{if("undefined"==typeof window||!window.matchMedia)return;const{onlyDesktop:e,onlyMobile:t,onlyTablet:r}=i,a=window.matchMedia(e),E=window.matchMedia(r),s=window.matchMedia(t),d=()=>{s.matches?o(n.DEVICE_BREAKPOINTS.MOBILE):E.matches?o(n.DEVICE_BREAKPOINTS.TABLET):o(n.DEVICE_BREAKPOINTS.DESKTOP)};return a.addEventListener("change",d),E.addEventListener("change",d),s.addEventListener("change",d),d(),()=>{a.removeEventListener("change",d),E.removeEventListener("change",d),s.removeEventListener("change",d)}},[i]),r};
+const e=require("../../provider/stylesProvider/stylesProvider.js"),t=require("../../types/breakpoints/breakpoints.js");let n=require("react");exports.useMediaDevice=()=>{const{mediaQueries:i}=e.useStylesContext(),[r,a]=(0,n.useState)(()=>{if("undefined"==typeof window||!window.matchMedia)return t.DEVICE_BREAKPOINTS.DESKTOP;const{onlyMobile:e,onlyTablet:n}=i,r=window.matchMedia(e).matches,a=window.matchMedia(n).matches;return r?t.DEVICE_BREAKPOINTS.MOBILE:a?t.DEVICE_BREAKPOINTS.TABLET:t.DEVICE_BREAKPOINTS.DESKTOP});return(0,n.useEffect)(()=>{if("undefined"==typeof window||!window.matchMedia)return;const{onlyDesktop:e,onlyMobile:n,onlyTablet:r}=i,E=window.matchMedia(e),o=window.matchMedia(r),d=window.matchMedia(n),s=()=>{d.matches?a(t.DEVICE_BREAKPOINTS.MOBILE):o.matches?a(t.DEVICE_BREAKPOINTS.TABLET):a(t.DEVICE_BREAKPOINTS.DESKTOP)};return E.addEventListener("change",s),o.addEventListener("change",s),d.addEventListener("change",s),s(),()=>{E.removeEventListener("change",s),o.removeEventListener("change",s),d.removeEventListener("change",s)}},[i]),r};

package/dist/cjs/lib/hooks/useRoveFocus/useRoveFocus.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../constants/keyboardKeys/keyboardKeys.js");exports.useRoveFocus=({currentFocusSelected:n=0,keyDownMove:o=1,keyLeftMove:u=-1,keyPageDownMove:r=1,keyPageUpMove:c=-1,keyRightMove:a=1,keyTabMove:s=1,keyUpMove:l=-1,size:f})=>{const[y,k]=e.useState(n),p=e.useRef(null),v=e.useCallback(e=>{switch(e.key){case t.ARROW_DOWN.code:(e=>{null!==o&&(e.preventDefault(),k("function"==typeof o?t=>o(t,e):e=>e===f-1?0:e+o))})(e);break;case t.ARROW_UP.code:(e=>{null!==l&&(e.preventDefault(),k("function"==typeof l?t=>l(t,e):e=>0===e?f-1:e+l))})(e);break;case t.ARROW_LEFT.code:(e=>{null!==u&&(e.preventDefault(),k("function"==typeof u?t=>u(t,e):e=>0===e?f-1:e+u))})(e);break;case t.ARROW_RIGHT.code:(e=>{null!==a&&(e.preventDefault(),k("function"==typeof a?t=>a(t,e):e=>e===f-1?0:e+a))})(e);break;case t.TAB.code:(e=>{null!==s&&k("function"==typeof s?t=>s(t,e):t=>t===f-1?t:(e.preventDefault(),0===t?t+s+1:t+s))})(e);break;case t.PAGE_DOWN.code:(e=>{null!==r&&(e.preventDefault(),k("function"==typeof r?t=>r(t,e):e=>e+r))})(e);break;case t.PAGE_UP.code:(e=>{null!==c&&(e.preventDefault(),k("function"==typeof c?t=>c(t,e):e=>e+c))})(e)}},[f,k,o,l,u,a,s,c,r]);return e.useEffect(()=>{const e=p.current;return e&&e.addEventListener("keydown",v,!1),()=>{e?.removeEventListener("keydown",v,!1)}},[v,p]),[y,k,p]};
+const e=require("../../constants/keyboardKeys/keyboardKeys.js");let t=require("react");exports.useRoveFocus=({currentFocusSelected:n=0,keyDownMove:o=1,keyLeftMove:u=-1,keyPageDownMove:c=1,keyPageUpMove:r=-1,keyRightMove:a=1,keyTabMove:l=1,keyUpMove:s=-1,size:f})=>{const[y,k]=(0,t.useState)(n),v=(0,t.useRef)(null),p=(0,t.useCallback)(t=>{switch(t.key){case e.ARROW_DOWN.code:(e=>{null!==o&&(e.preventDefault(),k("function"==typeof o?t=>o(t,e):e=>e===f-1?0:e+o))})(t);break;case e.ARROW_UP.code:(e=>{null!==s&&(e.preventDefault(),k("function"==typeof s?t=>s(t,e):e=>0===e?f-1:e+s))})(t);break;case e.ARROW_LEFT.code:(e=>{null!==u&&(e.preventDefault(),k("function"==typeof u?t=>u(t,e):e=>0===e?f-1:e+u))})(t);break;case e.ARROW_RIGHT.code:(e=>{null!==a&&(e.preventDefault(),k("function"==typeof a?t=>a(t,e):e=>e===f-1?0:e+a))})(t);break;case e.TAB.code:(e=>{null!==l&&k("function"==typeof l?t=>l(t,e):t=>t===f-1?t:(e.preventDefault(),0===t?t+l+1:t+l))})(t);break;case e.PAGE_DOWN.code:(e=>{null!==c&&(e.preventDefault(),k("function"==typeof c?t=>c(t,e):e=>e+c))})(t);break;case e.PAGE_UP.code:(e=>{null!==r&&(e.preventDefault(),k("function"==typeof r?t=>r(t,e):e=>e+r))})(t)}},[f,k,o,s,u,a,l,r,c]);return(0,t.useEffect)(()=>{const e=v.current;return e&&e.addEventListener("keydown",p,!1),()=>{e?.removeEventListener("keydown",p,!1)}},[p,v]),[y,k,v]};

package/dist/cjs/lib/hooks/useScrollBlock/useScrollBlock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./utils/useScrollBlock.utils.js");exports.useScrollBlock=()=>{const o=e.useRef([]),r=e.useCallback(e=>{const t=e.target;t instanceof Node&&!o.current.some(e=>e?.contains(t))&&e.preventDefault()},[]),l=e.useCallback(e=>{const r=e.target;r instanceof Element&&!t.getFirstScrollableElement({element:r,parentsToStop:o.current})&&e.preventDefault()},[]),n=e.useCallback(e=>{const r=e.target;if(!(r instanceof Element))return;const l=t.getFirstScrollableElement({element:r,parentsToStop:o.current});if(!l)return;const{scrollHeight:n,scrollTop:s}=l;let c=null;l instanceof HTMLElement&&(c=l.offsetHeight),s<=0?l.scrollTo(0,1):null!==c&&s+c>=n&&l.scrollTo(0,n-c-1)},[]),s=e.useCallback(({elementsToOmit:e=[]}={})=>{if("undefined"==typeof document)return;const t=document.documentElement,{body:s}=document;if(!s||!s.style)return;const c=s.getAttribute("data-scroll-blocked");if(c){const e=Number(c)+1;s.setAttribute("data-scroll-blocked",String(e))}else s.setAttribute("data-scroll-blocked","1");o.current=e,o.current.forEach(e=>{e?.addEventListener("touchmove",l,{passive:!1}),e?.addEventListener("touchstart",n)}),document.addEventListener("touchmove",r,{passive:!1});const i=window.innerWidth-t.clientWidth,u=parseInt(window.getComputedStyle(s).getPropertyValue("padding-right"),10)||0;s.style.position="relative",s.style.overflow="hidden",s.style.paddingRight=`${u+i}px`},[]);return{allowScroll:e.useCallback(()=>{if("undefined"==typeof document)return;const{body:e}=document;if(!e||!e.style)return;const t=e.getAttribute("data-scroll-blocked");let s=!1;if(t){const o=Number(t)-1;0===o?e.removeAttribute("data-scroll-blocked"):(e.setAttribute("data-scroll-blocked",String(o)),s=!0)}o.current.forEach(e=>{e?.removeEventListener("touchmove",l),e?.removeEventListener("touchstart",n)}),document.removeEventListener("touchmove",r),s||(e.style.position="",e.style.overflow="",e.style.paddingRight="")},[]),blockScroll:s}};
+const e=require("./utils/useScrollBlock.utils.js");let t=require("react");exports.useScrollBlock=()=>{const o=(0,t.useRef)([]),l=(0,t.useCallback)(e=>{const t=e.target;t instanceof Node&&!o.current.some(e=>e?.contains(t))&&e.preventDefault()},[]),n=(0,t.useCallback)(t=>{const l=t.target;l instanceof Element&&!e.getFirstScrollableElement({element:l,parentsToStop:o.current})&&t.preventDefault()},[]),r=(0,t.useCallback)(t=>{const l=t.target;if(!(l instanceof Element))return;const n=e.getFirstScrollableElement({element:l,parentsToStop:o.current});if(!n)return;const{scrollHeight:r,scrollTop:s}=n;let c=null;n instanceof HTMLElement&&(c=n.offsetHeight),s<=0?n.scrollTo(0,1):null!==c&&s+c>=r&&n.scrollTo(0,r-c-1)},[]),s=(0,t.useCallback)(({elementsToOmit:e=[]}={})=>{if("undefined"==typeof document)return;const t=document.documentElement,{body:s}=document;if(!s||!s.style)return;const c=s.getAttribute("data-scroll-blocked");if(c){const e=Number(c)+1;s.setAttribute("data-scroll-blocked",String(e))}else s.setAttribute("data-scroll-blocked","1");o.current=e,o.current.forEach(e=>{e?.addEventListener("touchmove",n,{passive:!1}),e?.addEventListener("touchstart",r)}),document.addEventListener("touchmove",l,{passive:!1});const i=window.innerWidth-t.clientWidth,u=parseInt(window.getComputedStyle(s).getPropertyValue("padding-right"),10)||0;s.style.position="relative",s.style.overflow="hidden",s.style.paddingRight=`${u+i}px`},[]);return{allowScroll:(0,t.useCallback)(()=>{if("undefined"==typeof document)return;const{body:e}=document;if(!e||!e.style)return;const t=e.getAttribute("data-scroll-blocked");let s=!1;if(t){const o=Number(t)-1;0===o?e.removeAttribute("data-scroll-blocked"):(e.setAttribute("data-scroll-blocked",String(o)),s=!0)}o.current.forEach(e=>{e?.removeEventListener("touchmove",n),e?.removeEventListener("touchstart",r)}),document.removeEventListener("touchmove",l),s||(e.style.position="",e.style.overflow="",e.style.paddingRight="")},[]),blockScroll:s}};

package/dist/cjs/lib/hooks/useScrollBlock/utils/useScrollBlock.utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=e=>e.scrollHeight>e.clientHeight,t=({element:l,parentsToStop:o})=>l&&o.some(e=>e?.contains(l))?e(l)?l:t({element:l.parentElement,parentsToStop:o}):null;exports.getFirstScrollableElement=t,exports.isElementScrollable=e;
+const e=({element:t,parentsToStop:n})=>{return t&&n.some(e=>e?.contains(t))?(l=t).scrollHeight>l.clientHeight?t:e({element:t.parentElement,parentsToStop:n}):null;var l};exports.getFirstScrollableElement=e;

package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js

@@ -0,0 +1 @@
+const e=require("../../utils/scroll/hasScroll.js");let r=require("react");exports.useScrollDetection=({autoFocus:c=!1}={})=>{const[s,t]=(0,r.useState)(!1),l=(0,r.useRef)(),o=(0,r.useRef)(!1);return{handleScrollDetection:(0,r.useCallback)(r=>{if(r){const s=r=>{const s=e.hasScroll(r);t(s),c&&s&&!o.current&&(r.focus(),o.current=!0)};s(r),l.current=new ResizeObserver(()=>{s(r)}),l.current.observe(r)}else l.current?.disconnect()},[c]),hasScroll:s}};

package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../utils/changeCssProperty/changeCssProperty.js"),t=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:c=!0,scrollCallback:s,shadowStyles:l,shadowVisible:n=1})=>{const u=e.useRef(null),a=e.useRef(null),o=e.useRef(null),i=e.useRef(0),p=e.useRef(0),d=e.useCallback(()=>{if(!u.current)return;const e=t.scrollPercentage(u.current,1.25);if(a.current){const t=e*i.current/100,c=e*p.current/100,s=[{cssPropertyName:"min-height",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${p.current}px - ${c}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${p.current}px - ${c}px)`}];r.changeCssProperty(a.current,s)}o.current&&(e>n?o.current.classList.add(...l.split(" ")):o.current.classList.remove(...l.split(" ")))},[c,l,n]),h=e.useCallback(e=>{e?(u.current=e,d(),u.current?.addEventListener("scroll",e=>{d(),s?.(e)})):(u.current?.removeEventListener("scroll",e=>{d(),s?.(e)}),u.current=null)},[d,s]);return{resizeRef:e.useCallback(e=>{const r=()=>{a.current&&(i.current=a.current.clientHeight,p.current=a.current.clientWidth)};e?(a.current=e,a.current?.addEventListener("load",r)):(a.current?.removeEventListener("load",r),a.current=null)},[]),scrollableRef:h,shadowRef:e.useCallback(e=>{o.current=e||null},[])}};
+const e=require("./utils/scrollPercentage.js");let r=require("react");exports.useScrollEffect=({conditional:t=!0,scrollCallback:c,shadowStyles:n,shadowVisible:u=1})=>{const s=(0,r.useRef)(null),l=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(0),i=(0,r.useRef)(0),f=(0,r.useRef)(null),p=(0,r.useRef)(null),m=(0,r.useRef)(null),d=(0,r.useCallback)(()=>{if(!t||!s.current)return;const r=e.scrollPercentage(s.current,1.25);if(l.current&&o.current>0){const e=r*o.current/100,t=r*i.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${o.current}px - ${e}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${o.current}px - ${e}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${i.current}px - ${t}px)`}].forEach(({cssPropertyName:e,cssPropertyValue:r})=>{l.current?.style.setProperty(e,r)})}if(a.current&&n){const e=n.split(" ");r>u?a.current.classList.add(...e):a.current.classList.remove(...e)}},[t,n,u]),y=(0,r.useCallback)(e=>{null!==f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>{d(),c?.(e),f.current=null})},[d,c]);(0,r.useEffect)(()=>{p.current=y},[y]);const P=(0,r.useCallback)(e=>{s.current&&p.current&&s.current.removeEventListener("scroll",p.current),s.current=e,e&&p.current&&(e.addEventListener("scroll",p.current),d())},[d]),h=(0,r.useCallback)(e=>{const r=()=>{l.current&&(o.current=l.current.clientHeight,i.current=l.current.clientWidth)};l.current&&m.current&&l.current.removeEventListener("load",m.current),m.current=r,l.current=e,e&&(e.addEventListener("load",r),r())},[]),v=(0,r.useCallback)(e=>{a.current=e},[]);return(0,r.useEffect)(()=>()=>{null!==f.current&&cancelAnimationFrame(f.current),s.current&&p.current&&s.current.removeEventListener("scroll",p.current),l.current&&m.current&&l.current.removeEventListener("load",m.current)},[]),{resizeRef:h,scrollableRef:P,shadowRef:v}};

package/dist/cjs/lib/hooks/useScrollEffect/utils/scrollPercentage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.scrollPercentage=(e,t=1)=>{const{clientHeight:r,scrollHeight:o,scrollTop:l}=e;if(o>r){const e=o/r;return 100*(e>t?l*e:l/(2*e))/(o-r)}return 0};
+exports.scrollPercentage=(e,r=1)=>{const{clientHeight:t,scrollHeight:c,scrollTop:l}=e;if(c>t){const e=c/t;return 100*(e>r?l*e:l/(2*e))/(c-t)}return 0};

package/dist/cjs/lib/hooks/useSwipeDown/useSwipeDown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./utils/convertDurationToNumber.js");exports.useSwipeDown=(r,n)=>{const u=e.useRef(null),o=e.useRef(null),c=e.useCallback(e=>{u.current=e||null},[]),s=e.useRef(0),i=e.useRef(0),l=e.useRef(0),v=e.useRef(!1),a=e=>{const t=u?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?i.current=e.touches[0].clientY:i.current=e.clientY,v.current=!0,l.current=null)},m=e=>{const t=u?.current;if(!v.current||!t)return;"touchmove"===e.type&&null!==l?l.current=e.touches[0].clientY:l.current=e.clientY;const r=i.current-l.current;l.current<i.current||(t.style.bottom=`${s.current+r}px`)},d=1e3*((t.convertDurationToNumber(r?.exitDuration)||t.convertDurationToNumber(r?.duration)||0)+(t.convertDurationToNumber(r?.delay)||0)),p=async()=>{const e=u?.current;if(!e||!l.current)return;if(v.current=!1,e.style.setProperty("transition",`bottom ${d}ms linear`),l.current<i.current+30)return void(e.style.bottom="0px");const t=s.current+e.scrollHeight;var r;e.style.bottom=`-${t}px`,await(r=d,new Promise(e=>setTimeout(e,r))),n?.()};return{setDragIconRef:e.useCallback(e=>{e?(o.current=e,o?.current?.addEventListener("mousedown",a),o?.current?.addEventListener("mousemove",m),o?.current?.addEventListener("mouseup",p),o?.current?.addEventListener("touchstart",a),o?.current?.addEventListener("touchmove",m),o?.current?.addEventListener("touchend",p)):(o?.current?.removeEventListener("mousedown",a),o?.current?.removeEventListener("mousemove",m),o?.current?.removeEventListener("mouseup",p),o?.current?.removeEventListener("touchstart",a),o?.current?.removeEventListener("touchmove",m),o?.current?.removeEventListener("touchend",p),o.current=null)},[]),setPopoverRef:c}};
+let e=require("react");exports.useSwipeDown=({handleClose:t})=>{const n=(0,e.useRef)(null),r=(0,e.useRef)(null),u=(0,e.useRef)(!1),s=(0,e.useRef)(""),o=(0,e.useRef)(0),c=(0,e.useRef)(null),v=(0,e.useCallback)(e=>{n.current=e},[]);return{setDragIconRef:(0,e.useCallback)(e=>{if(c.current&&(c.current(),c.current=null),r.current=e,e){const r=e=>"touches"in e?(e.touches[0]||e.changedTouches[0])?.clientY||0:e.clientY,v=e=>{u.current&&n.current&&(u.current=!1,r(e)-o.current>30?t?.():n.current.style.bottom=s.current)},d=e=>{if(!u.current||!n.current)return;e.preventDefault();const t=r(e)-o.current;t>0&&(n.current.style.bottom=`-${t}px`)},m=e=>{!u.current&&n.current&&(e.preventDefault(),u.current=!0,o.current=r(e),s.current=window.getComputedStyle(n.current).bottom,document.addEventListener("mousemove",d,{passive:!1}),document.addEventListener("mouseup",v,{passive:!1}),document.addEventListener("touchmove",d,{passive:!1}),document.addEventListener("touchend",v,{passive:!1}))};e.addEventListener("mousedown",m,{passive:!1}),e.addEventListener("touchstart",m,{passive:!1}),c.current=()=>{e.removeEventListener("mousedown",m),e.removeEventListener("touchstart",m),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",v),document.removeEventListener("touchmove",d),document.removeEventListener("touchend",v),u.current=!1}}},[t]),setPopoverRef:v}};

package/dist/cjs/lib/hooks/useSwipeDown/utils/convertDurationToNumber.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.convertDurationToNumber=e=>{if(!e)return 0;if("number"==typeof e)return e;const r=Number(e.replace("ms","").replace("s",""));return e.includes("s")&&!e.includes("ms")?1e3*r:r};
+exports.convertDurationToNumber=e=>{if(!e)return 0;if("number"==typeof e)return e;const r=Number(e.replace("ms","").replace("s",""));return e.includes("s")&&!e.includes("ms")?1e3*r:r};

package/dist/cjs/lib/hooks/useTrapFocus/useTrapFocus.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../utils/focusHandlers/focusHandlers.js");exports.useTrapFocus=({ref:n,trapFocus:r=!1})=>{e.useEffect(()=>{const e=e=>{if(!n.current||"Tab"!==e.key)return;const r=t.getFocusableDescendants({element:n.current});if(!r.length)return void(n.current.contains(document.activeElement)&&e.preventDefault());const o=r[0],u=r[r.length-1];if(!e.shiftKey&&document.activeElement===u)return o?.focus(),void e.preventDefault();if(e.shiftKey&&document.activeElement===o)return u?.focus(),void e.preventDefault();if(o?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_PRECEDING||u?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_FOLLOWING){if(e.shiftKey)return u?.focus(),void e.preventDefault();o?.focus(),e.preventDefault()}};return r&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[r])};
+const e=require("../../utils/focusHandlers/focusHandlers.js");let t=require("react");exports.useTrapFocus=({ref:n,trapFocus:r=!1})=>{(0,t.useEffect)(()=>{const t=t=>{if(!n.current||"Tab"!==t.key)return;const r=e.getFocusableDescendants({element:n.current});if(!r.length)return void(n.current.contains(document.activeElement)&&t.preventDefault());const o=r[0],u=r[r.length-1];if(!t.shiftKey&&document.activeElement===u)return o?.focus(),void t.preventDefault();if(t.shiftKey&&document.activeElement===o)return u?.focus(),void t.preventDefault();if(o?.compareDocumentPosition(t.target)&Node.DOCUMENT_POSITION_PRECEDING||u?.compareDocumentPosition(t.target)&Node.DOCUMENT_POSITION_FOLLOWING){if(t.shiftKey)return u?.focus(),void t.preventDefault();o?.focus(),t.preventDefault()}};return r&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[r])};

package/dist/cjs/lib/provider/cssProvider/provider.js

@@ -1 +1 @@
-import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#l;#m;#o=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#a=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#l}-foreign-before-${t+1}`;this.#o(e,s)}),this.#o(t,this.#l),n.forEach((e,t)=>{const s=`${this.#l}-foreign-after-${t+1}`;this.#o(e,s)})};#c=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#l}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:l}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#l=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#m=!!l,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#m&&(this.#c(),this.#a(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#m&&(this.#c(),this.#a(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}
+import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#r;#h;#o;#a;#c=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s));const i=new URL(e,import.meta.url).href;s.href=i};#l=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#o}-foreign-before-${t+1}`;this.#c(e,s)}),this.#c(t,this.#o),n.forEach((e,t)=>{const s=`${this.#o}-foreign-after-${t+1}`;this.#c(e,s)})};#m=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#o}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:o}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#r=n,this.#h=h,this.#o=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#a=!!o,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#a&&(this.#m(),this.#l(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#a&&(this.#m(),this.#l(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#r[this.#e]}get mediaQueries(){return this.#h[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},r=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(r&&r in i){const e=i[r];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}