@carbon/utilities 0.16.0 → 0.17.0

package/es/carousel/carousel.js

@@ -1 +1 @@
-import{registerSwipeEvents as C}from"./swipeEvents";const ne=(i,S)=>{const r="carousel";let n=[0],m=[0];const l={},h=4,{onViewChangeStart:v,onViewChangeEnd:k,excludeSwipeSupport:E,useMaxHeight:$}=S||{},V=(e,t)=>{l[e]=t},A=(e,t)=>{if(e.querySelector(`.${t}`))return;const o=document.createElement("div");for(o.classList.add(`${t}`);e.firstChild;)o.appendChild(e.firstChild);e.appendChild(o)},R=()=>n.map(e=>({id:e,elem:l[e]})),L=()=>{const e=Object.keys(l).length,t=l[e-1],o=R();return{currentIndex:n[0],lastIndex:parseInt(t?.dataset.index||n[0].toString(),10),totalViews:e,historyStack:o}},H=()=>{m=[...n];const e=L();v?.(e)},T=e=>{if(!e)return;const t=e.dataset.index;if(t&&n[0]===parseInt(t,10)){const o=L();k?.(o)}},w=e=>{const o=Object.keys(l).length-1;return Math.max(0,Math.min(e,o))},M=e=>{const t=w(e);n[0]!==t&&(H(),n=[t,...n],u(!1))},I=e=>{T(e)},W=(e,t,o,s,a)=>{e.classList.add(`${r}__view`),e.classList.toggle(`${r}__view-in-stack`,t&&!o),e.classList.toggle(`${r}__view-active`,t&&o),a&&!s&&e.classList.add(`${r}__view-recycle-in`),!a&&s&&e.classList.add(`${r}__view-recycle-out`)},_=e=>{e.classList.remove(`${r}__view-recycle-in`,`${r}__view-recycle-out`)},y=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),b=e=>{const t=y(h);if(i.clientHeight<t){e<t&&(e=t);const s=i.querySelector(`.${r}__itemsWrapper`);s&&(s.style.blockSize=`${e}px`)}},u=e=>{let t=0,o=0;Array.from(d).forEach((s,a)=>{const N=n.findIndex(c=>c===a),x=m.filter(c=>c===a).length,P=m.length>n.length&&m[0]===a&&x>0,B=m.length<n.length&&n[0]===a&&x>0,G=N>-1,J=a===n[0];if(W(s,G,J,P,B),e){V(a,s),setTimeout(()=>{if($){const p=Array.from(d).map(K=>K.scrollHeight);o=Math.max(...p),s.style.position="absolute",b(o)}else(!t||s.offsetHeight<t&&t>y(h))&&(t=s.offsetHeight),s.style.position="absolute",b(t)});const c=p=>{_(s),p.target===l[n[0]]&&I(s)};s._carouselListener=c,s.addEventListener("animationend",c),s.addEventListener("transitionend",c),s.setAttribute("data-index",a.toString())}}),e&&T(Array.from(d)[0])},f=()=>{const e=n[0]+1;M(e)},g=()=>{n.length-1>=1&&(H(),n=n.slice(1),u(!1))},q=e=>{M(e)},z=()=>({index:n[0],item:l[n[0]]}),j=()=>{Array.from(d).forEach(e=>{_(e)}),m=[0],n=[0],u(!1)},D=()=>{Object.values(l).forEach(e=>{const t=e;e&&t._carouselListener&&(e.removeEventListener("animationend",t._carouselListener),e.removeEventListener("transitionend",t._carouselListener))}),E||C(i,f,g,!0)},O=e=>{const t=e.querySelector("slot");return t?t.assignedElements({flatten:!0}):Array.from(e.children)};A(i,`${r}__itemsWrapper`);const F=i.querySelector(`.${r}__itemsWrapper`),d=O(F);return i.classList.add(`${r}__view-stack`),u(!0),E||C(i,f,g,!1),{next:f,prev:g,reset:j,goToIndex:q,getActiveItem:z,destroyEvents:D,allViews:l}};export{ne as initCarousel};
+import{registerSwipeEvents as C}from"./swipeEvents";const X=(l,k)=>{const r="carousel";let s=[0],f=[0];const a={},u=new WeakMap,E=4,{onViewChangeStart:$,onViewChangeEnd:w,excludeSwipeSupport:L,useMaxHeight:V}=k||{},A=(e,t)=>{a[e]=t},R=(e,t)=>{if(e.querySelector(`.${t}`))return;const n=document.createElement("div");for(n.classList.add(`${t}`);e.firstChild;)n.appendChild(e.firstChild);e.appendChild(n)},I=()=>s.reduce((e,t)=>{const n=a[t];return n&&e.push({id:t,elem:n}),e},[]),H=()=>{const e=Object.keys(a).length,t=a[e-1],n=I();return{currentIndex:s[0],lastIndex:parseInt(t?.dataset.index||s[0].toString(),10),totalViews:e,historyStack:n}},y=()=>{f=[...s];const e=H();$?.(e)},M=e=>{if(!e)return;const t=e.dataset.index;if(t&&s[0]===parseInt(t,10)){const n=H();w?.(n)}},W=e=>{const n=Object.keys(a).length-1;return Math.max(0,Math.min(e,n))},T=e=>{const t=W(e);s[0]!==t&&(y(),s=[t,...s],m(!1))},q=e=>{M(e)},z=(e,t,n,o,i)=>{e.classList.add(`${r}__view`),e.classList.toggle(`${r}__view-in-stack`,t&&!n),e.classList.toggle(`${r}__view-active`,t&&n),i&&!o&&e.classList.add(`${r}__view-recycle-in`),!i&&o&&e.classList.add(`${r}__view-recycle-out`)},b=e=>{e.classList.remove(`${r}__view-recycle-in`,`${r}__view-recycle-out`)},x=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),_=e=>{const t=x(E);if(l.clientHeight<t){e<t&&(e=t);const o=l.querySelector(`.${r}__itemsWrapper`);o&&(o.style.blockSize=`${e}px`)}},m=e=>{let t=0,n=0;Array.from(d).forEach((o,i)=>{const P=s.findIndex(c=>c===i),v=f.filter(c=>c===i).length,B=f.length>s.length&&f[0]===i&&v>0,G=f.length<s.length&&s[0]===i&&v>0,J=P>-1,K=i===s[0];if(z(o,J,K,B,G),e){A(i,o),setTimeout(()=>{if(V){const h=Array.from(d).map(Q=>Q.scrollHeight);n=Math.max(...h),o.style.position="absolute",_(n)}else(!t||o.offsetHeight<t&&t>x(E))&&(t=o.offsetHeight),o.style.position="absolute",_(t)});const c=h=>{b(o),h.target===a[s[0]]&&q(o)};u.set(o,c),o.addEventListener("animationend",c),o.addEventListener("transitionend",c),o.setAttribute("data-index",i.toString())}}),e&&M(Array.from(d)[0])},p=()=>{const e=s[0]+1;T(e)},g=()=>{s.length-1>=1&&(y(),s=s.slice(1),m(!1))},j=e=>{T(e)},D=()=>({index:s[0],item:a[s[0]]}),O=()=>{Array.from(d).forEach(e=>{b(e)}),f=[0],s=[0],m(!1)},F=()=>{Object.values(a).forEach(e=>{if(!e)return;const t=u.get(e);t&&(e.removeEventListener("animationend",t),e.removeEventListener("transitionend",t)),u.delete(e)}),L||C(l,p,g,!0)},N=e=>{const t=e.querySelector("slot");return t instanceof HTMLSlotElement?t.assignedElements({flatten:!0}).filter(n=>n instanceof HTMLElement):Array.from(e.children).filter(n=>n instanceof HTMLElement)};R(l,`${r}__itemsWrapper`);const S=l.querySelector(`.${r}__itemsWrapper`);if(!(S instanceof HTMLElement))throw new Error("Carousel items wrapper not found");const d=N(S);return l.classList.add(`${r}__view-stack`),m(!0),L||C(l,p,g,!1),{next:p,prev:g,reset:O,goToIndex:j,getActiveItem:D,destroyEvents:F,allViews:a}};export{X as initCarousel};

package/es/overflowHandler/overflowHandler.js

@@ -1 +1 @@
-function v(e,t){if(!e)return 0;const a=e.style.display;!e.offsetParent&&getComputedStyle(e).display==="none"&&(e.style.display="inline-block");const o=e.getBoundingClientRect()[t];return e.style.display=a,o}function w({container:e,items:t,offset:a,sizes:o,fixedSizes:f,offsetSize:c,maxVisibleItems:l,dimension:m,onChange:E,previousHiddenItems:u=[]}){const H=m==="width"?e.clientWidth:e.clientHeight;let s=[],i=[];const p=o.reduce((r,d)=>r+d,0),n=f.reduce((r,d)=>r+d,0);if(p+n<=H)s=l?t.slice(0,l):[...t],i=l?t.slice(l):[];else{const r=H-c;let d=0;for(let h=0;h<t.length;h++){const g=o[h];d+g+n<=r&&(!l||s.length<l)?(s.push(t[h]),d+=g):i.push(t[h])}}return u.length===i.length&&u.every((r,d)=>r===i[d])?u:(s.forEach(r=>r.removeAttribute("data-hidden")),i.forEach(r=>r.setAttribute("data-hidden","")),a&&a.toggleAttribute("data-hidden",i.length===0),E(s,i),i)}function L({container:e,maxVisibleItems:t,onChange:a,dimension:o="width"}){if(!(e instanceof HTMLElement))throw new Error("container must be an HTMLElement");if(typeof a!="function")throw new Error("onChange must be a function");if(t!==void 0&&(!Number.isInteger(t)||t<=0))throw new Error("maxVisibleItems must be a positive integer");const f=Array.from(e.children),c=f.find(n=>n.hasAttribute("data-offset")),l=f.filter(n=>n.hasAttribute("data-fixed")),m=f.filter(n=>n!==c&&!l.includes(n)),E=l.map(n=>v(n,o)),u=m.map(n=>v(n,o)),H=v(c,o);let s=[];function i(){s=w({container:e,items:m,offset:c,sizes:u,fixedSizes:E,offsetSize:H,maxVisibleItems:t,dimension:o,onChange:a,previousHiddenItems:s})}const p=new ResizeObserver(()=>requestAnimationFrame(i));return p.observe(e),requestAnimationFrame(i),{disconnect(){p.disconnect()}}}export{L as createOverflowHandler,v as getSize,w as updateOverflowHandler};
+function v(e,n){if(!e)return 0;const f=e.style.display;!e.offsetParent&&getComputedStyle(e).display==="none"&&(e.style.display="inline-block");const o=e.getBoundingClientRect()[n];return e.style.display=f,o}function w({container:e,items:n,offset:f,sizes:o,fixedSizes:a,offsetSize:c,maxVisibleItems:l,dimension:m,onChange:E,previousHiddenItems:u=[]}){const H=m==="width"?e.clientWidth:e.clientHeight;let d=[],i=[];const p=o.reduce((r,s)=>r+s,0),t=a.reduce((r,s)=>r+s,0);if(p+t<=H)d=l?n.slice(0,l):[...n],i=l?n.slice(l):[];else{const r=H-c;let s=0;for(let h=0;h<n.length;h++){const g=o[h];s+g+t<=r&&(!l||d.length<l)?(d.push(n[h]),s+=g):i.push(n[h])}}return u.length===i.length&&u.every((r,s)=>r===i[s])?u:(d.forEach(r=>r.removeAttribute("data-hidden")),i.forEach(r=>r.setAttribute("data-hidden","")),f&&f.toggleAttribute("data-hidden",i.length===0),E(d,i),i)}function b({container:e,maxVisibleItems:n,onChange:f,dimension:o="width"}){if(!(e instanceof HTMLElement))throw new Error("container must be an HTMLElement");if(typeof f!="function")throw new Error("onChange must be a function");if(n!==void 0&&(!Number.isInteger(n)||n<=0))throw new Error("maxVisibleItems must be a positive integer");const a=Array.from(e.children).filter(t=>t instanceof HTMLElement),c=a.find(t=>t.hasAttribute("data-offset")),l=a.filter(t=>t.hasAttribute("data-fixed")),m=a.filter(t=>t!==c&&!l.includes(t)),E=l.map(t=>v(t,o)),u=m.map(t=>v(t,o)),H=v(c,o);let d=[];function i(){d=w({container:e,items:m,offset:c,sizes:u,fixedSizes:E,offsetSize:H,maxVisibleItems:n,dimension:o,onChange:f,previousHiddenItems:d})}const p=new ResizeObserver(()=>requestAnimationFrame(i));return p.observe(e),requestAnimationFrame(i),{disconnect(){p.disconnect()}}}export{b as createOverflowHandler,v as getSize,w as updateOverflowHandler};

package/lib/carousel/carousel.js

@@ -1 +1 @@
-"use strict";var E=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var Z=(a,i)=>{for(var o in i)E(a,o,{get:i[o],enumerable:!0})},ee=(a,i,o,n)=>{if(i&&typeof i=="object"||typeof i=="function")for(let l of X(i))!Y.call(a,l)&&l!==o&&E(a,l,{get:()=>i[l],enumerable:!(n=U(i,l))||n.enumerable});return a};var te=a=>ee(E({},"__esModule",{value:!0}),a);var se={};Z(se,{initCarousel:()=>ne});module.exports=te(se);var L=require("./swipeEvents");const ne=(a,i)=>{const o="carousel";let n=[0],l=[0];const m={},H=4,{onViewChangeStart:k,onViewChangeEnd:$,excludeSwipeSupport:T,useMaxHeight:V}=i||{},A=(e,t)=>{m[e]=t},R=(e,t)=>{if(e.querySelector(`.${t}`))return;const r=document.createElement("div");for(r.classList.add(`${t}`);e.firstChild;)r.appendChild(e.firstChild);e.appendChild(r)},w=()=>n.map(e=>({id:e,elem:m[e]})),M=()=>{const e=Object.keys(m).length,t=m[e-1],r=w();return{currentIndex:n[0],lastIndex:parseInt(t?.dataset.index||n[0].toString(),10),totalViews:e,historyStack:r}},_=()=>{l=[...n];const e=M();k?.(e)},y=e=>{if(!e)return;const t=e.dataset.index;if(t&&n[0]===parseInt(t,10)){const r=M();$?.(r)}},I=e=>{const r=Object.keys(m).length-1;return Math.max(0,Math.min(e,r))},b=e=>{const t=I(e);n[0]!==t&&(_(),n=[t,...n],d(!1))},W=e=>{y(e)},q=(e,t,r,s,c)=>{e.classList.add(`${o}__view`),e.classList.toggle(`${o}__view-in-stack`,t&&!r),e.classList.toggle(`${o}__view-active`,t&&r),c&&!s&&e.classList.add(`${o}__view-recycle-in`),!c&&s&&e.classList.add(`${o}__view-recycle-out`)},x=e=>{e.classList.remove(`${o}__view-recycle-in`,`${o}__view-recycle-out`)},C=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),S=e=>{const t=C(H);if(a.clientHeight<t){e<t&&(e=t);const s=a.querySelector(`.${o}__itemsWrapper`);s&&(s.style.blockSize=`${e}px`)}},d=e=>{let t=0,r=0;Array.from(f).forEach((s,c)=>{const P=n.findIndex(u=>u===c),v=l.filter(u=>u===c).length,B=l.length>n.length&&l[0]===c&&v>0,G=l.length<n.length&&n[0]===c&&v>0,J=P>-1,K=c===n[0];if(q(s,J,K,B,G),e){A(c,s),setTimeout(()=>{if(V){const h=Array.from(f).map(Q=>Q.scrollHeight);r=Math.max(...h),s.style.position="absolute",S(r)}else(!t||s.offsetHeight<t&&t>C(H))&&(t=s.offsetHeight),s.style.position="absolute",S(t)});const u=h=>{x(s),h.target===m[n[0]]&&W(s)};s._carouselListener=u,s.addEventListener("animationend",u),s.addEventListener("transitionend",u),s.setAttribute("data-index",c.toString())}}),e&&y(Array.from(f)[0])},g=()=>{const e=n[0]+1;b(e)},p=()=>{n.length-1>=1&&(_(),n=n.slice(1),d(!1))},z=e=>{b(e)},j=()=>({index:n[0],item:m[n[0]]}),D=()=>{Array.from(f).forEach(e=>{x(e)}),l=[0],n=[0],d(!1)},O=()=>{Object.values(m).forEach(e=>{const t=e;e&&t._carouselListener&&(e.removeEventListener("animationend",t._carouselListener),e.removeEventListener("transitionend",t._carouselListener))}),T||(0,L.registerSwipeEvents)(a,g,p,!0)},F=e=>{const t=e.querySelector("slot");return t?t.assignedElements({flatten:!0}):Array.from(e.children)};R(a,`${o}__itemsWrapper`);const N=a.querySelector(`.${o}__itemsWrapper`),f=F(N);return a.classList.add(`${o}__view-stack`),d(!0),T||(0,L.registerSwipeEvents)(a,g,p,!1),{next:g,prev:p,reset:D,goToIndex:z,getActiveItem:j,destroyEvents:O,allViews:m}};
+"use strict";var L=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.prototype.hasOwnProperty;var ee=(i,l)=>{for(var r in l)L(i,r,{get:l[r],enumerable:!0})},te=(i,l,r,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of Y(l))!Z.call(i,a)&&a!==r&&L(i,a,{get:()=>l[a],enumerable:!(n=X(l,a))||n.enumerable});return i};var ne=i=>te(L({},"__esModule",{value:!0}),i);var oe={};ee(oe,{initCarousel:()=>se});module.exports=ne(oe);var H=require("./swipeEvents");const se=(i,l)=>{const r="carousel";let n=[0],a=[0];const f={},p=new WeakMap,y=4,{onViewChangeStart:w,onViewChangeEnd:V,excludeSwipeSupport:M,useMaxHeight:A}=l||{},R=(e,t)=>{f[e]=t},I=(e,t)=>{if(e.querySelector(`.${t}`))return;const s=document.createElement("div");for(s.classList.add(`${t}`);e.firstChild;)s.appendChild(e.firstChild);e.appendChild(s)},W=()=>n.reduce((e,t)=>{const s=f[t];return s&&e.push({id:t,elem:s}),e},[]),T=()=>{const e=Object.keys(f).length,t=f[e-1],s=W();return{currentIndex:n[0],lastIndex:parseInt(t?.dataset.index||n[0].toString(),10),totalViews:e,historyStack:s}},b=()=>{a=[...n];const e=T();w?.(e)},x=e=>{if(!e)return;const t=e.dataset.index;if(t&&n[0]===parseInt(t,10)){const s=T();V?.(s)}},q=e=>{const s=Object.keys(f).length-1;return Math.max(0,Math.min(e,s))},_=e=>{const t=q(e);n[0]!==t&&(b(),n=[t,...n],d(!1))},z=e=>{x(e)},j=(e,t,s,o,c)=>{e.classList.add(`${r}__view`),e.classList.toggle(`${r}__view-in-stack`,t&&!s),e.classList.toggle(`${r}__view-active`,t&&s),c&&!o&&e.classList.add(`${r}__view-recycle-in`),!c&&o&&e.classList.add(`${r}__view-recycle-out`)},S=e=>{e.classList.remove(`${r}__view-recycle-in`,`${r}__view-recycle-out`)},v=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),C=e=>{const t=v(y);if(i.clientHeight<t){e<t&&(e=t);const o=i.querySelector(`.${r}__itemsWrapper`);o&&(o.style.blockSize=`${e}px`)}},d=e=>{let t=0,s=0;Array.from(u).forEach((o,c)=>{const B=n.findIndex(m=>m===c),$=a.filter(m=>m===c).length,G=a.length>n.length&&a[0]===c&&$>0,J=a.length<n.length&&n[0]===c&&$>0,K=B>-1,Q=c===n[0];if(j(o,K,Q,G,J),e){R(c,o),setTimeout(()=>{if(A){const E=Array.from(u).map(U=>U.scrollHeight);s=Math.max(...E),o.style.position="absolute",C(s)}else(!t||o.offsetHeight<t&&t>v(y))&&(t=o.offsetHeight),o.style.position="absolute",C(t)});const m=E=>{S(o),E.target===f[n[0]]&&z(o)};p.set(o,m),o.addEventListener("animationend",m),o.addEventListener("transitionend",m),o.setAttribute("data-index",c.toString())}}),e&&x(Array.from(u)[0])},g=()=>{const e=n[0]+1;_(e)},h=()=>{n.length-1>=1&&(b(),n=n.slice(1),d(!1))},D=e=>{_(e)},O=()=>({index:n[0],item:f[n[0]]}),F=()=>{Array.from(u).forEach(e=>{S(e)}),a=[0],n=[0],d(!1)},N=()=>{Object.values(f).forEach(e=>{if(!e)return;const t=p.get(e);t&&(e.removeEventListener("animationend",t),e.removeEventListener("transitionend",t)),p.delete(e)}),M||(0,H.registerSwipeEvents)(i,g,h,!0)},P=e=>{const t=e.querySelector("slot");return t instanceof HTMLSlotElement?t.assignedElements({flatten:!0}).filter(s=>s instanceof HTMLElement):Array.from(e.children).filter(s=>s instanceof HTMLElement)};I(i,`${r}__itemsWrapper`);const k=i.querySelector(`.${r}__itemsWrapper`);if(!(k instanceof HTMLElement))throw new Error("Carousel items wrapper not found");const u=P(k);return i.classList.add(`${r}__view-stack`),d(!0),M||(0,H.registerSwipeEvents)(i,g,h,!1),{next:g,prev:h,reset:F,goToIndex:D,getActiveItem:O,destroyEvents:N,allViews:f}};

package/lib/carousel/types.js

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var u=(t,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of l(e))!a.call(t,n)&&n!==s&&r(t,n,{get:()=>e[n],enumerable:!(o=i(e,n))||o.enumerable});return t};var d=t=>u(r({},"__esModule",{value:!0}),t);var m={};module.exports=d(m);
+"use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var u=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of a(e))!l.call(t,o)&&o!==s&&r(t,o,{get:()=>e[o],enumerable:!(n=i(e,o))||n.enumerable});return t};var d=t=>u(r({},"__esModule",{value:!0}),t);var m={};module.exports=d(m);

package/lib/overflowHandler/overflowHandler.js

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var O=(e,t)=>{for(var i in t)g(e,i,{get:t[i],enumerable:!0})},z=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of T(t))!b.call(e,o)&&o!==i&&g(e,o,{get:()=>t[o],enumerable:!(r=M(t,o))||r.enumerable});return e};var y=e=>z(g({},"__esModule",{value:!0}),e);var A={};O(A,{createOverflowHandler:()=>S,getSize:()=>E,updateOverflowHandler:()=>L});module.exports=y(A);function E(e,t){if(!e)return 0;const i=e.style.display;!e.offsetParent&&getComputedStyle(e).display==="none"&&(e.style.display="inline-block");const r=e.getBoundingClientRect()[t];return e.style.display=i,r}function L({container:e,items:t,offset:i,sizes:r,fixedSizes:o,offsetSize:c,maxVisibleItems:d,dimension:m,onChange:v,previousHiddenItems:u=[]}){const H=m==="width"?e.clientWidth:e.clientHeight;let a=[],l=[];const p=r.reduce((s,f)=>s+f,0),n=o.reduce((s,f)=>s+f,0);if(p+n<=H)a=d?t.slice(0,d):[...t],l=d?t.slice(d):[];else{const s=H-c;let f=0;for(let h=0;h<t.length;h++){const w=r[h];f+w+n<=s&&(!d||a.length<d)?(a.push(t[h]),f+=w):l.push(t[h])}}return u.length===l.length&&u.every((s,f)=>s===l[f])?u:(a.forEach(s=>s.removeAttribute("data-hidden")),l.forEach(s=>s.setAttribute("data-hidden","")),i&&i.toggleAttribute("data-hidden",l.length===0),v(a,l),l)}function S({container:e,maxVisibleItems:t,onChange:i,dimension:r="width"}){if(!(e instanceof HTMLElement))throw new Error("container must be an HTMLElement");if(typeof i!="function")throw new Error("onChange must be a function");if(t!==void 0&&(!Number.isInteger(t)||t<=0))throw new Error("maxVisibleItems must be a positive integer");const o=Array.from(e.children),c=o.find(n=>n.hasAttribute("data-offset")),d=o.filter(n=>n.hasAttribute("data-fixed")),m=o.filter(n=>n!==c&&!d.includes(n)),v=d.map(n=>E(n,r)),u=m.map(n=>E(n,r)),H=E(c,r);let a=[];function l(){a=L({container:e,items:m,offset:c,sizes:u,fixedSizes:v,offsetSize:H,maxVisibleItems:t,dimension:r,onChange:i,previousHiddenItems:a})}const p=new ResizeObserver(()=>requestAnimationFrame(l));return p.observe(e),requestAnimationFrame(l),{disconnect(){p.disconnect()}}}
+"use strict";var g=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var O=(e,t)=>{for(var i in t)g(e,i,{get:t[i],enumerable:!0})},z=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of M(t))!T.call(e,o)&&o!==i&&g(e,o,{get:()=>t[o],enumerable:!(r=L(t,o))||r.enumerable});return e};var y=e=>z(g({},"__esModule",{value:!0}),e);var A={};O(A,{createOverflowHandler:()=>S,getSize:()=>E,updateOverflowHandler:()=>b});module.exports=y(A);function E(e,t){if(!e)return 0;const i=e.style.display;!e.offsetParent&&getComputedStyle(e).display==="none"&&(e.style.display="inline-block");const r=e.getBoundingClientRect()[t];return e.style.display=i,r}function b({container:e,items:t,offset:i,sizes:r,fixedSizes:o,offsetSize:c,maxVisibleItems:s,dimension:m,onChange:v,previousHiddenItems:u=[]}){const H=m==="width"?e.clientWidth:e.clientHeight;let f=[],l=[];const p=r.reduce((d,a)=>d+a,0),n=o.reduce((d,a)=>d+a,0);if(p+n<=H)f=s?t.slice(0,s):[...t],l=s?t.slice(s):[];else{const d=H-c;let a=0;for(let h=0;h<t.length;h++){const w=r[h];a+w+n<=d&&(!s||f.length<s)?(f.push(t[h]),a+=w):l.push(t[h])}}return u.length===l.length&&u.every((d,a)=>d===l[a])?u:(f.forEach(d=>d.removeAttribute("data-hidden")),l.forEach(d=>d.setAttribute("data-hidden","")),i&&i.toggleAttribute("data-hidden",l.length===0),v(f,l),l)}function S({container:e,maxVisibleItems:t,onChange:i,dimension:r="width"}){if(!(e instanceof HTMLElement))throw new Error("container must be an HTMLElement");if(typeof i!="function")throw new Error("onChange must be a function");if(t!==void 0&&(!Number.isInteger(t)||t<=0))throw new Error("maxVisibleItems must be a positive integer");const o=Array.from(e.children).filter(n=>n instanceof HTMLElement),c=o.find(n=>n.hasAttribute("data-offset")),s=o.filter(n=>n.hasAttribute("data-fixed")),m=o.filter(n=>n!==c&&!s.includes(n)),v=s.map(n=>E(n,r)),u=m.map(n=>E(n,r)),H=E(c,r);let f=[];function l(){f=b({container:e,items:m,offset:c,sizes:u,fixedSizes:v,offsetSize:H,maxVisibleItems:t,dimension:r,onChange:i,previousHiddenItems:f})}const p=new ResizeObserver(()=>requestAnimationFrame(l));return p.observe(e),requestAnimationFrame(l),{disconnect(){p.disconnect()}}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/utilities",
   "description": "Utilities and helpers to drive consistency across software products using the Carbon Design System",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,5 +49,5 @@
     "@ibm/telemetry-js": "^1.6.1",
     "@internationalized/number": "^3.6.1"
   },
-  "gitHead": "6dde90f9edfb378e1585f1954c92484a37f22f02"
+  "gitHead": "443fbe43ff4bd1df327997b8b0b0ebeee634d002"
 }

package/types/carousel/carousel.d.ts

@@ -1,10 +1,10 @@
 /**
- * Copyright IBM Corp. 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { InitCarousel, Config } from './types';
+import type { Config, InitCarousel } from './types';
 /**
  * Initializes a carousel with the given configuration.
  * @param carouselContainer - The HTMLElement representing the carousel container.

package/types/carousel/types.d.ts

@@ -1,15 +1,12 @@
 /**
- * Copyright IBM Corp. 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 interface CarouselStackHistory {
     id: number;
-    elem: HTMLLIElement;
-}
-export interface CarouselHTMLElement extends HTMLElement {
-    _carouselListener?: EventListener;
+    elem: HTMLElement;
 }
 type CarouselResponse = {
     currentIndex: number;

package/types/overflowHandler/overflowHandler.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -15,7 +15,7 @@
  * @param dimension - The dimension to measure ('width' or 'height').
  * @returns The size of the element in pixels. Returns 0 if the element is not provided.
  */
-export declare function getSize(el: HTMLElement, dimension: 'width' | 'height'): number;
+export declare function getSize(el: HTMLElement | undefined, dimension: 'width' | 'height'): number;
 /**
  * Options for updating the overflow handler.
  * Determines which items should be visible and which should be hidden
@@ -27,7 +27,7 @@ export interface UpdateOverflowHandlerOptions {
     /** An array of item elements to be managed for overflow. */
     items: HTMLElement[];
     /** An element that represents the offset, which can be shown or hidden based on overflow. Identified by `data-offset` attribute. */
-    offset: HTMLElement;
+    offset: HTMLElement | undefined;
     /** An array of sizes corresponding to each item in the `items` array. */
     sizes: number[];
     /** An array of sizes corresponding to each item in the fixed items array. */

package/es/makeDraggable/makeDraggable.test.js

@@ -1 +0,0 @@
-import{makeDraggable as s}from"../makeDraggable";import{fireEvent as n}from"@testing-library/react";function o(e={}){const t=document.createElement("div");t.style.position="absolute",t.style.left="0px",t.style.top="0px";const l=document.createElement("div"),p=document.createElement("button");return t.appendChild(l),t.appendChild(p),document.body.appendChild(t),s({el:t,dragHandle:l,focusableDragHandle:p,dragStep:e.dragStep,shiftDragStep:e.shiftDragStep}),{el:t,handle:l,focusableHandle:p}}describe("makeDraggable",()=>{it("should set cursor style on handle",()=>{const{el:e,handle:t}=o();expect(t.style.cursor).toBe("move"),expect(e.style.cursor).toBe("default")}),it("should keep position as absolute when already absolute",()=>{const{el:e}=o();expect(e.style.position).toBe("absolute")}),it("should move element with arrowRight with default dragStep value",()=>{const{el:e,focusableHandle:t}=o();t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight"})),expect(e.style.left).toBe("8px"),expect(e.style.top).toBe("0px")}),it("should move element with arrowUp with default dragStep value",()=>{const{el:e,focusableHandle:t}=o();t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowUp"})),expect(e.style.left).toBe("0px"),expect(e.style.top).toBe("-8px")}),it("should move element with arrowLeft with default dragStep value",()=>{const{el:e,focusableHandle:t}=o();t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowLeft"})),expect(e.style.left).toBe("-8px"),expect(e.style.top).toBe("0px")}),it("should move element with arrowDown with default shiftDragStep value",()=>{const{el:e,focusableHandle:t}=o();t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight",shiftKey:!0})),expect(e.style.left).toBe("32px"),expect(e.style.top).toBe("0px")}),it("should move element with arrow keys(dragStep)",()=>{const{el:e,focusableHandle:t}=o({dragStep:10});t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight"})),expect(e.style.left).toBe("10px"),expect(e.style.top).toBe("0px"),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowLeft"})),expect(e.style.left).toBe("0px"),expect(e.style.top).toBe("0px")},0),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowDown"})),expect(e.style.top).toBe("10px"),expect(e.style.left).toBe("0px")},0),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowUp"})),expect(e.style.top).toBe("0px"),expect(e.style.left).toBe("0px")},0)}),it("should move element with shift + arrow keys (shiftDragStep)",()=>{const{el:e,focusableHandle:t}=o({shiftDragStep:20});t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowDown",shiftKey:!0})),expect(e.style.top).toBe("20px"),expect(e.style.left).toBe("0px"),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowUp",shiftKey:!0})),expect(e.style.top).toBe("0px"),expect(e.style.left).toBe("0px")},0),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight",shiftKey:!0})),expect(e.style.top).toBe("0px"),expect(e.style.left).toBe("20px")},0),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight",shiftKey:!0})),expect(e.style.top).toBe("0px"),expect(e.style.left).toBe("0px")},0)}),it("should move element with mouse drag",()=>{const{el:e,handle:t}=o();n.mouseDown(t,{clientX:50,clientY:50}),n.mouseMove(document,{clientX:100,clientY:120}),expect(e.style.left).toBe("50px"),expect(e.style.top).toBe("70px"),n.mouseUp(t),n.mouseMove(document,{clientX:100,clientY:120}),expect(e.style.left).toBe("50px"),expect(e.style.top).toBe("70px")})});

package/lib/makeDraggable/makeDraggable.test.js

@@ -1 +0,0 @@
-"use strict";var s=require("../makeDraggable"),n=require("@testing-library/react");function o(e={}){const t=document.createElement("div");t.style.position="absolute",t.style.left="0px",t.style.top="0px";const l=document.createElement("div"),p=document.createElement("button");return t.appendChild(l),t.appendChild(p),document.body.appendChild(t),(0,s.makeDraggable)({el:t,dragHandle:l,focusableDragHandle:p,dragStep:e.dragStep,shiftDragStep:e.shiftDragStep}),{el:t,handle:l,focusableHandle:p}}describe("makeDraggable",()=>{it("should set cursor style on handle",()=>{const{el:e,handle:t}=o();expect(t.style.cursor).toBe("move"),expect(e.style.cursor).toBe("default")}),it("should keep position as absolute when already absolute",()=>{const{el:e}=o();expect(e.style.position).toBe("absolute")}),it("should move element with arrowRight with default dragStep value",()=>{const{el:e,focusableHandle:t}=o();t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight"})),expect(e.style.left).toBe("8px"),expect(e.style.top).toBe("0px")}),it("should move element with arrowUp with default dragStep value",()=>{const{el:e,focusableHandle:t}=o();t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowUp"})),expect(e.style.left).toBe("0px"),expect(e.style.top).toBe("-8px")}),it("should move element with arrowLeft with default dragStep value",()=>{const{el:e,focusableHandle:t}=o();t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowLeft"})),expect(e.style.left).toBe("-8px"),expect(e.style.top).toBe("0px")}),it("should move element with arrowDown with default shiftDragStep value",()=>{const{el:e,focusableHandle:t}=o();t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight",shiftKey:!0})),expect(e.style.left).toBe("32px"),expect(e.style.top).toBe("0px")}),it("should move element with arrow keys(dragStep)",()=>{const{el:e,focusableHandle:t}=o({dragStep:10});t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight"})),expect(e.style.left).toBe("10px"),expect(e.style.top).toBe("0px"),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowLeft"})),expect(e.style.left).toBe("0px"),expect(e.style.top).toBe("0px")},0),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowDown"})),expect(e.style.top).toBe("10px"),expect(e.style.left).toBe("0px")},0),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowUp"})),expect(e.style.top).toBe("0px"),expect(e.style.left).toBe("0px")},0)}),it("should move element with shift + arrow keys (shiftDragStep)",()=>{const{el:e,focusableHandle:t}=o({shiftDragStep:20});t.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter"})),t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowDown",shiftKey:!0})),expect(e.style.top).toBe("20px"),expect(e.style.left).toBe("0px"),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowUp",shiftKey:!0})),expect(e.style.top).toBe("0px"),expect(e.style.left).toBe("0px")},0),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight",shiftKey:!0})),expect(e.style.top).toBe("0px"),expect(e.style.left).toBe("20px")},0),setTimeout(()=>{t.dispatchEvent(new KeyboardEvent("keydown",{key:"ArrowRight",shiftKey:!0})),expect(e.style.top).toBe("0px"),expect(e.style.left).toBe("0px")},0)}),it("should move element with mouse drag",()=>{const{el:e,handle:t}=o();n.fireEvent.mouseDown(t,{clientX:50,clientY:50}),n.fireEvent.mouseMove(document,{clientX:100,clientY:120}),expect(e.style.left).toBe("50px"),expect(e.style.top).toBe("70px"),n.fireEvent.mouseUp(t),n.fireEvent.mouseMove(document,{clientX:100,clientY:120}),expect(e.style.left).toBe("50px"),expect(e.style.top).toBe("70px")})});

package/types/makeDraggable/makeDraggable.test.d.ts

@@ -1 +0,0 @@
-export {};