@inc2734/unitone-css 0.62.4 → 0.62.6

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,i=new Array(t);n<t;n++)i[n]=e[n];return i}function i(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 i=Object.prototype.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)?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 o(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 r(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)?r(e,t):void 0}}(e))||t){n&&(e=n);var i=0,o=function(){};return{s:o,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},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 l,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,l=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw l}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}e=1;var l=function(e){var t=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(e).getPropertyValue("font-size"));e.style.setProperty("--unitone--fluid-font-size-magnification",n/t)},u=function(e){var t,n,o,r=null===(t=[].slice.call(null!==(n=null==e?void 0:e.children)&&void 0!==n?n:[]))||void 0===t?void 0:t[0];r&&([].slice.call(e.children).forEach((function(e){var t=e.getAttribute("data-unitone-layout")||"",n=t.split(" ");e.classList.contains("unitone-empty")?e.remove():(n=i(n.filter((function(e){return!["-bol","-linewrap"," "].includes(e)}))).join(" ")||"")!==t&&e.setAttribute("data-unitone-layout",n)})),[].slice.call(e.children).forEach((function(e){var t,n=r.getBoundingClientRect(),l=null===(t=o)||void 0===t?void 0:t.getBoundingClientRect(),u=e.getAttribute("data-unitone-layout")||"",a=u.split(" ");if((r===e||(null==l?void 0:l.top)<e.getBoundingClientRect().top)&&(a.includes("-bol")||(a=[].concat(i(a),["-bol"]))),(null==l?void 0:l.top)<e.getBoundingClientRect().top){var d=document.createElement("div");d.classList.add("unitone-empty"),e.before(d),(null==l?void 0:l.top)<d.getBoundingClientRect().top&&d.remove()}n.top<e.getBoundingClientRect().top&&(a.includes("-linewrap")||(a=[].concat(i(a),["-linewrap"]))),(a=a.filter(Boolean).join(" ")||"")!==u&&e.setAttribute("data-unitone-layout",a),o=e})))},a=function(e){var t,n,i,o=[].slice.call(e.children),r=null==o?void 0:o[0];if(r){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 l,u=e.getBoundingClientRect(),a=[],d=0,c=d;o.forEach((function(e){var t,n=window.getComputedStyle(e).getPropertyValue("position"),i=window.getComputedStyle(e).getPropertyValue("display");"absolute"!==n&&"fixed"!==n&&"none"!==i&&(a.push(e),r===e||(null===(t=l)||void 0===t||null===(t=t.getBoundingClientRect())||void 0===t?void 0:t.left)>=e.getBoundingClientRect().left?(d=0,e.style.setProperty("--unitone--stairs-step",d)):(d++,e.style.setProperty("--unitone--stairs-step",d)),l=e,d>c&&(c=d))})),e.style.setProperty("--unitone--max-stairs-step",c);var s=a.reduce((function(e,t){var n=null!=e&&e.childrenTop?Math.min(null==e?void 0:e.childrenTop,t.getBoundingClientRect().top):t.getBoundingClientRect().top,i=t.getBoundingClientRect().bottom-n;return{childrenTop:n,childrenHeight:Math.max(null==e?void 0:e.childrenHeight,i)}}),{childrenTop:null==a||null===(n=a[0])||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.top,childrenHeight:null==a||null===(i=a[0])||void 0===i||null===(i=i.getBoundingClientRect())||void 0===i?void 0:i.height}).childrenHeight;e.style.setProperty("--unitone--stairs-step-overflow-volume",s-u.height)}},d=function(e){e.style.columnCount="",e.setAttribute("data-unitone-layout",e.getAttribute("data-unitone-layout").replace(" -force-switch",""));var t,n=getComputedStyle(e);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),e.appendChild(i);var o=i.offsetWidth>=e.offsetWidth;if(e.removeChild(i),o)return void e.setAttribute("data-unitone-layout","".concat(e.getAttribute("data-unitone-layout")," -force-switch"))}if([].slice.call(e.children).reverse().some((function(e){if(!["absolute","fixed"].includes(getComputedStyle(e).position))return t=e,!0})),t){var r=!1;e.getBoundingClientRect().left>t.getBoundingClientRect().left&&(e.style.columnCount=2,r=!0),setTimeout((function(){var n=e.getBoundingClientRect().top+e.getBoundingClientRect().height,i=t.getBoundingClientRect().top+t.getBoundingClientRect().height;n!==i&&(e.parentNode.style.height="".concat(Math.ceil(i-e.getBoundingClientRect().top),"px"))}),r?250:0)}};return t.dividersResizeObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,r=new ResizeObserver((function(e){var t,i=o(e);try{for(i.s();!(t=i.n()).done;){var r,l=t.value,a=null===(r=l.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;a!==n&&(u(l.target),n=a)}}catch(e){i.e(e)}finally{i.f()}})),l={attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0},a=new MutationObserver((function(e){var n,r=o(e);try{var l=function(){var e=n.value;if("attributes"===e.type&&"data-unitone-layout"===e.attributeName){var o,r,l,a,d=[].concat(i(null!==(o=null==t||null===(r=t.ignore)||void 0===r?void 0:r.layout)&&void 0!==o?o:[]),["-bol","-linewrap"]);(null!==(l=e.target.getAttribute(e.attributeName))&&void 0!==l?l:"").split(" ").filter((function(e){return!d.includes(e)})).join(" ")!==(null!==(a=e.oldValue)&&void 0!==a?a:"").split(" ").filter((function(e){return!d.includes(e)})).join(" ")&&u(e.target)}else if("attributes"===e.type&&"class"===e.attributeName){var c,s,v,f,y=i(null!==(c=null==t||null===(s=t.ignore)||void 0===s?void 0:s.className)&&void 0!==c?c:[]);(null!==(v=e.target.getAttribute(e.attributeName))&&void 0!==v?v:"").split(" ").filter((function(e){return!y.includes(e)})).join(" ")!==(null!==(f=e.oldValue)&&void 0!==f?f:"").split(" ").filter((function(e){return!y.includes(e)})).join(" ")&&u(e.target)}else"attributes"===e.type&&"style"===e.attributeName&&u(e.target)};for(r.s();!(n=r.n()).done;)l()}catch(e){r.e(e)}finally{r.f()}})),d=new IntersectionObserver((function(e,t){e.forEach((function(e){var n=e.target;e.isIntersecting&&(t.unobserve(n),r.observe(n),a.observe(n,l))}))}),{rootMargin:"100px 0px"});d.observe(e)},t.fluidFontSizeResizeObserver=function(e){var t=0;new ResizeObserver((function(e){var n,i=o(e);try{for(i.s();!(n=i.n()).done;){var r,u=n.value,a=null===(r=u.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;a!==t&&(l(u.target),t=a)}}catch(e){i.e(e)}finally{i.f()}})).observe(e)},t.setDividerLinewrap=u,t.stairsResizeObserver=function(e){var t=0;new ResizeObserver((function(e){var n,i=o(e);try{for(i.s();!(n=i.n()).done;){var r,l=n.value,u=null===(r=l.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;u!==t&&(a(l.target),t=u)}}catch(e){i.e(e)}finally{i.f()}})).observe(e)},t.verticalsResizeObserver=function(e){var t=0;e.setAttribute("data-unitone-layout","".concat(e.getAttribute("data-unitone-layout")," -initialized"));var n=new ResizeObserver((function(i,r){var l,u=o(i);try{var a=function(){var i,o=l.value,u=null===(i=o.contentRect)||void 0===i?void 0:i.width;parseInt(u)!==parseInt(t)&&(t=u,n.unobserve(e),r.unobserve(o.target),o.target.parentNode.style.height="",d(o.target),setTimeout((function(){r.observe(o.target)}),500))};for(u.s();!(l=u.n()).done;)a()}catch(e){u.e(e)}finally{u.f()}}));n.observe(e);var i,r={attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0};new MutationObserver((function(t,o){if(clearTimeout(i),0<t.length){var l,u,a=t[0],c=null===(l=a.addedNodes)||void 0===l?void 0:l[0],s=null===(u=a.removedNodes)||void 0===u?void 0:u[0];if((null==c?void 0:c.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===c.getAttribute("data-unitone-layout")||(null==s?void 0:s.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===s.getAttribute("data-unitone-layout"))return;o.disconnect(),n.unobserve(e),i=setTimeout((function(){d(e),setTimeout((function(){o.observe(e,r),n.observe(e)}),500)}),500)}})).observe(e,r)},t}();document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){var t,i=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout~="-fluid-typography"]');null==i||i.forEach((function(e){n.fluidFontSizeResizeObserver(e)}))}))}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){var t,i=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout*="-divider:"]');null==i||i.forEach((function(e){n.dividersResizeObserver(e)}))}))}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){var t,i=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==i||i.forEach((function(e){n.stairsResizeObserver(e)}))}))}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){var t,i=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==i||i.forEach((function(e){n.verticalsResizeObserver(e)}))}))}))})).observe(document.body,{childList:!0,subtree:!0})}));
+"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,i=new Array(t);n<t;n++)i[n]=e[n];return i}function i(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 i=Object.prototype.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)?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 o(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 r(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)?r(e,t):void 0}}(e))||t){n&&(e=n);var i=0,o=function(){};return{s:o,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},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 l,u=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return u=e.done,e},e:function(e){a=!0,l=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw l}}}}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}e=1;var l=function(e){var t=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(e).getPropertyValue("font-size"));e.style.setProperty("--unitone--fluid-font-size-magnification",n/t)},u=function(e){var t,n,i,o=null===(t=[].slice.call(null!==(n=null==e?void 0:e.children)&&void 0!==n?n:[]))||void 0===t?void 0:t[0];o&&([].slice.call(e.children).forEach((function(e){if(e.classList.contains("unitone-empty"))e.remove();else{var t=e.getAttribute("data-unitone-layout")||"",n=t.split(" ").filter((function(e){return!["-bol","-linewrap"," "].includes(e)})).join(" ");n!==t&&e.setAttribute("data-unitone-layout",n)}})),[].slice.call(e.children).forEach((function(e){var t,n=o.getBoundingClientRect(),r=null===(t=i)||void 0===t?void 0:t.getBoundingClientRect(),l=e.getBoundingClientRect(),u=e.getAttribute("data-unitone-layout")||"",a=u.split(" ");if((o===e||(null==r?void 0:r.top)<l.top&&(null==r?void 0:r.left)>=l.left)&&(a.includes("-bol")||a.push("-bol")),(null==r?void 0:r.top)<l.top){var d=document.createElement("div");d.classList.add("unitone-empty"),e.before(d),(null==r?void 0:r.top)<d.getBoundingClientRect().top&&d.remove()}n.top<l.top&&(a.includes("-linewrap")||a.push("-linewrap")),a!==u&&e.setAttribute("data-unitone-layout",a.filter(Boolean).join(" ")||""),i=e})))},a=function(e){var t,n,i,o=[].slice.call(e.children),r=null==o?void 0:o[0];if(r){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 l,u=e.getBoundingClientRect(),a=[],d=0,s=d;o.forEach((function(e){var t,n=window.getComputedStyle(e).getPropertyValue("position"),i=window.getComputedStyle(e).getPropertyValue("display");"absolute"!==n&&"fixed"!==n&&"none"!==i&&(a.push(e),r===e||(null===(t=l)||void 0===t||null===(t=t.getBoundingClientRect())||void 0===t?void 0:t.left)>=e.getBoundingClientRect().left?(d=0,e.style.setProperty("--unitone--stairs-step",d)):(d++,e.style.setProperty("--unitone--stairs-step",d)),l=e,d>s&&(s=d))})),e.style.setProperty("--unitone--max-stairs-step",s);var c=a.reduce((function(e,t){var n=null!=e&&e.childrenTop?Math.min(null==e?void 0:e.childrenTop,t.getBoundingClientRect().top):t.getBoundingClientRect().top,i=t.getBoundingClientRect().bottom-n;return{childrenTop:n,childrenHeight:Math.max(null==e?void 0:e.childrenHeight,i)}}),{childrenTop:null==a||null===(n=a[0])||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.top,childrenHeight:null==a||null===(i=a[0])||void 0===i||null===(i=i.getBoundingClientRect())||void 0===i?void 0:i.height}).childrenHeight;e.style.setProperty("--unitone--stairs-step-overflow-volume",c-u.height)}},d=function(e){e.style.columnCount="",e.setAttribute("data-unitone-layout",e.getAttribute("data-unitone-layout").replace(" -force-switch",""));var t,n=getComputedStyle(e);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),e.appendChild(i);var o=i.offsetWidth>=e.offsetWidth;if(e.removeChild(i),o)return void e.setAttribute("data-unitone-layout","".concat(e.getAttribute("data-unitone-layout")," -force-switch"))}if([].slice.call(e.children).reverse().some((function(e){if(!["absolute","fixed"].includes(getComputedStyle(e).position)&&"none"!==getComputedStyle(e).display)return t=e,!0})),t){var r=!1;e.getBoundingClientRect().left>t.getBoundingClientRect().left&&(e.style.columnCount=2,r=!0),setTimeout((function(){var n=e.getBoundingClientRect().top+e.getBoundingClientRect().height,i=t.getBoundingClientRect().top+t.getBoundingClientRect().height;n!==i&&(e.parentNode.style.height="".concat(Math.ceil(i-e.getBoundingClientRect().top),"px"))}),r?250:0)}};return t.dividersResizeObserver=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,r=new ResizeObserver((function(e){var t,i=o(e);try{for(i.s();!(t=i.n()).done;){var r,l=t.value,a=null===(r=l.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;a!==n&&(u(l.target),n=a)}}catch(e){i.e(e)}finally{i.f()}})),l={attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0},a=new MutationObserver((function(e){var n,r=o(e);try{var l=function(){var e=n.value;if("attributes"===e.type&&"data-unitone-layout"===e.attributeName){var o,r,l,a,d=[].concat(i(null!==(o=null==t||null===(r=t.ignore)||void 0===r?void 0:r.layout)&&void 0!==o?o:[]),["-bol","-linewrap"]);(null!==(l=e.target.getAttribute(e.attributeName))&&void 0!==l?l:"").split(" ").filter((function(e){return!d.includes(e)})).join(" ")!==(null!==(a=e.oldValue)&&void 0!==a?a:"").split(" ").filter((function(e){return!d.includes(e)})).join(" ")&&u(e.target)}else if("attributes"===e.type&&"class"===e.attributeName){var s,c,v,f,y=i(null!==(s=null==t||null===(c=t.ignore)||void 0===c?void 0:c.className)&&void 0!==s?s:[]);(null!==(v=e.target.getAttribute(e.attributeName))&&void 0!==v?v:"").split(" ").filter((function(e){return!y.includes(e)})).join(" ")!==(null!==(f=e.oldValue)&&void 0!==f?f:"").split(" ").filter((function(e){return!y.includes(e)})).join(" ")&&u(e.target)}else"attributes"===e.type&&"style"===e.attributeName&&u(e.target)};for(r.s();!(n=r.n()).done;)l()}catch(e){r.e(e)}finally{r.f()}})),d=new IntersectionObserver((function(e,t){e.forEach((function(e){var n=e.target;e.isIntersecting&&(t.unobserve(n),r.observe(n),a.observe(n,l))}))}),{rootMargin:"100px 0px"});d.observe(e)},t.fluidFontSizeResizeObserver=function(e){var t=0;new ResizeObserver((function(e){var n,i=o(e);try{for(i.s();!(n=i.n()).done;){var r,u=n.value,a=null===(r=u.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;a!==t&&(l(u.target),t=a)}}catch(e){i.e(e)}finally{i.f()}})).observe(e)},t.setDividerLinewrap=u,t.setStairsStep=a,t.stairsResizeObserver=function(e){var t=0;new ResizeObserver((function(e){var n,i=o(e);try{for(i.s();!(n=i.n()).done;){var r,l=n.value,u=null===(r=l.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;u!==t&&(a(l.target),t=u)}}catch(e){i.e(e)}finally{i.f()}})).observe(e)},t.verticalsResizeObserver=function(e){var t=0;e.setAttribute("data-unitone-layout","".concat(e.getAttribute("data-unitone-layout")," -initialized"));var n=new ResizeObserver((function(i,r){var l,u=o(i);try{var a=function(){var i,o=l.value,u=null===(i=o.contentRect)||void 0===i?void 0:i.width;parseInt(u)!==parseInt(t)&&(t=u,n.unobserve(e),r.unobserve(o.target),o.target.parentNode.style.height="",d(o.target),setTimeout((function(){r.observe(o.target)}),500))};for(u.s();!(l=u.n()).done;)a()}catch(e){u.e(e)}finally{u.f()}}));n.observe(e);var i,r={attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0};new MutationObserver((function(t,o){if(clearTimeout(i),0<t.length){var l,u,a=t[0],s=null===(l=a.addedNodes)||void 0===l?void 0:l[0],c=null===(u=a.removedNodes)||void 0===u?void 0:u[0];if((null==s?void 0:s.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===s.getAttribute("data-unitone-layout")||(null==c?void 0:c.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===c.getAttribute("data-unitone-layout"))return;o.disconnect(),n.unobserve(e),i=setTimeout((function(){d(e),setTimeout((function(){o.observe(e,r),n.observe(e)}),500)}),500)}})).observe(e,r)},t}();document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){var t,i=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout~="-fluid-typography"]');null==i||i.forEach((function(e){n.fluidFontSizeResizeObserver(e)}))}))}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){var t,i=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout*="-divider:"]');null==i||i.forEach((function(e){n.dividersResizeObserver(e)}))}))}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){var t,i=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==i||i.forEach((function(e){n.stairsResizeObserver(e)}))}))}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){var t,i=null===(t=e.parentNode)||void 0===t?void 0:t.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==i||i.forEach((function(e){n.verticalsResizeObserver(e)}))}))}))})).observe(document.body,{childList:!0,subtree:!0})}));

package/dist/library.js

@@ -1 +1 @@
-"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new 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=Object.prototype.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 l,u=!0,a=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){a=!0,l=t},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw l}}}}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=function(t){var e=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(t).getPropertyValue("font-size"));t.style.setProperty("--unitone--fluid-font-size-magnification",n/e)},o=function(t){var n,i,r,o=null===(n=[].slice.call(null!==(i=null==t?void 0:t.children)&&void 0!==i?i:[]))||void 0===n?void 0:n[0];o&&([].slice.call(t.children).forEach((function(t){var n=t.getAttribute("data-unitone-layout")||"",i=n.split(" ");t.classList.contains("unitone-empty")?t.remove():(i=e(i.filter((function(t){return!["-bol","-linewrap"," "].includes(t)}))).join(" ")||"")!==n&&t.setAttribute("data-unitone-layout",i)})),[].slice.call(t.children).forEach((function(t){var n,i=o.getBoundingClientRect(),l=null===(n=r)||void 0===n?void 0:n.getBoundingClientRect(),u=t.getAttribute("data-unitone-layout")||"",a=u.split(" ");if((o===t||(null==l?void 0:l.top)<t.getBoundingClientRect().top)&&(a.includes("-bol")||(a=[].concat(e(a),["-bol"]))),(null==l?void 0:l.top)<t.getBoundingClientRect().top){var s=document.createElement("div");s.classList.add("unitone-empty"),t.before(s),(null==l?void 0:l.top)<s.getBoundingClientRect().top&&s.remove()}i.top<t.getBoundingClientRect().top&&(a.includes("-linewrap")||(a=[].concat(e(a),["-linewrap"]))),(a=a.filter(Boolean).join(" ")||"")!==u&&t.setAttribute("data-unitone-layout",a),r=t})))},l=function(t){var e,n,i,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 l,u=t.getBoundingClientRect(),a=[],s=0,c=s;r.forEach((function(t){var e,n=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==n&&"fixed"!==n&&"none"!==i&&(a.push(t),o===t||(null===(e=l)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)>=t.getBoundingClientRect().left?(s=0,t.style.setProperty("--unitone--stairs-step",s)):(s++,t.style.setProperty("--unitone--stairs-step",s)),l=t,s>c&&(c=s))})),t.style.setProperty("--unitone--max-stairs-step",c);var d=a.reduce((function(t,e){var n=null!=t&&t.childrenTop?Math.min(null==t?void 0:t.childrenTop,e.getBoundingClientRect().top):e.getBoundingClientRect().top,i=e.getBoundingClientRect().bottom-n;return{childrenTop:n,childrenHeight:Math.max(null==t?void 0:t.childrenHeight,i)}}),{childrenTop:null==a||null===(n=a[0])||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.top,childrenHeight:null==a||null===(i=a[0])||void 0===i||null===(i=i.getBoundingClientRect())||void 0===i?void 0:i.height}).childrenHeight;t.style.setProperty("--unitone--stairs-step-overflow-volume",d-u.height)}},u=function(t){t.style.columnCount="",t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(i);var r=i.offsetWidth>=t.offsetWidth;if(t.removeChild(i),r)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}if([].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position))return e=t,!0})),e){var o=!1;t.getBoundingClientRect().left>e.getBoundingClientRect().left&&(t.style.columnCount=2,o=!0),setTimeout((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,i=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==i&&(t.parentNode.style.height="".concat(Math.ceil(i-t.getBoundingClientRect().top),"px"))}),o?250:0)}};exports.dividersResizeObserver=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=0,l=new ResizeObserver((function(t){var e,i=n(t);try{for(i.s();!(e=i.n()).done;){var l,u=e.value,a=null===(l=u.borderBoxSize)||void 0===l?void 0:l[0].inlineSize;a!==r&&(o(u.target),r=a)}}catch(t){i.e(t)}finally{i.f()}})),u={attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0},a=new MutationObserver((function(t){var r,l=n(t);try{var u=function(){var t=r.value;if("attributes"===t.type&&"data-unitone-layout"===t.attributeName){var n,l,u,a,s=[].concat(e(null!==(n=null==i||null===(l=i.ignore)||void 0===l?void 0:l.layout)&&void 0!==n?n:[]),["-bol","-linewrap"]);(null!==(u=t.target.getAttribute(t.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")!==(null!==(a=t.oldValue)&&void 0!==a?a:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")&&o(t.target)}else if("attributes"===t.type&&"class"===t.attributeName){var c,d,v,f,g=e(null!==(c=null==i||null===(d=i.ignore)||void 0===d?void 0:d.className)&&void 0!==c?c:[]);(null!==(v=t.target.getAttribute(t.attributeName))&&void 0!==v?v:"").split(" ").filter((function(t){return!g.includes(t)})).join(" ")!==(null!==(f=t.oldValue)&&void 0!==f?f:"").split(" ").filter((function(t){return!g.includes(t)})).join(" ")&&o(t.target)}else"attributes"===t.type&&"style"===t.attributeName&&o(t.target)};for(l.s();!(r=l.n()).done;)u()}catch(t){l.e(t)}finally{l.f()}})),s=new IntersectionObserver((function(t,e){t.forEach((function(t){var n=t.target;t.isIntersecting&&(e.unobserve(n),l.observe(n),a.observe(n,u))}))}),{rootMargin:"100px 0px"});s.observe(t)},exports.fluidFontSizeResizeObserver=function(t){var e=0;new ResizeObserver((function(t){var i,o=n(t);try{for(o.s();!(i=o.n()).done;){var l,u=i.value,a=null===(l=u.borderBoxSize)||void 0===l?void 0:l[0].inlineSize;a!==e&&(r(u.target),e=a)}}catch(t){o.e(t)}finally{o.f()}})).observe(t)},exports.setDividerLinewrap=o,exports.stairsResizeObserver=function(t){var e=0;new ResizeObserver((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var o,u=i.value,a=null===(o=u.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;a!==e&&(l(u.target),e=a)}}catch(t){r.e(t)}finally{r.f()}})).observe(t)},exports.verticalsResizeObserver=function(t){var e=0;t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -initialized"));var i=new ResizeObserver((function(r,o){var l,a=n(r);try{var s=function(){var n,r=l.value,a=null===(n=r.contentRect)||void 0===n?void 0:n.width;parseInt(a)!==parseInt(e)&&(e=a,i.unobserve(t),o.unobserve(r.target),r.target.parentNode.style.height="",u(r.target),setTimeout((function(){o.observe(r.target)}),500))};for(a.s();!(l=a.n()).done;)s()}catch(t){a.e(t)}finally{a.f()}}));i.observe(t);var r,o={attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0};new MutationObserver((function(e,n){if(clearTimeout(r),0<e.length){var l,a,s=e[0],c=null===(l=s.addedNodes)||void 0===l?void 0:l[0],d=null===(a=s.removedNodes)||void 0===a?void 0:a[0];if((null==c?void 0:c.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===c.getAttribute("data-unitone-layout")||(null==d?void 0:d.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===d.getAttribute("data-unitone-layout"))return;n.disconnect(),i.unobserve(t),r=setTimeout((function(){u(t),setTimeout((function(){n.observe(t,o),i.observe(t)}),500)}),500)}})).observe(t,o)};
+"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new 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=Object.prototype.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 l,u=!0,a=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return u=t.done,t},e:function(t){a=!0,l=t},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw l}}}}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=function(t){var e=parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("font-size")),n=parseFloat(window.getComputedStyle(t).getPropertyValue("font-size"));t.style.setProperty("--unitone--fluid-font-size-magnification",n/e)},o=function(t){var e,n,i,r=null===(e=[].slice.call(null!==(n=null==t?void 0:t.children)&&void 0!==n?n:[]))||void 0===e?void 0:e[0];r&&([].slice.call(t.children).forEach((function(t){if(t.classList.contains("unitone-empty"))t.remove();else{var e=t.getAttribute("data-unitone-layout")||"",n=e.split(" ").filter((function(t){return!["-bol","-linewrap"," "].includes(t)})).join(" ");n!==e&&t.setAttribute("data-unitone-layout",n)}})),[].slice.call(t.children).forEach((function(t){var e,n=r.getBoundingClientRect(),o=null===(e=i)||void 0===e?void 0:e.getBoundingClientRect(),l=t.getBoundingClientRect(),u=t.getAttribute("data-unitone-layout")||"",a=u.split(" ");if((r===t||(null==o?void 0:o.top)<l.top&&(null==o?void 0:o.left)>=l.left)&&(a.includes("-bol")||a.push("-bol")),(null==o?void 0:o.top)<l.top){var s=document.createElement("div");s.classList.add("unitone-empty"),t.before(s),(null==o?void 0:o.top)<s.getBoundingClientRect().top&&s.remove()}n.top<l.top&&(a.includes("-linewrap")||a.push("-linewrap")),a!==u&&t.setAttribute("data-unitone-layout",a.filter(Boolean).join(" ")||""),i=t})))},l=function(t){var e,n,i,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 l,u=t.getBoundingClientRect(),a=[],s=0,d=s;r.forEach((function(t){var e,n=window.getComputedStyle(t).getPropertyValue("position"),i=window.getComputedStyle(t).getPropertyValue("display");"absolute"!==n&&"fixed"!==n&&"none"!==i&&(a.push(t),o===t||(null===(e=l)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)>=t.getBoundingClientRect().left?(s=0,t.style.setProperty("--unitone--stairs-step",s)):(s++,t.style.setProperty("--unitone--stairs-step",s)),l=t,s>d&&(d=s))})),t.style.setProperty("--unitone--max-stairs-step",d);var c=a.reduce((function(t,e){var n=null!=t&&t.childrenTop?Math.min(null==t?void 0:t.childrenTop,e.getBoundingClientRect().top):e.getBoundingClientRect().top,i=e.getBoundingClientRect().bottom-n;return{childrenTop:n,childrenHeight:Math.max(null==t?void 0:t.childrenHeight,i)}}),{childrenTop:null==a||null===(n=a[0])||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.top,childrenHeight:null==a||null===(i=a[0])||void 0===i||null===(i=i.getBoundingClientRect())||void 0===i?void 0:i.height}).childrenHeight;t.style.setProperty("--unitone--stairs-step-overflow-volume",c-u.height)}},u=function(t){t.style.columnCount="",t.setAttribute("data-unitone-layout",t.getAttribute("data-unitone-layout").replace(" -force-switch",""));var e,n=getComputedStyle(t);if(String(n.getPropertyValue("--unitone--threshold")).trim()){var i=document.createElement("div");i.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(i);var r=i.offsetWidth>=t.offsetWidth;if(t.removeChild(i),r)return void t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -force-switch"))}if([].slice.call(t.children).reverse().some((function(t){if(!["absolute","fixed"].includes(getComputedStyle(t).position)&&"none"!==getComputedStyle(t).display)return e=t,!0})),e){var o=!1;t.getBoundingClientRect().left>e.getBoundingClientRect().left&&(t.style.columnCount=2,o=!0),setTimeout((function(){var n=t.getBoundingClientRect().top+t.getBoundingClientRect().height,i=e.getBoundingClientRect().top+e.getBoundingClientRect().height;n!==i&&(t.parentNode.style.height="".concat(Math.ceil(i-t.getBoundingClientRect().top),"px"))}),o?250:0)}};exports.dividersResizeObserver=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=0,l=new ResizeObserver((function(t){var e,i=n(t);try{for(i.s();!(e=i.n()).done;){var l,u=e.value,a=null===(l=u.borderBoxSize)||void 0===l?void 0:l[0].inlineSize;a!==r&&(o(u.target),r=a)}}catch(t){i.e(t)}finally{i.f()}})),u={attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0},a=new MutationObserver((function(t){var r,l=n(t);try{var u=function(){var t=r.value;if("attributes"===t.type&&"data-unitone-layout"===t.attributeName){var n,l,u,a,s=[].concat(e(null!==(n=null==i||null===(l=i.ignore)||void 0===l?void 0:l.layout)&&void 0!==n?n:[]),["-bol","-linewrap"]);(null!==(u=t.target.getAttribute(t.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")!==(null!==(a=t.oldValue)&&void 0!==a?a:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")&&o(t.target)}else if("attributes"===t.type&&"class"===t.attributeName){var d,c,v,f,g=e(null!==(d=null==i||null===(c=i.ignore)||void 0===c?void 0:c.className)&&void 0!==d?d:[]);(null!==(v=t.target.getAttribute(t.attributeName))&&void 0!==v?v:"").split(" ").filter((function(t){return!g.includes(t)})).join(" ")!==(null!==(f=t.oldValue)&&void 0!==f?f:"").split(" ").filter((function(t){return!g.includes(t)})).join(" ")&&o(t.target)}else"attributes"===t.type&&"style"===t.attributeName&&o(t.target)};for(l.s();!(r=l.n()).done;)u()}catch(t){l.e(t)}finally{l.f()}})),s=new IntersectionObserver((function(t,e){t.forEach((function(t){var n=t.target;t.isIntersecting&&(e.unobserve(n),l.observe(n),a.observe(n,u))}))}),{rootMargin:"100px 0px"});s.observe(t)},exports.fluidFontSizeResizeObserver=function(t){var e=0;new ResizeObserver((function(t){var i,o=n(t);try{for(o.s();!(i=o.n()).done;){var l,u=i.value,a=null===(l=u.borderBoxSize)||void 0===l?void 0:l[0].inlineSize;a!==e&&(r(u.target),e=a)}}catch(t){o.e(t)}finally{o.f()}})).observe(t)},exports.setDividerLinewrap=o,exports.setStairsStep=l,exports.stairsResizeObserver=function(t){var e=0;new ResizeObserver((function(t){var i,r=n(t);try{for(r.s();!(i=r.n()).done;){var o,u=i.value,a=null===(o=u.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;a!==e&&(l(u.target),e=a)}}catch(t){r.e(t)}finally{r.f()}})).observe(t)},exports.verticalsResizeObserver=function(t){var e=0;t.setAttribute("data-unitone-layout","".concat(t.getAttribute("data-unitone-layout")," -initialized"));var i=new ResizeObserver((function(r,o){var l,a=n(r);try{var s=function(){var n,r=l.value,a=null===(n=r.contentRect)||void 0===n?void 0:n.width;parseInt(a)!==parseInt(e)&&(e=a,i.unobserve(t),o.unobserve(r.target),r.target.parentNode.style.height="",u(r.target),setTimeout((function(){o.observe(r.target)}),500))};for(a.s();!(l=a.n()).done;)s()}catch(t){a.e(t)}finally{a.f()}}));i.observe(t);var r,o={attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0};new MutationObserver((function(e,n){if(clearTimeout(r),0<e.length){var l,a,s=e[0],d=null===(l=s.addedNodes)||void 0===l?void 0:l[0],c=null===(a=s.removedNodes)||void 0===a?void 0:a[0];if((null==d?void 0:d.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===d.getAttribute("data-unitone-layout")||(null==c?void 0:c.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===c.getAttribute("data-unitone-layout"))return;n.disconnect(),i.unobserve(t),r=setTimeout((function(){u(t),setTimeout((function(){n.observe(t,o),i.observe(t)}),500)}),500)}})).observe(t,o)};

package/package.json

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

package/src/library.js

@@ -24,64 +24,68 @@ export const fluidFontSizeResizeObserver = (target) => {
 
 export const setDividerLinewrap = (target) => {
   const firstChild = [].slice.call(target?.children ?? [])?.[0];
-  if (!!firstChild) {
-    let prevChild;
-
-    [].slice.call(target.children).forEach((child) => {
-      const currentLayout = child.getAttribute('data-unitone-layout') || '';
-      let newLayout = currentLayout.split(' ');
-      if (child.classList.contains('unitone-empty')) {
-        child.remove();
-        return;
-      }
+  if (!firstChild) {
+    return;
+  }
 
-      newLayout =
-        [...newLayout.filter((value) => !['-bol', '-linewrap', ' '].includes(value))].join(' ') ||
-        '';
+  let prevChild;
 
-      if (newLayout !== currentLayout) {
-        child.setAttribute('data-unitone-layout', newLayout);
-      }
-    });
+  [].slice.call(target.children).forEach((child) => {
+    if (child.classList.contains('unitone-empty')) {
+      child.remove();
+      return;
+    }
 
-    [].slice.call(target.children).forEach((child) => {
-      const baseRect = firstChild.getBoundingClientRect();
-      const prevRect = prevChild?.getBoundingClientRect();
+    const currentLayout = child.getAttribute('data-unitone-layout') || '';
+    const newLayout = currentLayout
+      .split(' ')
+      .filter((value) => !['-bol', '-linewrap', ' '].includes(value))
+      .join(' ');
 
-      const currentLayout = child.getAttribute('data-unitone-layout') || '';
-      let newLayout = currentLayout.split(' ');
+    if (newLayout !== currentLayout) {
+      child.setAttribute('data-unitone-layout', newLayout);
+    }
+  });
 
-      if (firstChild === child || prevRect?.top < child.getBoundingClientRect().top) {
-        if (!newLayout.includes('-bol')) {
-          newLayout = [...newLayout, '-bol'];
-        }
-      }
+  [].slice.call(target.children).forEach((child) => {
+    const baseRect = firstChild.getBoundingClientRect();
+    const prevRect = prevChild?.getBoundingClientRect();
+    const childRect = child.getBoundingClientRect();
 
-      if (prevRect?.top < child.getBoundingClientRect().top) {
-        const hardWrap = document.createElement('div');
-        hardWrap.classList.add('unitone-empty');
-        child.before(hardWrap);
+    const currentLayout = child.getAttribute('data-unitone-layout') || '';
+    const newLayout = currentLayout.split(' ');
 
-        if (prevRect?.top < hardWrap.getBoundingClientRect().top) {
-          hardWrap.remove();
-        }
+    if (
+      firstChild === child ||
+      (prevRect?.top < childRect.top && prevRect?.left >= childRect.left)
+    ) {
+      if (!newLayout.includes('-bol')) {
+        newLayout.push('-bol');
       }
+    }
 
-      if (baseRect.top < child.getBoundingClientRect().top) {
-        if (!newLayout.includes('-linewrap')) {
-          newLayout = [...newLayout, '-linewrap'];
-        }
-      }
+    if (prevRect?.top < childRect.top) {
+      const hardWrap = document.createElement('div');
+      hardWrap.classList.add('unitone-empty');
+      child.before(hardWrap);
 
-      newLayout = newLayout.filter(Boolean).join(' ') || '';
+      if (prevRect?.top < hardWrap.getBoundingClientRect().top) {
+        hardWrap.remove();
+      }
+    }
 
-      if (newLayout !== currentLayout) {
-        child.setAttribute('data-unitone-layout', newLayout);
+    if (baseRect.top < childRect.top) {
+      if (!newLayout.includes('-linewrap')) {
+        newLayout.push('-linewrap');
       }
+    }
 
-      prevChild = child;
-    });
-  }
+    if (newLayout !== currentLayout) {
+      child.setAttribute('data-unitone-layout', newLayout.filter(Boolean).join(' ') || '');
+    }
+
+    prevChild = child;
+  });
 };
 
 export const dividersResizeObserver = (target, args = {}) => {
@@ -165,7 +169,7 @@ export const dividersResizeObserver = (target, args = {}) => {
   iObserver.observe(target);
 };
 
-const setStairsStep = (target) => {
+export const setStairsStep = (target) => {
   const children = [].slice.call(target.children);
   const firstChild = children?.[0];
   if (!firstChild) {
@@ -286,7 +290,10 @@ const setColumnCountForVertical = (target) => {
     .call(target.children)
     .reverse()
     .some((child) => {
-      if (!['absolute', 'fixed'].includes(getComputedStyle(child).position)) {
+      if (
+        !['absolute', 'fixed'].includes(getComputedStyle(child).position) &&
+        'none' !== getComputedStyle(child).display
+      ) {
         lastChild = child;
         return true;
       }