@inc2734/unitone-css 0.94.1 → 0.94.3

package/dist/app.js

@@ -1 +1 @@
-"use strict";var e,t={};var n=function(){if(e)return t;function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function r(e){return function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e))||t){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){l=!0,a=e},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw a}}}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function a(e,t){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var a=this;clearTimeout(n),n=setTimeout((function(){e.apply(a,i)}),t)}}e=1;var u=function(e){var t,n,r,i=null===(t=[].slice.call(null!==(n=null==e?void 0:e.children)&&void 0!==n?n:[]))||void 0===t?void 0:t[0];if(i){var o,a=i.getBoundingClientRect(),u=(null!==(r=e.getAttribute("data-unitone-layout"))&&void 0!==r?r:"").split(/\s+/);u.some((function(e){return["divider:initialized","-stack"].includes(e)}))&&(u=u.filter((function(e){return!["divider:initialized","-stack"].includes(e)})),e.setAttribute("data-unitone-layout",u.join(" ")));var l=[].slice.call(e.children).filter((function(e){var t=window.getComputedStyle(e).getPropertyValue("position"),n=window.getComputedStyle(e).getPropertyValue("display");return"absolute"!==t&&"fixed"!==t&&"none"!==n}));l.forEach((function(e,t){var n,r,i=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/);i.some((function(e){return["-bol","-linewrap"].includes(e)}))&&(i=i.filter((function(e){return!["-bol","-linewrap"].includes(e)})),e.setAttribute("data-unitone-layout",i.join(" ")));var u=null===(r=o)||void 0===r?void 0:r.getBoundingClientRect(),l=e.getBoundingClientRect(),d=!1;(0===t||(null==u?void 0:u.top)<l.top&&(null==u?void 0:u.left)>=l.left)&&(i.push("-bol"),d=!0),0<t&&a.top<l.top&&(i.push("-linewrap"),d=!0),d&&e.setAttribute("data-unitone-layout",i.join(" ")),o=e})),[].slice.call(l).every((function(e){return e.getBoundingClientRect().left===a.left}))&&u.push("-stack"),u.push("divider:initialized"),e.setAttribute("data-unitone-layout",u.join(" "))}},l=function(e){var t,n,r,i=[].slice.call(e.children),o=null==i?void 0:i[0];if(o){e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach((function(e){e.style.removeProperty("--unitone--stairs-step")}));var a,u=[],l=0,d=l,s=null===(n=(null!==(r=e.getAttribute("data-unitone-layout"))&&void 0!==r?r:"").split(/\s+/).find((function(e){return e.startsWith("-stairs-up:")})))||void 0===n?void 0:n.replace("-stairs-up:",""),c=["up-down","down-up"].includes(s),v=window.getComputedStyle(e).getPropertyValue("flex-direction");i.forEach((function(e){var t,n,r=window.getComputedStyle(e).getPropertyValue("position"),i=window.getComputedStyle(e).getPropertyValue("display");if("absolute"!==r&&"fixed"!==r&&"none"!==i){u.push(e);var s="row-reverse"===v?(null===(t=a)||void 0===t||null===(t=t.getBoundingClientRect())||void 0===t?void 0:t.left)<=e.getBoundingClientRect().left:(null===(n=a)||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.left)>=e.getBoundingClientRect().left;o===e||s?l=0:c?l=0===l?1:0:l++,e.style.setProperty("--unitone--stairs-step",l),a=e,l>d&&(d=l)}})),e.style.setProperty("--unitone--max-stairs-step",d);var f=e.getBoundingClientRect().bottom,y=u.reduce((function(e,t){var n=t.getBoundingClientRect().bottom-f;return e>n?e:n}),0);e.style.setProperty("--unitone--stairs-step-overflow-volume",y)}},d=function(e){var t;if(e){var n,r=(null!==(t=e.getAttribute("data-unitone-layout"))&&void 0!==t?t:"").split(/\s+/);if(r.some((function(e){return["vertical-writing:initialized","vertical-writing:safari","-force-switch"].includes(e)}))&&(r=r.filter((function(e){return!["vertical-writing:initialized","vertical-writing:safari","-force-switch"].includes(e)})),e.setAttribute("data-unitone-layout",r.join(" "))),[].slice.call(e.children).reverse().some((function(e){if(!["absolute","fixed"].includes(getComputedStyle(e).position)&&"none"!==getComputedStyle(e).display)return n=e,!0})),!n)return r.push("vertical-writing:initialized"),void e.setAttribute("data-unitone-layout",r.join(" "));var i=getComputedStyle(e),o=String(i.getPropertyValue("--unitone--threshold")).trim(),a=!1;setTimeout((function(){if(null!=e&&e.isConnected){if(o){var t=document.createElement("div");t.setAttribute("data-unitone-layout","vertical-writing__thresholder"),e.appendChild(t),a=t.offsetWidth>=e.offsetWidth,t.parentNode&&t.parentNode.removeChild(t)}var i;a?(r.push("-force-switch"),null!==(i=e.parentNode)&&void 0!==i&&i.style&&(e.parentNode.style.height="")):(e.getBoundingClientRect().left>n.getBoundingClientRect().left&&r.push("vertical-writing:safari"),e.setAttribute("data-unitone-layout",r.join(" ")),requestAnimationFrame((function(){if(null!=e&&e.isConnected){var t,r=e.getBoundingClientRect(),i=n.getBoundingClientRect(),o=r.top+r.height,a=i.top+i.height;o!==a&&null!==(t=e.parentNode)&&void 0!==t&&t.style&&(e.parentNode.style.height="".concat(Math.ceil(a-r.top),"px"))}}))),r.push("vertical-writing:initialized"),e.setAttribute("data-unitone-layout",r.join(" "))}}),250)}},s=function(e){var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.fontSize);n!==parseFloat(t.getPropertyValue("--unitone--result--1em-px"))&&e.style.setProperty("--unitone--result--1em-px",n)},c=function(e){var t=function(){return e.querySelectorAll(':scope > [data-unitone-layout~="marquee"]')},n=t();if(0!==n.length){if(1===e.childElementCount&&1===n.length){var r=n[0],i=r.cloneNode(!0);i.setAttribute("aria-hidden","true"),r.after(i)}(n=t()).forEach((function(e){var t,n,r;r=(null!==(n=(t=e).getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).filter((function(e){return e&&"marquee:initialized"!==e})).join(" "),t.setAttribute("data-unitone-layout",r)})),requestAnimationFrame((function(){null!=e&&e.isConnected&&t().forEach((function(e){var t,n,r;(r=null!==(n=(t=e).getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).includes("marquee:initialized")||t.setAttribute("data-unitone-layout","".concat(r," marquee:initialized").trim())}))}))}};return t.debounce=a,t.dividersResizeObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,o=new ResizeObserver(a((function(e){var t,r=i(e);try{for(r.s();!(t=r.n()).done;){var o,a=t.value,l=null===(o=a.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;l!==n&&(u(a.target),n=l)}}catch(e){r.e(e)}finally{r.f()}}),250)),l=new MutationObserver((function(n){requestAnimationFrame((function(){var o,a=i(n);try{var l=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var i,a,l,d,s=[].concat(r(null!==(i=null==t||null===(a=t.ignore)||void 0===a?void 0:a.layout)&&void 0!==i?i:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(l=n.target.getAttribute(n.attributeName))&&void 0!==l?l:"").split(" ").filter((function(e){return!s.includes(e)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(e){return!s.includes(e)})).join(" ")&&u(e)}else if("attributes"===n.type&&"class"===n.attributeName){var c,v,f,y,b=r(null!==(c=null==t||null===(v=t.ignore)||void 0===v?void 0:v.className)&&void 0!==c?c:[]);(null!==(f=n.target.getAttribute(n.attributeName))&&void 0!==f?f:"").split(" ").filter((function(e){return!b.includes(e)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(e){return!b.includes(e)})).join(" ")&&u(e)}else"attributes"===n.type&&"style"===n.attributeName&&u(e)};for(a.s();!(o=a.n()).done;)l()}catch(e){a.e(e)}finally{a.f()}}))}));return o.observe(e),l.observe(e,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:o,mutationObserver:l}},t.marqueeResizeObserver=function(e){var t=0;c(e);var n=new ResizeObserver(a((function(e){var n,r=i(e);try{for(r.s();!(n=r.n()).done;){var o,a=n.value,u=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(t)&&(t=u,c(a.target))}}catch(e){r.e(e)}finally{r.f()}}),250));n.observe(e);var r=new MutationObserver((function(){requestAnimationFrame((function(){null!=e&&e.isConnected&&c(e)}))}));return r.observe(e,{childList:!0}),{resizeObserver:n,mutationObserver:r}},t.result1emPxForFireFoxObserver=function(e){var t=e.ownerDocument;if(t.defaultView.getComputedStyle(t.documentElement).getPropertyValue("--unitone--is-firefox").trim()){var n=0,r=new ResizeObserver(a((function(e){var t,r=i(e);try{for(r.s();!(t=r.n()).done;){var o,a=t.value,u=null===(o=a.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;u!==n&&(s(a.target),n=u)}}catch(e){r.e(e)}finally{r.f()}}),250)),o=new MutationObserver((function(){requestAnimationFrame((function(){s(e)}))}));return r.observe(e),o.observe(e,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],characterData:!0}),{resizeObserver:r,mutationObserver:o}}},t.setColumnCountForVertical=d,t.setDividerLinewrap=u,t.setMarquee=c,t.setResult1emPxForFireFox=s,t.setStairsStep=l,t.stairsResizeObserver=function(e){var t=new ResizeObserver(a((function(e){var t,n=i(e);try{for(n.s();!(t=n.n()).done;){var r=t.value;l(r.target)}}catch(e){n.e(e)}finally{n.f()}}),250));return t.observe(e),t},t.verticalsResizeObserver=function(e){var t=0,n=new ResizeObserver(a((function(e){var n,r=i(e);try{for(r.s();!(n=r.n()).done;){var o,a=n.value,u=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(t)&&(t=u,a.target.parentNode.style.height="",d(a.target))}}catch(e){r.e(e)}finally{r.f()}}),250));n.observe(e);var r=new MutationObserver((function(t){requestAnimationFrame((function(){if(0<t.length){var n,r,i=t[0],o=null===(n=i.addedNodes)||void 0===n?void 0:n[0],a=null===(r=i.removedNodes)||void 0===r?void 0:r[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===a.getAttribute("data-unitone-layout"))return;d(e)}}))}));return r.observe(e,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:r}},t}();function r(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return i(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e))||t){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){l=!0,a=e},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw a}}}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){requestAnimationFrame((function(){var t,i=r(e);try{for(i.s();!(t=i.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout*="-divider:"]');null==r||r.forEach((function(e){n.dividersResizeObserver(e)}))}))}}catch(e){i.e(e)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){requestAnimationFrame((function(){var t,i=r(e);try{for(i.s();!(t=i.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==r||r.forEach((function(e){n.stairsResizeObserver(e)}))}))}}catch(e){i.e(e)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){requestAnimationFrame((function(){var t,i=r(e);try{for(i.s();!(t=i.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==r||r.forEach((function(e){n.verticalsResizeObserver(e)}))}))}}catch(e){i.e(e)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){window.getComputedStyle(document.documentElement).getPropertyValue("--unitone--is-firefox").trim()&&new MutationObserver((function(e){requestAnimationFrame((function(){var t,i=r(e);try{for(i.s();!(t=i.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[style*="font-size:"], [data-unitone-layout~="-fluid-typography"]');null==r||r.forEach((function(e){n.result1emPxForFireFoxObserver(e)}))}))}}catch(e){i.e(e)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){requestAnimationFrame((function(){var t,i=r(e);try{for(i.s();!(t=i.n()).done;){t.value.addedNodes.forEach((function(e){var t,r=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout~="marquee-wrapper"]');null==r||r.forEach((function(e){n.marqueeResizeObserver(e)}))}))}}catch(e){i.e(e)}finally{i.f()}}))})).observe(document.body,{childList:!0,subtree:!0})}));
+"use strict";var t,e={};var n=function(){if(t)return e;function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function r(t){return function(t){if(Array.isArray(t))return n(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return n(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return o(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(t,e):void 0}}(t))||e){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){l=!0,a=t},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw a}}}}function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}t=1;var a="data-unitone-layout",u=function(t){var e;return(null!==(e=t.getAttribute(a))&&void 0!==e?e:"").split(/\s+/).filter(Boolean)},l=function(t,e){return t.filter((function(t){return!e.includes(t)}))},d=function(t,e){var n,r=e.filter(Boolean).join(" ");(null!==(n=t.getAttribute(a))&&void 0!==n?n:"")!==r&&t.setAttribute(a,r)},s=function(t,e){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=r.getValue,a=r.delay,u=void 0===a?250:a;e(t);var l=!0,d=new ResizeObserver(p((function(t){var r,a=i(t);try{for(a.s();!(r=a.n()).done;){var u=r.value,d=null==o?void 0:o(u);l?(n=d,l=!1):void 0!==d&&d===n||(e(u.target,u),n=d)}}catch(t){a.e(t)}finally{a.f()}}),u));return d.observe(t),d},c=function(t,e,n){var r=new MutationObserver((function(e){requestAnimationFrame((function(){null!=t&&t.isConnected&&n(e)}))}));return r.observe(t,e),r},f=function(t){var e;return null===(e=t.borderBoxSize)||void 0===e?void 0:e[0].inlineSize},v=function(t){var e;return parseInt(null===(e=t.contentRect)||void 0===e?void 0:e.width)},y=function(t){return!(null==t||!t.isConnected)&&0<t.getClientRects().length};function p(t,e){var n;return function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];var a=this;clearTimeout(n),n=setTimeout((function(){t.apply(a,i)}),e)}}var m=function(t){var e,n=Array.from(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]),i=n[0];if(i){var o=l(u(t),["divider:initialized","-stack"]);d(t,o);var a=new Map;if(n.forEach((function(t){var e=l(u(t),["-bol","-linewrap"]);a.set(t,e),d(t,e)})),y(t)){var s,c=i.getBoundingClientRect(),f=n.reduce((function(t,e){var n,r=window.getComputedStyle(e).getPropertyValue("position"),i=window.getComputedStyle(e).getPropertyValue("display");return"absolute"!==r&&"fixed"!==r&&"none"!==i&&t.push({child:e,layoutTokens:null!==(n=a.get(e))&&void 0!==n?n:[],rect:e.getBoundingClientRect()}),t}),[]);f.map((function(t,e){var n,i,o=t.child,a=t.layoutTokens,u=t.rect,l=r(a);return(0===e||(null===(n=s)||void 0===n?void 0:n.top)<u.top&&(null===(i=s)||void 0===i?void 0:i.left)>=u.left)&&l.push("-bol"),0<e&&c.top<u.top&&l.push("-linewrap"),s=u,{child:o,layoutTokens:l}})).forEach((function(t){var e=t.child,n=t.layoutTokens;d(e,n)}));var v=f.every((function(t){return t.rect.left===c.left})),p=r(o);v&&p.push("-stack"),p.push("divider:initialized"),d(t,p)}}},g=function(t){var e,n,i=Array.from(t.children),o=l(u(t),["stairs:initialized"]);d(t,o);var a=i[0];if(a){if(t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),i.forEach((function(t){t.style.removeProperty("--unitone--stairs-step")})),y(t)){var s,c=null===(e=(null!==(n=t.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find((function(t){return t.startsWith("-stairs-up:")})))||void 0===e?void 0:e.replace("-stairs-up:",""),f=["up-down","down-up"].includes(c),v=window.getComputedStyle(t).getPropertyValue("flex-direction"),p=t.getBoundingClientRect().bottom,m=i.reduce((function(t,e){var n=window.getComputedStyle(e).getPropertyValue("position"),r=window.getComputedStyle(e).getPropertyValue("display");return"absolute"===n||"fixed"===n||"none"===r||t.push({child:e,rect:e.getBoundingClientRect()}),t}),[]),g=0,b=g;m.map((function(t,e){var n,r,i=t.child,o=t.rect,u="row-reverse"===v?(null===(n=s)||void 0===n?void 0:n.left)<=o.left:(null===(r=s)||void 0===r?void 0:r.left)>=o.left;return 0===e||a===i&&!s||u?g=0:f?g=0===g?1:0:g++,s=o,g>b&&(b=g),{child:i,stairsStep:g}})).forEach((function(t){var e=t.child,n=t.stairsStep;e.style.setProperty("--unitone--stairs-step",n)})),t.style.setProperty("--unitone--max-stairs-step",b);var h=m.reduce((function(t,e){var n=e.child.getBoundingClientRect().bottom-p;return t>n?t:n}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",h),d(t,[].concat(r(o),["stairs:initialized"]))}}else d(t,[].concat(r(o),["stairs:initialized"]))},b=function(t){var e;if(t){var n,r=(null!==(e=t.getAttribute("data-unitone-layout"))&&void 0!==e?e:"").split(/\s+/);if(r.some((function(t){return["vertical-writing:initialized","vertical-writing:safari","-force-switch"].includes(t)}))&&(r=r.filter((function(t){return!["vertical-writing:initialized","vertical-writing:safari","-force-switch"].includes(t)})),t.setAttribute("data-unitone-layout",r.join(" "))),[].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return n=t,!0})),!n)return r.push("vertical-writing:initialized"),void t.setAttribute("data-unitone-layout",r.join(" "));var i=getComputedStyle(t),o=String(i.getPropertyValue("--unitone--threshold")).trim(),a=!1;setTimeout((function(){if(null!=t&&t.isConnected){if(o){var e=document.createElement("div");e.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(e),a=e.offsetWidth>=t.offsetWidth,e.parentNode&&e.parentNode.removeChild(e)}var i;a?(r.push("-force-switch"),null!==(i=t.parentNode)&&void 0!==i&&i.style&&(t.parentNode.style.height="")):(t.getBoundingClientRect().left>n.getBoundingClientRect().left&&r.push("vertical-writing:safari"),t.setAttribute("data-unitone-layout",r.join(" ")),requestAnimationFrame((function(){if(null!=t&&t.isConnected){var e,r=t.getBoundingClientRect(),i=n.getBoundingClientRect(),o=r.top+r.height,a=i.top+i.height;o!==a&&null!==(e=t.parentNode)&&void 0!==e&&e.style&&(t.parentNode.style.height="".concat(Math.ceil(a-r.top),"px"))}}))),r.push("vertical-writing:initialized"),t.setAttribute("data-unitone-layout",r.join(" "))}}),250)}},h=function(t){var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.fontSize);n!==parseFloat(e.getPropertyValue("--unitone--result--1em-px"))&&t.style.setProperty("--unitone--result--1em-px",n)},w=function(t){var e,n=function(){return t.querySelectorAll(':scope > [data-unitone-layout~="marquee"]')},r=n();if(0!==r.length){if(1===t.childElementCount&&1===r.length){var i=r[0];(e=i.cloneNode(!0)).setAttribute("aria-hidden","true"),i.after(e)}return(r=n()).forEach((function(t){var e,n,r;r=(null!==(n=(e=t).getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).filter((function(t){return t&&"marquee:initialized"!==t})).join(" "),e.setAttribute("data-unitone-layout",r)})),requestAnimationFrame((function(){null!=t&&t.isConnected&&n().forEach((function(t){var e,n,r;(r=null!==(n=(e=t).getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).includes("marquee:initialized")||e.setAttribute("data-unitone-layout","".concat(r," marquee:initialized").trim())}))})),e}};return e.debounce=p,e.dividersResizeObserver=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{resizeObserver:s(t,m,{getValue:f}),mutationObserver:c(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0},(function(n){var o,a=i(n);try{var u=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var i,a,u,l,d=[].concat(r(null!==(i=null==e||null===(a=e.ignore)||void 0===a?void 0:a.layout)&&void 0!==i?i:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(u=n.target.getAttribute(n.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!d.includes(t)})).join(" ")!==(null!==(l=n.oldValue)&&void 0!==l?l:"").split(" ").filter((function(t){return!d.includes(t)})).join(" ")&&m(t)}else if("attributes"===n.type&&"class"===n.attributeName){var s,c,f,v,y=r(null!==(s=null==e||null===(c=e.ignore)||void 0===c?void 0:c.className)&&void 0!==s?s:[]);(null!==(f=n.target.getAttribute(n.attributeName))&&void 0!==f?f:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")!==(null!==(v=n.oldValue)&&void 0!==v?v:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")&&m(t)}else"attributes"===n.type&&"style"===n.attributeName&&m(t)};for(a.s();!(o=a.n()).done;)u()}catch(t){a.e(t)}finally{a.f()}}))}},e.marqueeResizeObserver=function(t){var e,n=function(t){e=w(t)};return{resizeObserver:s(t,n,{getValue:v}),mutationObserver:c(t,{childList:!0},(function(r){var i;if(null!=t&&t.isConnected){var o=r.flatMap((function(t){var e;return Array.from(null!==(e=t.addedNodes)&&void 0!==e?e:[])})),a=r.flatMap((function(t){var e;return Array.from(null!==(e=t.removedNodes)&&void 0!==e?e:[])}));null!==(i=e)&&void 0!==i&&i.isConnected&&1===o.length&&0===a.length&&o[0]===e?e=null:(e=null,n(t))}}))}},e.result1emPxForFireFoxObserver=function(t){var e=t.ownerDocument;if(e.defaultView.getComputedStyle(e.documentElement).getPropertyValue("--unitone--is-firefox").trim())return{resizeObserver:s(t,h,{getValue:f}),mutationObserver:c(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],characterData:!0},(function(){h(t)}))}},e.setColumnCountForVertical=b,e.setDividerLinewrap=m,e.setMarquee=w,e.setResult1emPxForFireFox=h,e.setStairsStep=g,e.stairsResizeObserver=function(t){return s(t,g)},e.verticalsResizeObserver=function(t){var e=0,n=new ResizeObserver(p((function(t){var n,r=i(t);try{for(r.s();!(n=r.n()).done;){var o,a=n.value,u=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(e)&&(e=u,a.target.parentNode.style.height="",b(a.target))}}catch(t){r.e(t)}finally{r.f()}}),250));n.observe(t);var r=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,r,i=e[0],o=null===(n=i.addedNodes)||void 0===n?void 0:n[0],a=null===(r=i.removedNodes)||void 0===r?void 0:r[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===a.getAttribute("data-unitone-layout"))return;b(t)}}))}));return r.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:r}},e}();function r(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return i(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}(t))||e){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){l=!0,a=t},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw a}}}}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}var o=function(t){var e=t.selector,n=t.initialize,r=t.enabled,i=void 0===r?function(){return!0}:r,o=new WeakSet;return function(t){var r,a;if(i()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var u=new Set;null!==(r=t.matches)&&void 0!==r&&r.call(t,e)&&u.add(t),null===(a=t.querySelectorAll)||void 0===a||a.call(t,e).forEach((function(t){u.add(t)})),u.forEach((function(t){o.has(t)||(n(t),o.add(t))}))}}},a=function(){var t=!!window.getComputedStyle(document.documentElement).getPropertyValue("--unitone--is-firefox").trim(),e=[o({selector:'[data-unitone-layout*="-divider:"]',initialize:n.dividersResizeObserver}),o({selector:'[data-unitone-layout*="-stairs:"]',initialize:n.stairsResizeObserver}),o({selector:'[data-unitone-layout~="vertical-writing"]',initialize:n.verticalsResizeObserver}),o({selector:'[style*="font-size:"], [data-unitone-layout~="-fluid-typography"]',initialize:n.result1emPxForFireFoxObserver,enabled:function(){return t}}),o({selector:'[data-unitone-layout~="marquee-wrapper"]',initialize:n.marqueeResizeObserver})],i=function(t){e.forEach((function(e){e(t)}))};i(document.body);var a=new Set,u=0,l=function(){a.forEach((function(t){i(t)})),a.clear(),u=0};new MutationObserver((function(t){var e,n=r(t);try{for(n.s();!(e=n.n()).done;){e.value.addedNodes.forEach((function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&a.add(t)}))}}catch(t){n.e(t)}finally{n.f()}!u&&0<a.size&&(u=requestAnimationFrame(l))})).observe(document.body,{childList:!0,subtree:!0})};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",a,{once:!0}):a();

package/dist/library.js

@@ -1 +1 @@
-"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i<e;i++)n[i]=t[i];return n}function e(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(e,i){if(e){if("string"==typeof e)return t(e,i);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,i):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function(t,e){if(t){if("string"==typeof t)return n(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?n(t,e):void 0}}(t))||e){i&&(t=i);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return l=t.done,t},e:function(t){u=!0,a=t},f:function(){try{l||null==i.return||i.return()}finally{if(u)throw a}}}}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i<e;i++)n[i]=t[i];return n}function r(t,e){var i;return function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];var a=this;clearTimeout(i),i=setTimeout((function(){t.apply(a,r)}),e)}}var o=function(t){var e,i,n,r=null===(e=[].slice.call(null!==(i=null==t?void 0:t.children)&&void 0!==i?i:[]))||void 0===e?void 0:e[0];if(r){var o,a=r.getBoundingClientRect(),l=(null!==(n=t.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/);l.some((function(t){return["divider:initialized","-stack"].includes(t)}))&&(l=l.filter((function(t){return!["divider:initialized","-stack"].includes(t)})),t.setAttribute("data-unitone-layout",l.join(" ")));var u=[].slice.call(t.children).filter((function(t){var e=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");return"absolute"!==e&&"fixed"!==e&&"none"!==i}));u.forEach((function(t,e){var i,n,r=(null!==(i=t.getAttribute("data-unitone-layout"))&&void 0!==i?i:"").split(/\s+/);r.some((function(t){return["-bol","-linewrap"].includes(t)}))&&(r=r.filter((function(t){return!["-bol","-linewrap"].includes(t)})),t.setAttribute("data-unitone-layout",r.join(" ")));var l=null===(n=o)||void 0===n?void 0:n.getBoundingClientRect(),u=t.getBoundingClientRect(),s=!1;(0===e||(null==l?void 0:l.top)<u.top&&(null==l?void 0:l.left)>=u.left)&&(r.push("-bol"),s=!0),0<e&&a.top<u.top&&(r.push("-linewrap"),s=!0),s&&t.setAttribute("data-unitone-layout",r.join(" ")),o=t})),[].slice.call(u).every((function(t){return t.getBoundingClientRect().left===a.left}))&&l.push("-stack"),l.push("divider:initialized"),t.setAttribute("data-unitone-layout",l.join(" "))}},a=function(t){var e,i,n,r=[].slice.call(t.children),o=null==r?void 0:r[0];if(o){t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),[].slice.call(null!==(e=null==t?void 0:t.children)&&void 0!==e?e:[]).forEach((function(t){t.style.removeProperty("--unitone--stairs-step")}));var a,l=[],u=0,s=u,d=null===(i=(null!==(n=t.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find((function(t){return t.startsWith("-stairs-up:")})))||void 0===i?void 0:i.replace("-stairs-up:",""),c=["up-down","down-up"].includes(d),v=window.getComputedStyle(t).getPropertyValue("flex-direction");r.forEach((function(t){var e,i,n=window.getComputedStyle(t).getPropertyValue("position"),r=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==n&&"fixed"!==n&&"none"!==r){l.push(t);var d="row-reverse"===v?(null===(e=a)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(i=a)||void 0===i||null===(i=i.getBoundingClientRect())||void 0===i?void 0:i.left)>=t.getBoundingClientRect().left;o===t||d?u=0:c?u=0===u?1:0:u++,t.style.setProperty("--unitone--stairs-step",u),a=t,u>s&&(s=u)}})),t.style.setProperty("--unitone--max-stairs-step",s);var f=t.getBoundingClientRect().bottom,p=l.reduce((function(t,e){var i=e.getBoundingClientRect().bottom-f;return t>i?t:i}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",p)}},l=function(t){var e;if(t){var i,n=(null!==(e=t.getAttribute("data-unitone-layout"))&&void 0!==e?e:"").split(/\s+/);if(n.some((function(t){return["vertical-writing:initialized","vertical-writing:safari","-force-switch"].includes(t)}))&&(n=n.filter((function(t){return!["vertical-writing:initialized","vertical-writing:safari","-force-switch"].includes(t)})),t.setAttribute("data-unitone-layout",n.join(" "))),[].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return i=t,!0})),!i)return n.push("vertical-writing:initialized"),void t.setAttribute("data-unitone-layout",n.join(" "));var r=getComputedStyle(t),o=String(r.getPropertyValue("--unitone--threshold")).trim(),a=!1;setTimeout((function(){if(null!=t&&t.isConnected){if(o){var e=document.createElement("div");e.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(e),a=e.offsetWidth>=t.offsetWidth,e.parentNode&&e.parentNode.removeChild(e)}var r;if(a)n.push("-force-switch"),null!==(r=t.parentNode)&&void 0!==r&&r.style&&(t.parentNode.style.height="");else t.getBoundingClientRect().left>i.getBoundingClientRect().left&&n.push("vertical-writing:safari"),t.setAttribute("data-unitone-layout",n.join(" ")),requestAnimationFrame((function(){if(null!=t&&t.isConnected){var e,n=t.getBoundingClientRect(),r=i.getBoundingClientRect(),o=n.top+n.height,a=r.top+r.height;if(o!==a)null!==(e=t.parentNode)&&void 0!==e&&e.style&&(t.parentNode.style.height="".concat(Math.ceil(a-n.top),"px"))}}));n.push("vertical-writing:initialized"),t.setAttribute("data-unitone-layout",n.join(" "))}}),250)}},u=function(t){var e=t.ownerDocument.defaultView.getComputedStyle(t),i=parseFloat(e.fontSize);i!==parseFloat(e.getPropertyValue("--unitone--result--1em-px"))&&t.style.setProperty("--unitone--result--1em-px",i)},s=function(t){var e=function(){return t.querySelectorAll(':scope > [data-unitone-layout~="marquee"]')},i=e();if(0!==i.length){if(1===t.childElementCount&&1===i.length){var n=i[0],r=n.cloneNode(!0);r.setAttribute("aria-hidden","true"),n.after(r)}(i=e()).forEach((function(t){var e,i,n;n=(null!==(i=(e=t).getAttribute("data-unitone-layout"))&&void 0!==i?i:"").split(/\s+/).filter((function(t){return t&&"marquee:initialized"!==t})).join(" "),e.setAttribute("data-unitone-layout",n)})),requestAnimationFrame((function(){null!=t&&t.isConnected&&e().forEach((function(t){var e,i,n;(n=null!==(i=(e=t).getAttribute("data-unitone-layout"))&&void 0!==i?i:"").split(/\s+/).includes("marquee:initialized")||e.setAttribute("data-unitone-layout","".concat(n," marquee:initialized").trim())}))}))}};exports.debounce=r,exports.dividersResizeObserver=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=0,l=new ResizeObserver(r((function(t){var e,n=i(t);try{for(n.s();!(e=n.n()).done;){var r,l=e.value,u=null===(r=l.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;u!==a&&(o(l.target),a=u)}}catch(t){n.e(t)}finally{n.f()}}),250)),u=new MutationObserver((function(r){requestAnimationFrame((function(){var a,l=i(r);try{var u=function(){var i=a.value;if("attributes"===i.type&&"data-unitone-layout"===i.attributeName){var r,l,u,s,d=[].concat(e(null!==(r=null==n||null===(l=n.ignore)||void 0===l?void 0:l.layout)&&void 0!==r?r:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(u=i.target.getAttribute(i.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!d.includes(t)})).join(" ")!==(null!==(s=i.oldValue)&&void 0!==s?s:"").split(" ").filter((function(t){return!d.includes(t)})).join(" ")&&o(t)}else if("attributes"===i.type&&"class"===i.attributeName){var c,v,f,p,y=e(null!==(c=null==n||null===(v=n.ignore)||void 0===v?void 0:v.className)&&void 0!==c?c:[]);(null!==(f=i.target.getAttribute(i.attributeName))&&void 0!==f?f:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")!==(null!==(p=i.oldValue)&&void 0!==p?p:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")&&o(t)}else"attributes"===i.type&&"style"===i.attributeName&&o(t)};for(l.s();!(a=l.n()).done;)u()}catch(t){l.e(t)}finally{l.f()}}))}));return l.observe(t),u.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:l,mutationObserver:u}},exports.marqueeResizeObserver=function(t){var e=0;s(t);var n=new ResizeObserver(r((function(t){var n,r=i(t);try{for(r.s();!(n=r.n()).done;){var o,a=n.value,l=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(l)!==parseInt(e)&&(e=l,s(a.target))}}catch(t){r.e(t)}finally{r.f()}}),250));n.observe(t);var o=new MutationObserver((function(){requestAnimationFrame((function(){null!=t&&t.isConnected&&s(t)}))}));return o.observe(t,{childList:!0}),{resizeObserver:n,mutationObserver:o}},exports.result1emPxForFireFoxObserver=function(t){var e=t.ownerDocument;if(e.defaultView.getComputedStyle(e.documentElement).getPropertyValue("--unitone--is-firefox").trim()){var n=0,o=new ResizeObserver(r((function(t){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){var o,a=e.value,l=null===(o=a.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;l!==n&&(u(a.target),n=l)}}catch(t){r.e(t)}finally{r.f()}}),250)),a=new MutationObserver((function(){requestAnimationFrame((function(){u(t)}))}));return o.observe(t),a.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],characterData:!0}),{resizeObserver:o,mutationObserver:a}}},exports.setColumnCountForVertical=l,exports.setDividerLinewrap=o,exports.setMarquee=s,exports.setResult1emPxForFireFox=u,exports.setStairsStep=a,exports.stairsResizeObserver=function(t){var e=new ResizeObserver(r((function(t){var e,n=i(t);try{for(n.s();!(e=n.n()).done;){var r=e.value;a(r.target)}}catch(t){n.e(t)}finally{n.f()}}),250));return e.observe(t),e},exports.verticalsResizeObserver=function(t){var e=0,n=new ResizeObserver(r((function(t){var n,r=i(t);try{for(r.s();!(n=r.n()).done;){var o,a=n.value,u=null===(o=a.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(e)&&(e=u,a.target.parentNode.style.height="",l(a.target))}}catch(t){r.e(t)}finally{r.f()}}),250));n.observe(t);var o=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var i,n,r=e[0],o=null===(i=r.addedNodes)||void 0===i?void 0:i[0],a=null===(n=r.removedNodes)||void 0===n?void 0:n[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===a.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==a?void 0:a.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===a.getAttribute("data-unitone-layout"))return;l(t)}}))}));return o.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:o}};
+"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function e(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return i(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}(t))||e){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u,a=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){l=!0,u=t},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw u}}}}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}var r="data-unitone-layout",o=function(t){var e;return(null!==(e=t.getAttribute(r))&&void 0!==e?e:"").split(/\s+/).filter(Boolean)},u=function(t,e){return t.filter((function(t){return!e.includes(t)}))},a=function(t,e){var n,i=e.filter(Boolean).join(" ");(null!==(n=t.getAttribute(r))&&void 0!==n?n:"")!==i&&t.setAttribute(r,i)},l=function(t,e){var i,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=r.getValue,u=r.delay,a=void 0===u?250:u;e(t);var l=!0,s=new ResizeObserver(f((function(t){var r,u=n(t);try{for(u.s();!(r=u.n()).done;){var a=r.value,s=null==o?void 0:o(a);l?(i=s,l=!1):void 0!==s&&s===i||(e(a.target,a),i=s)}}catch(t){u.e(t)}finally{u.f()}}),a));return s.observe(t),s},s=function(t,e,n){var i=new MutationObserver((function(e){requestAnimationFrame((function(){null!=t&&t.isConnected&&n(e)}))}));return i.observe(t,e),i},d=function(t){var e;return null===(e=t.borderBoxSize)||void 0===e?void 0:e[0].inlineSize},c=function(t){var e;return parseInt(null===(e=t.contentRect)||void 0===e?void 0:e.width)},v=function(t){return!(null==t||!t.isConnected)&&0<t.getClientRects().length};function f(t,e){var n;return function(){for(var i=arguments.length,r=new Array(i),o=0;o<i;o++)r[o]=arguments[o];var u=this;clearTimeout(n),n=setTimeout((function(){t.apply(u,r)}),e)}}var p=function(t){var n,i=Array.from(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]),r=i[0];if(r){var l=u(o(t),["divider:initialized","-stack"]);a(t,l);var s=new Map;if(i.forEach((function(t){var e=u(o(t),["-bol","-linewrap"]);s.set(t,e),a(t,e)})),v(t)){var d,c=r.getBoundingClientRect(),f=i.reduce((function(t,e){var n,i=window.getComputedStyle(e).getPropertyValue("position"),r=window.getComputedStyle(e).getPropertyValue("display");"absolute"!==i&&"fixed"!==i&&"none"!==r&&t.push({child:e,layoutTokens:null!==(n=s.get(e))&&void 0!==n?n:[],rect:e.getBoundingClientRect()});return t}),[]);f.map((function(t,n){var i,r,o=t.child,u=t.layoutTokens,a=t.rect,l=e(u);return(0===n||(null===(i=d)||void 0===i?void 0:i.top)<a.top&&(null===(r=d)||void 0===r?void 0:r.left)>=a.left)&&l.push("-bol"),0<n&&c.top<a.top&&l.push("-linewrap"),d=a,{child:o,layoutTokens:l}})).forEach((function(t){var e=t.child,n=t.layoutTokens;a(e,n)}));var p=f.every((function(t){return t.rect.left===c.left})),y=e(l);p&&y.push("-stack"),y.push("divider:initialized"),a(t,y)}}},y=function(t){var n,i,r=Array.from(t.children),l=u(o(t),["stairs:initialized"]);a(t,l);var s=r[0];if(s){if(t.style.removeProperty("--unitone--stairs-step-overflow-volume"),t.style.removeProperty("--unitone--max-stairs-step"),r.forEach((function(t){t.style.removeProperty("--unitone--stairs-step")})),v(t)){var d,c=null===(n=(null!==(i=t.getAttribute("data-unitone-layout"))&&void 0!==i?i:"").split(/\s+/).find((function(t){return t.startsWith("-stairs-up:")})))||void 0===n?void 0:n.replace("-stairs-up:",""),f=["up-down","down-up"].includes(c),p=window.getComputedStyle(t).getPropertyValue("flex-direction"),y=t.getBoundingClientRect().bottom,g=r.reduce((function(t,e){var n=window.getComputedStyle(e).getPropertyValue("position"),i=window.getComputedStyle(e).getPropertyValue("display");return"absolute"===n||"fixed"===n||"none"===i||t.push({child:e,rect:e.getBoundingClientRect()}),t}),[]),m=0,h=m;g.map((function(t,e){var n,i,r=t.child,o=t.rect,u="row-reverse"===p?(null===(n=d)||void 0===n?void 0:n.left)<=o.left:(null===(i=d)||void 0===i?void 0:i.left)>=o.left;return 0===e||s===r&&!d||u?m=0:f?m=0===m?1:0:m++,d=o,m>h&&(h=m),{child:r,stairsStep:m}})).forEach((function(t){var e=t.child,n=t.stairsStep;e.style.setProperty("--unitone--stairs-step",n)})),t.style.setProperty("--unitone--max-stairs-step",h);var b=g.reduce((function(t,e){var n=e.child.getBoundingClientRect().bottom-y;return t>n?t:n}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",b),a(t,[].concat(e(l),["stairs:initialized"]))}}else a(t,[].concat(e(l),["stairs:initialized"]))},g=function(t){var e;if(t){var n,i=(null!==(e=t.getAttribute("data-unitone-layout"))&&void 0!==e?e:"").split(/\s+/);if(i.some((function(t){return["vertical-writing:initialized","vertical-writing:safari","-force-switch"].includes(t)}))&&(i=i.filter((function(t){return!["vertical-writing:initialized","vertical-writing:safari","-force-switch"].includes(t)})),t.setAttribute("data-unitone-layout",i.join(" "))),[].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return n=t,!0})),!n)return i.push("vertical-writing:initialized"),void t.setAttribute("data-unitone-layout",i.join(" "));var r=getComputedStyle(t),o=String(r.getPropertyValue("--unitone--threshold")).trim(),u=!1;setTimeout((function(){if(null!=t&&t.isConnected){if(o){var e=document.createElement("div");e.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(e),u=e.offsetWidth>=t.offsetWidth,e.parentNode&&e.parentNode.removeChild(e)}var r;if(u)i.push("-force-switch"),null!==(r=t.parentNode)&&void 0!==r&&r.style&&(t.parentNode.style.height="");else t.getBoundingClientRect().left>n.getBoundingClientRect().left&&i.push("vertical-writing:safari"),t.setAttribute("data-unitone-layout",i.join(" ")),requestAnimationFrame((function(){if(null!=t&&t.isConnected){var e,i=t.getBoundingClientRect(),r=n.getBoundingClientRect(),o=i.top+i.height,u=r.top+r.height;if(o!==u)null!==(e=t.parentNode)&&void 0!==e&&e.style&&(t.parentNode.style.height="".concat(Math.ceil(u-i.top),"px"))}}));i.push("vertical-writing:initialized"),t.setAttribute("data-unitone-layout",i.join(" "))}}),250)}},m=function(t){var e=t.ownerDocument.defaultView.getComputedStyle(t),n=parseFloat(e.fontSize);n!==parseFloat(e.getPropertyValue("--unitone--result--1em-px"))&&t.style.setProperty("--unitone--result--1em-px",n)},h=function(t){var e,n=function(){return t.querySelectorAll(':scope > [data-unitone-layout~="marquee"]')},i=n();if(0!==i.length){if(1===t.childElementCount&&1===i.length){var r=i[0];(e=r.cloneNode(!0)).setAttribute("aria-hidden","true"),r.after(e)}return(i=n()).forEach((function(t){var e,n,i;i=(null!==(n=(e=t).getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).filter((function(t){return t&&"marquee:initialized"!==t})).join(" "),e.setAttribute("data-unitone-layout",i)})),requestAnimationFrame((function(){null!=t&&t.isConnected&&n().forEach((function(t){var e,n,i;(i=null!==(n=(e=t).getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).includes("marquee:initialized")||e.setAttribute("data-unitone-layout","".concat(i," marquee:initialized").trim())}))})),e}};exports.debounce=f,exports.dividersResizeObserver=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{resizeObserver:l(t,p,{getValue:d}),mutationObserver:s(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0},(function(r){var o,u=n(r);try{var a=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var r,u,a,l,s=[].concat(e(null!==(r=null==i||null===(u=i.ignore)||void 0===u?void 0:u.layout)&&void 0!==r?r:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(a=n.target.getAttribute(n.attributeName))&&void 0!==a?a:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")!==(null!==(l=n.oldValue)&&void 0!==l?l:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")&&p(t)}else if("attributes"===n.type&&"class"===n.attributeName){var d,c,v,f,y=e(null!==(d=null==i||null===(c=i.ignore)||void 0===c?void 0:c.className)&&void 0!==d?d:[]);(null!==(v=n.target.getAttribute(n.attributeName))&&void 0!==v?v:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")!==(null!==(f=n.oldValue)&&void 0!==f?f:"").split(" ").filter((function(t){return!y.includes(t)})).join(" ")&&p(t)}else"attributes"===n.type&&"style"===n.attributeName&&p(t)};for(u.s();!(o=u.n()).done;)a()}catch(t){u.e(t)}finally{u.f()}}))}},exports.marqueeResizeObserver=function(t){var e,n=function(t){e=h(t)};return{resizeObserver:l(t,n,{getValue:c}),mutationObserver:s(t,{childList:!0},(function(i){var r;if(null!=t&&t.isConnected){var o=i.flatMap((function(t){var e;return Array.from(null!==(e=t.addedNodes)&&void 0!==e?e:[])})),u=i.flatMap((function(t){var e;return Array.from(null!==(e=t.removedNodes)&&void 0!==e?e:[])}));null!==(r=e)&&void 0!==r&&r.isConnected&&1===o.length&&0===u.length&&o[0]===e?e=null:(e=null,n(t))}}))}},exports.result1emPxForFireFoxObserver=function(t){var e=t.ownerDocument;if(e.defaultView.getComputedStyle(e.documentElement).getPropertyValue("--unitone--is-firefox").trim()){return{resizeObserver:l(t,m,{getValue:d}),mutationObserver:s(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],characterData:!0},(function(){m(t)}))}}},exports.setColumnCountForVertical=g,exports.setDividerLinewrap=p,exports.setMarquee=h,exports.setResult1emPxForFireFox=m,exports.setStairsStep=y,exports.stairsResizeObserver=function(t){return l(t,y)},exports.verticalsResizeObserver=function(t){var e=0,i=new ResizeObserver(f((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var o,u=i.value,a=null===(o=u.contentRect)||void 0===o?void 0:o.width;parseInt(a)!==parseInt(e)&&(e=a,u.target.parentNode.style.height="",g(u.target))}}catch(t){r.e(t)}finally{r.f()}}),250));i.observe(t);var r=new MutationObserver((function(e){requestAnimationFrame((function(){if(0<e.length){var n,i,r=e[0],o=null===(n=r.addedNodes)||void 0===n?void 0:n[0],u=null===(i=r.removedNodes)||void 0===i?void 0:i[0];if((null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===o.getAttribute("data-unitone-layout")||(null==u?void 0:u.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===u.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==u?void 0:u.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===u.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==u?void 0:u.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===u.getAttribute("data-unitone-layout"))return;g(t)}}))}));return r.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:i,mutationObserver:r}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inc2734/unitone-css",
-  "version": "0.94.1",
+  "version": "0.94.3",
   "description": "",
   "engines": {
     "node": ">=20.10.0",

package/src/app.js

@@ -6,118 +6,105 @@ import {
   marqueeResizeObserver,
 } from '@inc2734/unitone-css/library';
 
-document.addEventListener('DOMContentLoaded', () => {
-  const observer = new MutationObserver((entries) => {
-    requestAnimationFrame(() => {
-      for (const entry of entries) {
-        entry.addedNodes.forEach((addedNode) => {
-          const targets = addedNode.parentNode?.querySelectorAll(
-            '[data-unitone-layout*="-divider:"]',
-          );
-          targets?.forEach((target) => {
-            dividersResizeObserver(target);
-          });
-        });
-      }
-    });
-  });
+const createInitializer = ({ selector, initialize, enabled = () => true }) => {
+  const initialized = new WeakSet();
 
-  observer.observe(document.body, {
-    childList: true,
-    subtree: true,
-  });
-});
+  return (root) => {
+    if (!enabled() || root?.nodeType !== Node.ELEMENT_NODE) {
+      return;
+    }
 
-document.addEventListener('DOMContentLoaded', () => {
-  const observer = new MutationObserver((entries) => {
-    requestAnimationFrame(() => {
-      for (const entry of entries) {
-        entry.addedNodes.forEach((addedNode) => {
-          const targets = addedNode.parentNode?.querySelectorAll(
-            '[data-unitone-layout*="-stairs:"]',
-          );
-          targets?.forEach((target) => {
-            stairsResizeObserver(target);
-          });
-        });
+    const targets = new Set();
+
+    if (root.matches?.(selector)) {
+      targets.add(root);
+    }
+
+    root.querySelectorAll?.(selector).forEach((target) => {
+      targets.add(target);
+    });
+
+    targets.forEach((target) => {
+      if (initialized.has(target)) {
+        return;
       }
+
+      initialize(target);
+      initialized.add(target);
     });
-  });
+  };
+};
 
-  observer.observe(document.body, {
-    childList: true,
-    subtree: true,
-  });
-});
+const initializeLayouts = () => {
+  const computedStyle = window.getComputedStyle(document.documentElement);
+  const isFirefox = !!computedStyle.getPropertyValue('--unitone--is-firefox').trim();
 
-document.addEventListener('DOMContentLoaded', () => {
-  const observer = new MutationObserver((entries) => {
-    requestAnimationFrame(() => {
-      for (const entry of entries) {
-        entry.addedNodes.forEach((addedNode) => {
-          const targets = addedNode.parentNode?.querySelectorAll(
-            '[data-unitone-layout~="vertical-writing"]',
-          );
-          targets?.forEach((target) => {
-            verticalsResizeObserver(target);
-          });
-        });
-      }
+  const initializers = [
+    createInitializer({
+      selector: '[data-unitone-layout*="-divider:"]',
+      initialize: dividersResizeObserver,
+    }),
+    createInitializer({
+      selector: '[data-unitone-layout*="-stairs:"]',
+      initialize: stairsResizeObserver,
+    }),
+    createInitializer({
+      selector: '[data-unitone-layout~="vertical-writing"]',
+      initialize: verticalsResizeObserver,
+    }),
+    createInitializer({
+      selector: '[style*="font-size:"], [data-unitone-layout~="-fluid-typography"]',
+      initialize: result1emPxForFireFoxObserver,
+      enabled: () => isFirefox,
+    }),
+    createInitializer({
+      selector: '[data-unitone-layout~="marquee-wrapper"]',
+      initialize: marqueeResizeObserver,
+    }),
+  ];
+
+  const initializeNode = (node) => {
+    initializers.forEach((initialize) => {
+      initialize(node);
     });
-  });
+  };
 
-  observer.observe(document.body, {
-    childList: true,
-    subtree: true,
-  });
-});
+  initializeNode(document.body);
 
-document.addEventListener('DOMContentLoaded', () => {
-  const computedStyle = window.getComputedStyle(document.documentElement);
-  const isFirefox = computedStyle.getPropertyValue('--unitone--is-firefox').trim();
-  if (!isFirefox) {
-    return;
-  }
+  const pendingNodes = new Set();
+  let rafId = 0;
 
-  const observer = new MutationObserver((entries) => {
-    requestAnimationFrame(() => {
-      for (const entry of entries) {
-        entry.addedNodes.forEach((addedNode) => {
-          const targets = addedNode.parentNode?.querySelectorAll(
-            '[style*="font-size:"], [data-unitone-layout~="-fluid-typography"]',
-          );
-          targets?.forEach((target) => {
-            result1emPxForFireFoxObserver(target);
-          });
-        });
-      }
+  const flushPendingNodes = () => {
+    pendingNodes.forEach((node) => {
+      initializeNode(node);
     });
-  });
 
-  observer.observe(document.body, {
-    childList: true,
-    subtree: true,
-  });
-});
+    pendingNodes.clear();
+    rafId = 0;
+  };
 
-document.addEventListener('DOMContentLoaded', () => {
   const observer = new MutationObserver((entries) => {
-    requestAnimationFrame(() => {
-      for (const entry of entries) {
-        entry.addedNodes.forEach((addedNode) => {
-          const targets = addedNode.parentNode?.querySelectorAll(
-            '[data-unitone-layout~="marquee-wrapper"]',
-          );
-          targets?.forEach((target) => {
-            marqueeResizeObserver(target);
-          });
-        });
-      }
-    });
+    for (const entry of entries) {
+      entry.addedNodes.forEach((addedNode) => {
+        if (addedNode?.nodeType === Node.ELEMENT_NODE) {
+          pendingNodes.add(addedNode);
+        }
+      });
+    }
+
+    if (!rafId && 0 < pendingNodes.size) {
+      rafId = requestAnimationFrame(flushPendingNodes);
+    }
   });
 
   observer.observe(document.body, {
     childList: true,
     subtree: true,
   });
-});
+};
+
+if ('loading' === document.readyState) {
+  document.addEventListener('DOMContentLoaded', initializeLayouts, { once: true });
+} else {
+  initializeLayouts();
+}

package/src/layout-primitives/marquee/_marquee.scss

@@ -47,6 +47,7 @@
 
   > * {
     flex: 0 0 var(--unitone--item-width);
+    max-width: var(--unitone--item-width);
     min-width: 0;
   }
 }

package/src/layout-primitives/responsive-grid/_responsive-grid.scss

@@ -208,7 +208,7 @@
     padding-bottom: calc(var(--unitone--stairs-step-overflow-volume, 0) * 1px);
     visibility: hidden;
 
-    &[style*="--unitone--stairs-step-overflow-volume:"] {
+    &[data-unitone-layout~="stairs:initialized"] {
       visibility: visible;
     }
 

package/src/layout-primitives/switcher/_switcher.scss

@@ -21,7 +21,7 @@
     padding-bottom: calc(var(--unitone--stairs-step-overflow-volume, 0) * 1px);
     visibility: hidden;
 
-    &[style*="--unitone--stairs-step-overflow-volume:"] {
+    &[data-unitone-layout~="stairs:initialized"] {
       visibility: visible;
     }