@inc2734/unitone-css 0.86.3 → 0.86.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app.js +1 -1
- package/dist/library.js +1 -1
- package/package.json +1 -1
- package/src/library.js +17 -3
package/dist/app.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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,i=Array(e);n<e;n++)i[n]=t[n];return i}function i(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 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)||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 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 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 i=0,r=function(){};return{s:r,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:r}}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(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){u=!0,a=t},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw a}}}}function o(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 a(t,e){var n,i=this;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];clearTimeout(n),n=setTimeout((function(){t.apply(i,o)}),e)}}t=1;var l=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];if(r){var o,a=r.getBoundingClientRect(),l=(null!==(i=t.getAttribute("data-unitone-layout"))&&void 0!==i?i:"").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"),n=window.getComputedStyle(t).getPropertyValue("display");return"absolute"!==e&&"fixed"!==e&&"none"!==n}));u.forEach((function(t,e){var n,i,r=(null!==(n=t.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").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===(i=o)||void 0===i?void 0:i.getBoundingClientRect(),u=t.getBoundingClientRect(),d=!1;(0===e||(null==l?void 0:l.top)<u.top&&(null==l?void 0:l.left)>=u.left)&&(r.push("-bol"),d=!0),0<e&&a.top<u.top&&(r.push("-linewrap"),d=!0),d&&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(" "))}},u=function(t){var e,n=[].slice.call(t.children),i=null==n?void 0:n[0];if(i){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 r,o=[],a=0,l=a,u=window.getComputedStyle(t).getPropertyValue("flex-direction");n.forEach((function(t){var e,n,d=window.getComputedStyle(t).getPropertyValue("position"),s=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==d&&"fixed"!==d&&"none"!==s){o.push(t);var c="row-reverse"===u?(null===(e=r)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(n=r)||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.left)>=t.getBoundingClientRect().left;i===t||c?(a=0,t.style.setProperty("--unitone--stairs-step",a)):(a++,t.style.setProperty("--unitone--stairs-step",a)),r=t,a>l&&(l=a)}})),t.style.setProperty("--unitone--max-stairs-step",l);var d=t.getBoundingClientRect().bottom,s=o.reduce((function(t,e){var n=e.getBoundingClientRect().bottom-d;return t>n?t:n}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",s)}},d=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(),a=!1;setTimeout((function(){if(o){var e=document.createElement("div");e.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(e),a=e.offsetWidth>=t.offsetWidth,t.removeChild(e)}a?(i.push("-force-switch"),t.parentNode.style.height=""):(t.getBoundingClientRect().left>n.getBoundingClientRect().left&&i.push("vertical-writing:safari"),t.setAttribute("data-unitone-layout",i.join(" ")),requestAnimationFrame((function(){var e=t.getBoundingClientRect(),i=n.getBoundingClientRect(),r=e.top+e.height,o=i.top+i.height;r!==o&&(t.parentNode.style.height="".concat(Math.ceil(o-e.top),"px"))}))),i.push("vertical-writing:initialized"),t.setAttribute("data-unitone-layout",i.join(" "))}),250)}};return e.debounce=a,e.dividersResizeObserver=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,o=new ResizeObserver(a((function(t){var e,i=r(t);try{for(i.s();!(e=i.n()).done;){var o,a=e.value,u=null===(o=a.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;u!==n&&(l(a.target),n=u)}}catch(t){i.e(t)}finally{i.f()}}),250)),u=new MutationObserver((function(n){requestAnimationFrame((function(){var o,a=r(n);try{var u=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var r,a,u,d,s=[].concat(i(null!==(r=null==e||null===(a=e.ignore)||void 0===a?void 0:a.layout)&&void 0!==r?r:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(u=n.target.getAttribute(n.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")&&l(t)}else if("attributes"===n.type&&"class"===n.attributeName){var c,v,f,y,p=i(null!==(c=null==e||null===(v=e.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(t){return!p.includes(t)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(t){return!p.includes(t)})).join(" ")&&l(t)}else"attributes"===n.type&&"style"===n.attributeName&&l(t)};for(a.s();!(o=a.n()).done;)u()}catch(t){a.e(t)}finally{a.f()}}))}));return o.observe(t),u.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:o,mutationObserver:u}},e.setColumnCountForVertical=d,e.setDividerLinewrap=l,e.setStairsStep=u,e.stairsResizeObserver=function(t){var e=new ResizeObserver(a((function(t){var e,n=r(t);try{for(n.s();!(e=n.n()).done;){var i=e.value;u(i.target)}}catch(t){n.e(t)}finally{n.f()}}),250));return e.observe(t),e},e.verticalsResizeObserver=function(t){var e=0,n=new ResizeObserver(a((function(t){var n,i=r(t);try{for(i.s();!(n=i.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,a.target.parentNode.style.height="",d(a.target))}}catch(t){i.e(t)}finally{i.f()}}),250));n.observe(t);var i=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],a=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==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(t)}}))}));return i.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:i}},e}();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 r(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)?r(t,e):void 0}}(t))||e){n&&(t=n);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},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(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){u=!0,a=t},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw a}}}}function r(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}document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-divider:"]');null==i||i.forEach((function(t){n.dividersResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==i||i.forEach((function(t){n.stairsResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==i||i.forEach((function(t){n.verticalsResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})}));
|
|
1
|
+
"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,i=Array(e);n<e;n++)i[n]=t[n];return i}function i(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 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)||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 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 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 i=0,r=function(){};return{s:r,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:r}}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(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){u=!0,a=t},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw a}}}}function o(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 a(t,e){var n,i=this;return function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];clearTimeout(n),n=setTimeout((function(){t.apply(i,o)}),e)}}t=1;var l=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];if(r){var o,a=r.getBoundingClientRect(),l=(null!==(i=t.getAttribute("data-unitone-layout"))&&void 0!==i?i:"").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"),n=window.getComputedStyle(t).getPropertyValue("display");return"absolute"!==e&&"fixed"!==e&&"none"!==n}));u.forEach((function(t,e){var n,i,r=(null!==(n=t.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").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===(i=o)||void 0===i?void 0:i.getBoundingClientRect(),u=t.getBoundingClientRect(),d=!1;(0===e||(null==l?void 0:l.top)<u.top&&(null==l?void 0:l.left)>=u.left)&&(r.push("-bol"),d=!0),0<e&&a.top<u.top&&(r.push("-linewrap"),d=!0),d&&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(" "))}},u=function(t){var e,n=[].slice.call(t.children),i=null==n?void 0:n[0];if(i){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 r,o=[],a=0,l=a,u=window.getComputedStyle(t).getPropertyValue("flex-direction");n.forEach((function(t){var e,n,d=window.getComputedStyle(t).getPropertyValue("position"),s=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==d&&"fixed"!==d&&"none"!==s){o.push(t);var c="row-reverse"===u?(null===(e=r)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(n=r)||void 0===n||null===(n=n.getBoundingClientRect())||void 0===n?void 0:n.left)>=t.getBoundingClientRect().left;i===t||c?(a=0,t.style.setProperty("--unitone--stairs-step",a)):(a++,t.style.setProperty("--unitone--stairs-step",a)),r=t,a>l&&(l=a)}})),t.style.setProperty("--unitone--max-stairs-step",l);var d=t.getBoundingClientRect().bottom,s=o.reduce((function(t,e){var n=e.getBoundingClientRect().bottom-d;return t>n?t:n}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",s)}},d=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(),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;a?(i.push("-force-switch"),null!==(r=t.parentNode)&&void 0!==r&&r.style&&(t.parentNode.style.height="")):(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,a=r.top+r.height;o!==a&&null!==(e=t.parentNode)&&void 0!==e&&e.style&&(t.parentNode.style.height="".concat(Math.ceil(a-i.top),"px"))}}))),i.push("vertical-writing:initialized"),t.setAttribute("data-unitone-layout",i.join(" "))}}),250)}};return e.debounce=a,e.dividersResizeObserver=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=0,o=new ResizeObserver(a((function(t){var e,i=r(t);try{for(i.s();!(e=i.n()).done;){var o,a=e.value,u=null===(o=a.borderBoxSize)||void 0===o?void 0:o[0].inlineSize;u!==n&&(l(a.target),n=u)}}catch(t){i.e(t)}finally{i.f()}}),250)),u=new MutationObserver((function(n){requestAnimationFrame((function(){var o,a=r(n);try{var u=function(){var n=o.value;if("attributes"===n.type&&"data-unitone-layout"===n.attributeName){var r,a,u,d,s=[].concat(i(null!==(r=null==e||null===(a=e.ignore)||void 0===a?void 0:a.layout)&&void 0!==r?r:[]),["divider:initialized","-bol","-linewrap","-stack"]);(null!==(u=n.target.getAttribute(n.attributeName))&&void 0!==u?u:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")!==(null!==(d=n.oldValue)&&void 0!==d?d:"").split(" ").filter((function(t){return!s.includes(t)})).join(" ")&&l(t)}else if("attributes"===n.type&&"class"===n.attributeName){var c,v,f,y,p=i(null!==(c=null==e||null===(v=e.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(t){return!p.includes(t)})).join(" ")!==(null!==(y=n.oldValue)&&void 0!==y?y:"").split(" ").filter((function(t){return!p.includes(t)})).join(" ")&&l(t)}else"attributes"===n.type&&"style"===n.attributeName&&l(t)};for(a.s();!(o=a.n()).done;)u()}catch(t){a.e(t)}finally{a.f()}}))}));return o.observe(t),u.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:o,mutationObserver:u}},e.setColumnCountForVertical=d,e.setDividerLinewrap=l,e.setStairsStep=u,e.stairsResizeObserver=function(t){var e=new ResizeObserver(a((function(t){var e,n=r(t);try{for(n.s();!(e=n.n()).done;){var i=e.value;u(i.target)}}catch(t){n.e(t)}finally{n.f()}}),250));return e.observe(t),e},e.verticalsResizeObserver=function(t){var e=0,n=new ResizeObserver(a((function(t){var n,i=r(t);try{for(i.s();!(n=i.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,a.target.parentNode.style.height="",d(a.target))}}catch(t){i.e(t)}finally{i.f()}}),250));n.observe(t);var i=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],a=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==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(t)}}))}));return i.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:i}},e}();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 r(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)?r(t,e):void 0}}(t))||e){n&&(t=n);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},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(){n=n.call(t)},n:function(){var t=n.next();return l=t.done,t},e:function(t){u=!0,a=t},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw a}}}}function r(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}document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-divider:"]');null==i||i.forEach((function(t){n.dividersResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout*="-stairs:"]');null==i||i.forEach((function(t){n.stairsResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})})),document.addEventListener("DOMContentLoaded",(function(){new MutationObserver((function(t){requestAnimationFrame((function(){var e,r=i(t);try{for(r.s();!(e=r.n()).done;){e.value.addedNodes.forEach((function(t){var e,i=null===(e=t.parentNode)||void 0===e?void 0:e.querySelectorAll('[data-unitone-layout~="vertical-writing"]');null==i||i.forEach((function(t){n.verticalsResizeObserver(t)}))}))}}catch(t){r.e(t)}finally{r.f()}}))})).observe(document.body,{childList:!0,subtree:!0})}));
|
package/dist/library.js
CHANGED
|
@@ -1 +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 l,a=!0,u=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){u=!0,l=t},f:function(){try{a||null==i.return||i.return()}finally{if(u)throw l}}}}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,n=this;return function(){for(var r=arguments.length,o=new Array(r),l=0;l<r;l++)o[l]=arguments[l];clearTimeout(i),i=setTimeout((function(){t.apply(n,o)}),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,l=r.getBoundingClientRect(),a=(null!==(n=t.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/);a.some((function(t){return["divider:initialized","-stack"].includes(t)}))&&(a=a.filter((function(t){return!["divider:initialized","-stack"].includes(t)})),t.setAttribute("data-unitone-layout",a.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 a=null===(n=o)||void 0===n?void 0:n.getBoundingClientRect(),u=t.getBoundingClientRect(),s=!1;(0===e||(null==a?void 0:a.top)<u.top&&(null==a?void 0:a.left)>=u.left)&&(r.push("-bol"),s=!0),0<e&&l.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===l.left}))&&a.push("-stack"),a.push("divider:initialized"),t.setAttribute("data-unitone-layout",a.join(" "))}},l=function(t){var e,i=[].slice.call(t.children),n=null==i?void 0:i[0];if(n){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 r,o=[],l=0,a=l,u=window.getComputedStyle(t).getPropertyValue("flex-direction");i.forEach((function(t){var e,i,s=window.getComputedStyle(t).getPropertyValue("position"),d=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==s&&"fixed"!==s&&"none"!==d){o.push(t);var c="row-reverse"===u?(null===(e=r)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(i=r)||void 0===i||null===(i=i.getBoundingClientRect())||void 0===i?void 0:i.left)>=t.getBoundingClientRect().left;n===t||c?(l=0,t.style.setProperty("--unitone--stairs-step",l)):(l++,t.style.setProperty("--unitone--stairs-step",l)),r=t,l>a&&(a=l)}})),t.style.setProperty("--unitone--max-stairs-step",a);var s=t.getBoundingClientRect().bottom,d=o.reduce((function(t,e){var i=e.getBoundingClientRect().bottom-s;return t>i?t:i}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",d)}},a=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(),l=!1;setTimeout((function(){if(o){var e=document.createElement("div");e.setAttribute("data-unitone-layout","vertical-writing__thresholder"),t.appendChild(e),l=e.offsetWidth>=t.offsetWidth,
|
|
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 l,a=!0,u=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){u=!0,l=t},f:function(){try{a||null==i.return||i.return()}finally{if(u)throw l}}}}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,n=this;return function(){for(var r=arguments.length,o=new Array(r),l=0;l<r;l++)o[l]=arguments[l];clearTimeout(i),i=setTimeout((function(){t.apply(n,o)}),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,l=r.getBoundingClientRect(),a=(null!==(n=t.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/);a.some((function(t){return["divider:initialized","-stack"].includes(t)}))&&(a=a.filter((function(t){return!["divider:initialized","-stack"].includes(t)})),t.setAttribute("data-unitone-layout",a.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 a=null===(n=o)||void 0===n?void 0:n.getBoundingClientRect(),u=t.getBoundingClientRect(),s=!1;(0===e||(null==a?void 0:a.top)<u.top&&(null==a?void 0:a.left)>=u.left)&&(r.push("-bol"),s=!0),0<e&&l.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===l.left}))&&a.push("-stack"),a.push("divider:initialized"),t.setAttribute("data-unitone-layout",a.join(" "))}},l=function(t){var e,i=[].slice.call(t.children),n=null==i?void 0:i[0];if(n){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 r,o=[],l=0,a=l,u=window.getComputedStyle(t).getPropertyValue("flex-direction");i.forEach((function(t){var e,i,s=window.getComputedStyle(t).getPropertyValue("position"),d=window.getComputedStyle(t).getPropertyValue("display");if("absolute"!==s&&"fixed"!==s&&"none"!==d){o.push(t);var c="row-reverse"===u?(null===(e=r)||void 0===e||null===(e=e.getBoundingClientRect())||void 0===e?void 0:e.left)<=t.getBoundingClientRect().left:(null===(i=r)||void 0===i||null===(i=i.getBoundingClientRect())||void 0===i?void 0:i.left)>=t.getBoundingClientRect().left;n===t||c?(l=0,t.style.setProperty("--unitone--stairs-step",l)):(l++,t.style.setProperty("--unitone--stairs-step",l)),r=t,l>a&&(a=l)}})),t.style.setProperty("--unitone--max-stairs-step",a);var s=t.getBoundingClientRect().bottom,d=o.reduce((function(t,e){var i=e.getBoundingClientRect().bottom-s;return t>i?t:i}),0);t.style.setProperty("--unitone--stairs-step-overflow-volume",d)}},a=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(),l=!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),l=e.offsetWidth>=t.offsetWidth,e.parentNode&&e.parentNode.removeChild(e)}var r;if(l)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,l=r.top+r.height;if(o!==l)null!==(e=t.parentNode)&&void 0!==e&&e.style&&(t.parentNode.style.height="".concat(Math.ceil(l-n.top),"px"))}}));n.push("vertical-writing:initialized"),t.setAttribute("data-unitone-layout",n.join(" "))}}),250)}};exports.debounce=r,exports.dividersResizeObserver=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=0,a=new ResizeObserver(r((function(t){var e,n=i(t);try{for(n.s();!(e=n.n()).done;){var r,a=e.value,u=null===(r=a.borderBoxSize)||void 0===r?void 0:r[0].inlineSize;u!==l&&(o(a.target),l=u)}}catch(t){n.e(t)}finally{n.f()}}),250)),u=new MutationObserver((function(r){requestAnimationFrame((function(){var l,a=i(r);try{var u=function(){var i=l.value;if("attributes"===i.type&&"data-unitone-layout"===i.attributeName){var r,a,u,s,d=[].concat(e(null!==(r=null==n||null===(a=n.ignore)||void 0===a?void 0:a.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,y,p=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!p.includes(t)})).join(" ")!==(null!==(y=i.oldValue)&&void 0!==y?y:"").split(" ").filter((function(t){return!p.includes(t)})).join(" ")&&o(t)}else"attributes"===i.type&&"style"===i.attributeName&&o(t)};for(a.s();!(l=a.n()).done;)u()}catch(t){a.e(t)}finally{a.f()}}))}));return a.observe(t),u.observe(t,{attributes:!0,attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,subtree:!0,characterData:!0}),{resizeObserver:a,mutationObserver:u}},exports.setColumnCountForVertical=a,exports.setDividerLinewrap=o,exports.setStairsStep=l,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;l(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,l=n.value,u=null===(o=l.contentRect)||void 0===o?void 0:o.width;parseInt(u)!==parseInt(e)&&(e=u,l.target.parentNode.style.height="",a(l.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],l=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==l?void 0:l.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===l.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===o.getAttribute("data-unitone-layout")||(null==l?void 0:l.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:initialized"===l.getAttribute("data-unitone-layout")||(null==o?void 0:o.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===o.getAttribute("data-unitone-layout")||(null==l?void 0:l.nodeType)===Node.ELEMENT_NODE&&"vertical-writing:safari"===l.getAttribute("data-unitone-layout"))return;a(t)}}))}));return o.observe(t,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),{resizeObserver:n,mutationObserver:o}};
|
package/package.json
CHANGED
package/src/library.js
CHANGED
|
@@ -274,17 +274,25 @@ export const setColumnCountForVertical = (target) => {
|
|
|
274
274
|
let forceSwitch = false;
|
|
275
275
|
|
|
276
276
|
setTimeout(() => {
|
|
277
|
+
if (!target?.isConnected) {
|
|
278
|
+
return;
|
|
279
|
+
}
|
|
280
|
+
|
|
277
281
|
if (!!threshold) {
|
|
278
282
|
const thresholder = document.createElement('div');
|
|
279
283
|
thresholder.setAttribute('data-unitone-layout', 'vertical-writing__thresholder');
|
|
280
284
|
target.appendChild(thresholder);
|
|
281
285
|
forceSwitch = thresholder.offsetWidth >= target.offsetWidth;
|
|
282
|
-
|
|
286
|
+
if (thresholder.parentNode) {
|
|
287
|
+
thresholder.parentNode.removeChild(thresholder);
|
|
288
|
+
}
|
|
283
289
|
}
|
|
284
290
|
|
|
285
291
|
if (forceSwitch) {
|
|
286
292
|
currentLayoutArray.push('-force-switch');
|
|
287
|
-
target.parentNode
|
|
293
|
+
if (target.parentNode?.style) {
|
|
294
|
+
target.parentNode.style.height = '';
|
|
295
|
+
}
|
|
288
296
|
} else {
|
|
289
297
|
// For Safari
|
|
290
298
|
const maybeSafari =
|
|
@@ -296,13 +304,19 @@ export const setColumnCountForVertical = (target) => {
|
|
|
296
304
|
target.setAttribute('data-unitone-layout', currentLayoutArray.join(' '));
|
|
297
305
|
|
|
298
306
|
requestAnimationFrame(() => {
|
|
307
|
+
if (!target?.isConnected) {
|
|
308
|
+
return;
|
|
309
|
+
}
|
|
310
|
+
|
|
299
311
|
const targetRect = target.getBoundingClientRect();
|
|
300
312
|
const lastChildRect = lastChild.getBoundingClientRect();
|
|
301
313
|
|
|
302
314
|
const targetY = targetRect.top + targetRect.height;
|
|
303
315
|
const lastChildY = lastChildRect.top + lastChildRect.height;
|
|
304
316
|
if (targetY !== lastChildY) {
|
|
305
|
-
target.parentNode
|
|
317
|
+
if (target.parentNode?.style) {
|
|
318
|
+
target.parentNode.style.height = `${Math.ceil(lastChildY - targetRect.top)}px`;
|
|
319
|
+
}
|
|
306
320
|
}
|
|
307
321
|
});
|
|
308
322
|
}
|