@inc2734/unitone-css 1.4.0 → 1.4.2
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.css +1 -1
- package/dist/app.js +1 -1
- package/dist/behaviors/dividers.js +1 -1
- package/dist/behaviors/index.js +1 -1
- package/dist/behaviors/stairs.js +1 -1
- package/dist/layout-primitives/cluster/react.js +1 -1
- package/dist/layout-primitives/index.js +1 -1
- package/dist/layout-primitives/marquee/behavior.js +1 -1
- package/dist/layout-primitives/marquee/react.js +1 -1
- package/dist/layout-primitives/responsive-grid/react.js +1 -1
- package/dist/layout-primitives/stack/react.js +1 -1
- package/dist/layout-primitives/switcher/react.js +1 -1
- package/dist/layout-primitives/vertical-writing/behavior.js +1 -1
- package/dist/layout-primitives/vertical-writing/react.js +1 -1
- package/dist/layout-primitives/with-sidebar/react.js +1 -1
- package/dist/library.js +1 -1
- package/package.json +2 -2
- package/src/behaviors/dividers.js +3 -1
- package/src/behaviors/stairs.js +3 -1
- package/src/layout-behavior-state.js +41 -0
- package/src/layout-primitives/cluster/index.jsx +25 -16
- package/src/layout-primitives/marquee/_index.scss +15 -8
- package/src/layout-primitives/marquee/behavior.js +1 -1
- package/src/layout-primitives/marquee/index.jsx +69 -7
- package/src/layout-primitives/marquee/layout.js +163 -0
- package/src/layout-primitives/responsive-grid/index.jsx +29 -17
- package/src/layout-primitives/stack/index.jsx +25 -16
- package/src/layout-primitives/switcher/index.jsx +26 -17
- package/src/layout-primitives/vertical-writing/behavior.js +3 -1
- package/src/layout-primitives/vertical-writing/index.jsx +11 -11
- package/src/layout-primitives/with-sidebar/index.jsx +27 -18
- package/src/library.js +379 -442
- package/src/observer-scope.js +53 -0
- package/src/register-layout-initializer.js +64 -22
- package/src/use-layout-behaviors.js +60 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react");function t(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 n(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return u}}(e,n)||function(e,n){if(e){if("string"==typeof e)return t(e,n);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)?t(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}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}var o="".concat(200,"px 0px"),a=function(e,t){var n,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=i.getValue,a=i.delay,u=!0,l=new ResizeObserver(d(function(e){var i,a=r(e);try{for(a.s();!(i=a.n()).done;){var l=i.value,c=null==o?void 0:o(l);u?(n=c,u=!1):void 0!==c&&c===n||(t(l.target,l),n=c)}}catch(e){a.e(e)}finally{a.f()}},void 0===a?250:a));return l.observe(e),l},u=function(e,t,n){var r=new MutationObserver(function(t){requestAnimationFrame(function(){null!=e&&e.isConnected&&n(t)})});return r.observe(e,t),r},l=function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=i.getResizeValue,f=i.delay,s=void 0===f?250:f,v=i.observeResize,y=void 0===v||v,b=i.observeIntersection,p=void 0!==b&&b,m=i.observeDirectChildrenResize,h=void 0!==m&&m,g=i.targetMutation,O=i.directChildMutation,w=p&&"undefined"!=typeof IntersectionObserver,A=!w||c(e),E=w&&!A,S=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!w||A?(E=!1,t(n)):E=!0)},j=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame(function(){r=0,n=null,null!=e&&e.isConnected&&t(e)})):t(e)}}(e,S),z=function(){null!=e&&e.isConnected&&(!w||A?(E=!0,j()):E=!0)},C=function(){},M=y?h?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=n.getValue,o=n.delay,a=void 0===o?250:o,l=n.onChildList,c=new WeakMap,f=new Set,s=new ResizeObserver(d(function(n){var o,a=!1,u=r(n);try{for(u.s();!(o=u.n()).done;){var l=o.value,d=null==i?void 0:i(l);c.has(l.target)?(void 0!==d&&d===c.get(l.target)||(a=!0),c.set(l.target,d)):c.set(l.target,d)}}catch(e){u.e(e)}finally{u.f()}a&&t(e)},a)),v=function(){var t;Array.from(f).forEach(function(t){t.parentElement!==e&&(s.unobserve(t),f.delete(t),c.delete(t))}),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){f.has(e)||(s.observe(e),f.add(e))})};s.observe(e),v();var y=u(e,{childList:!0},function(n){n.some(function(e){return"childList"===e.type})&&(v(),null==l||l(n),t(e))});return{resizeObserver:s,mutationObserver:y}}(e,z,{getValue:l,delay:s,onChildList:function(){C()}}):{resizeObserver:a(e,z,{getValue:l,delay:s})}:{mutationObserver:null};w&&function(e,t){var r=new IntersectionObserver(function(e){var r=n(e,1)[0];r&&t(r)},{rootMargin:o});r.observe(e)}(e,function(e){(A=e.isIntersecting)&&E&&z()}),null!=g&&g.options&&u(e,g.options,function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&z()});var q=null!=O&&O.attributeFilter&&O.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,a=void 0===o||o,u=new MutationObserver(function(n){requestAnimationFrame(function(){null!=e&&e.isConnected&&n.some(function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)})&&t(e)})}),l=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:a})})};return l(),{observer:u,syncObservedChildren:l}}(e,z,{attributeFilter:O.attributeFilter,shouldApply:O.shouldApply,attributeOldValue:O.attributeOldValue}):null;q&&(C=q.syncObservedChildren),!M.mutationObserver&&q&&u(e,{childList:!0},function(e){e.some(function(e){return"childList"===e.type})&&(C(),z())}),w&&!A||S(e)},c=function(e){var t;if(!function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length}(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function d(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)}}var f=Symbol.for("@inc2734/unitone-css/layout-initializers"),s=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[f]||(globalThis[f]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[f])},v=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach(function(e){i.add(e)}),i.forEach(function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))})}},y=function(e){var t=s();t&&t.initializers.forEach(function(t){v(t,e)})},b=function(){var e=s();e&&(e.pendingNodes.forEach(function(e){y(e)}),e.pendingNodes.clear(),e.rafId=0)},p=function(){var e=s();e&&!e.observer&&document.body&&(y(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){t.addedNodes.forEach(function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(b))}),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(null,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function g(e){var t=function(e,t){if("object"!=h(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==h(t)?t:t+""}function O(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,a=s();if(a&&!a.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};a.initializers.set(t,u),a.observer?v(u,document.body):"loading"!==document.readyState?p():a.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",p,{once:!0}),a.hasDOMContentLoadedListener=!0)}}({key:"layout-primitives/marquee",selector:'[data-unitone-layout~="marquee-wrapper"]',initialize:function(e){var t;l(e,function(e){t=function(e){var t,n=function(e){var t,n=null!==(t=e.getAttribute("data-unitone-layout"))&&void 0!==t?t:"";n.split(/\s+/).includes("marquee:initialized")||e.setAttribute("data-unitone-layout","".concat(n," marquee:initialized").trim())},r=function(){return e.querySelectorAll(':scope > [data-unitone-layout~="marquee"]')},i=r();if(0!==i.length){var o=Array.from(i).some(function(e){var t;return(null!==(t=e.getAttribute("data-unitone-layout"))&&void 0!==t?t:"").split(/\s+/).includes("marquee:initialized")});if(1===e.childElementCount&&1===i.length){var a=i[0];(t=a.cloneNode(!0)).setAttribute("aria-hidden","true"),a.after(t)}return i=r(),o?(i.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&&r().forEach(function(e){n(e)})}),t):(i.forEach(function(e){n(e)}),t)}}(e)},{observeResize:!1,observeIntersection:!0,targetMutation:{options:{childList:!0},shouldApply:function(e){var n,r=e.flatMap(function(e){var t;return Array.from(null!==(t=e.addedNodes)&&void 0!==t?t:[])}),i=e.flatMap(function(e){var t;return Array.from(null!==(t=e.removedNodes)&&void 0!==t?t:[])});return null!==(n=t)&&void 0!==n&&n.isConnected&&1===r.length&&0===i.length&&r[0]===t?(t=null,!1):(t=null,!0)}}})}});var w=["duration","gap","itemWidth","reverse","pauseOnHover","style"];function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach(function(t){O(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}exports.Marquee=function(t){var n=t.duration,r=t.gap,i=t.itemWidth,o=t.reverse,a=t.pauseOnHover,u=t.style,l=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,w);return u=E(E({},u),{},{"--unitone--animation-duration":""!==n?n:void 0,"--unitone--item-width":""!==i?i:void 0}),e.createElement("div",m({"data-unitone-layout":["marquee-wrapper",o?"-reverse":void 0,a?"-pause-on-hover":void 0].filter(Boolean).join(" "),style:u},l),e.createElement("div",{"data-unitone-layout":["marquee",""!==(null!=r?r:"")?"-gap:".concat(r):void 0].filter(Boolean).join(" ")},l.children))};
|
|
1
|
+
"use client";"use strict";var e=require("react");function t(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 n(e,n){if(e){if("string"==typeof e)return t(e,n);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)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(l=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure 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 a(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)?a(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 o,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,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(l)throw o}}}}function a(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}var u="data-unitone-marquee-copy",l="unitone:marquee-refresh",c=function(e){return e.ownerDocument.defaultView.getComputedStyle(e)},d=function(e){return e.isConnected&&e.getClientRects().length>0},s=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=["paddingLeft","paddingRight","borderLeftWidth","borderRightWidth"].reduce(function(t,n){return t+(parseFloat(e[n])||0)},0);return(parseFloat(e.width)||0)+(t?n:0)-("border-box"===e.boxSizing?n:0)},f=function(e){var t,n,r=Array.from(e.children).filter(function(e){return e.matches('[data-unitone-layout~="marquee"]')}),i=1===r.length?r[0]:null,a=[],l=[],c=!1,d=o(null!==(t=null==i?void 0:i.children)&&void 0!==t?t:[]);try{for(d.s();!(n=d.n()).done;){var s=n.value;s.hasAttribute("data-unitone-marquee-boundary")?c=!0:c||s.hasAttribute(u)?l.push(s):a.push(s)}}catch(e){d.e(e)}finally{d.f()}return{marquee:i,originals:a,copies:l}},v=function(e){for(var t=0,n=[[u,""],["aria-hidden","true"],["inert",""]];t<n.length;t++){var r=i(n[t],2),o=r[0],a=r[1];e.getAttribute(o)!==a&&e.setAttribute(o,a)}},p=function(e,t){var n=t.marquee,r=t.originals,i=t.copies,o={groups:0,distance:0,rtl:!1};if(!n||!d(e)||!d(n))return o;var a=c(n);if(!a.writingMode.startsWith("horizontal"))return o;var u=c(e),l=s(u),f=r.filter(d);if(!(l>0&&f.some(function(e){return e.getBoundingClientRect().width>0})))return o;var v="rtl"===a.direction,p=i.find(d);if(!p)return{groups:1,distance:0,rtl:v};var y=f[0].getBoundingClientRect(),m=p.getBoundingClientRect(),h=e.getBoundingClientRect().width/s(u,!0),b=(v?y.right-m.right:m.left-y.left)/h;return b>0&&Number.isFinite(b)?{groups:Math.ceil(l/b),distance:b,rtl:v}:o},y=function(e,t){var n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).listenForRefresh,i=void 0===n||n,a=function(e){var t=e.ownerDocument.defaultView,n=new Set,r=new Set,i=!1;return{get disposed(){return i},addCleanup:function(e){i?e():n.add(e)},requestAnimationFrame:function(e){if(i)return 0;if(null==t||!t.requestAnimationFrame)return e(),0;var n=t.requestAnimationFrame(function(t){r.delete(n),i||e(t)});return r.add(n),n},dispose:function(){i||(i=!0,r.forEach(function(e){return t.cancelAnimationFrame(e)}),r.clear(),n.forEach(function(e){return e()}),n.clear())}}}(e),u=new Set,c=new WeakMap,d=0,s=function(){if(!a.disposed&&e.isConnected){p.disconnect();try{t();var n,i=f(e),l=i.marquee,d=i.originals,s=new Set([e,l].concat(r(d)).filter(Boolean)),v=o(u);try{for(v.s();!(n=v.n()).done;){var m=n.value;s.has(m)||(y.unobserve(m),u.delete(m),c.delete(m))}}catch(e){v.e(e)}finally{v.f()}var h,b=o(s);try{for(b.s();!(h=b.n()).done;){var g=h.value;u.has(g)||(y.observe(g,{box:"border-box"}),u.add(g))}}catch(e){b.e(e)}finally{b.f()}}finally{!function(){p.observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0});for(var t=e.parentElement;t;t=t.parentElement)p.observe(t,{attributes:!0})}()}}},v=function(){a.disposed||d||(d=a.requestAnimationFrame(function(){d=0,s()}))},p=new MutationObserver(v),y=new ResizeObserver(function(e){var t,n=!1,r=o(e);try{for(r.s();!(t=r.n()).done;){var i,a=t.value,u=null===(i=a.borderBoxSize)||void 0===i?void 0:i[0],l=[a.contentRect.width,a.contentRect.height,null==u?void 0:u.inlineSize,null==u?void 0:u.blockSize].join(",");n||(n=c.get(a.target)!==l),c.set(a.target,l)}}catch(e){r.e(e)}finally{r.f()}n&&s()}),m=e.ownerDocument.defaultView;return m.addEventListener("resize",v),i&&e.addEventListener(l,s),a.addCleanup(function(){p.disconnect(),y.disconnect(),u.clear(),m.removeEventListener("resize",v),i&&e.removeEventListener(l,s)}),s(),{refresh:s,dispose:a.dispose}},m="data-unitone-layout",h=new WeakMap,b=function(e){var t,n=f(e),i=n.marquee,o=n.originals;if(i){var a,u=h.get(e),l=o.map(function(e){return e.outerHTML}).join("");((null==u?void 0:u.marquee)!==i||(null==u?void 0:u.source)!==l||o.some(function(e){return e.matches("input, textarea, select")||e.querySelector("input, textarea, select")}))&&(n.copies.forEach(function(e){return e.remove()}),n.copies=[]);var c,d=function(t){var r=t*o.length;n.copies.splice(r).forEach(function(e){return e.remove()});for(var u=e.ownerDocument.createDocumentFragment();n.copies.length<r;){var l=o[n.copies.length%o.length].cloneNode(!0);v(l),n.copies.push(l),u.append(l),null!=a||(a=l)}u.childNodes.length&&i.append(u)},s=p(e,n);if(s.groups&&!n.copies.length&&(d(1),s=p(e,n)),d(s.groups),i){var y="".concat(s.rtl?s.distance:-s.distance,"px");if(i.style.getPropertyValue("--unitone--marquee-travel")!==y&&i.style.setProperty("--unitone--marquee-travel",y),s.distance>0){var b=(null!==(c=i.getAttribute(m))&&void 0!==c?c:"").split(/\s+/).filter(Boolean);b.includes("marquee:initialized")||function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(m))&&void 0!==n?n:"")!==r&&e.setAttribute(m,r)}(i,[].concat(r(b),["marquee:initialized"]))}}return h.set(e,{marquee:i,source:l}),null!==(t=a)&&void 0!==t&&t.isConnected?a:void 0}},g=Symbol.for("@inc2734/unitone-css/layout-initializers"),w=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[g]||(globalThis[g]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[g])},E=function(e,t){var n,r,i;if(null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE)if(e.enabled()&&null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)){if(!e.initialized.has(t)){var o=e.initialize(t);e.initialized.add(t),"function"==typeof o&&e.cleanups.set(t,o)}}else e.initialized.has(t)&&(null===(r=e.cleanups.get(t))||void 0===r||r(),e.cleanups.delete(t),e.initialized.delete(t),null===(i=e.reset)||void 0===i||i.call(e,t))},O=function(e,t){var n;null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&(E(e,t),null===(n=t.querySelectorAll)||void 0===n||n.call(t,e.selector).forEach(function(t){return E(e,t)}))},S=function(e){var t=w();t&&t.initializers.forEach(function(t){O(t,e)})},q=function(e){var t=w();!t||null!=e&&e.isConnected||(null==e?void 0:e.nodeType)!==Node.ELEMENT_NODE||[e].concat(r(e.querySelectorAll("*"))).forEach(function(e){t.initializers.forEach(function(t){var n,r=null===(n=t.cleanups)||void 0===n?void 0:n.get(e);r&&!e.isConnected&&(t.cleanups.delete(e),t.initialized.delete(e),r())})})},A=function(){var e=w();e&&(e.pendingNodes.forEach(function(e){S(e)}),e.pendingNodes.clear(),e.rafId=0)},j=function(){var e=w();e&&!e.observer&&document.body&&(S(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){"attributes"!==t.type?(t.removedNodes.forEach(q),t.addedNodes.forEach(function(t){null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})):e.initializers.forEach(function(e){return E(e,t.target)})}),e.pendingNodes.forEach(function(t){t.isConnected||e.pendingNodes.delete(t)}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(A))}),e.observer.observe(document.body,{attributes:!0,attributeFilter:["data-unitone-layout","data-unitone-react-layout"],childList:!0,subtree:!0}))};function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},z.apply(null,arguments)}function N(e){"@babel/helpers - typeof";return N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},N(e)}function C(e){var t=function(e,t){if("object"!=N(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==N(t)?t:t+""}function L(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.reset,o=e.enabled,a=void 0===o?function(){return!0}:o,u=w();if(u&&!u.initializers.has(t)){var l={selector:n,initialize:r,reset:i,enabled:a,initialized:new WeakSet,cleanups:new WeakMap};u.initializers.set(t,l),u.observer?O(l,document.body):"loading"!==document.readyState?j():u.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",j,{once:!0}),u.hasDOMContentLoadedListener=!0)}}({key:"layout-primitives/marquee",selector:'[data-unitone-layout~="marquee-wrapper"]:not([data-unitone-marquee-react])',initialize:function(e){if(function(e){return e.matches("[data-unitone-marquee-react]")}(e))return y(e,function(){return function(e){e.dispatchEvent(new e.ownerDocument.defaultView.Event(l))}(e)},{listenForRefresh:!1}).dispose;var t=y(e,function(){return b(e)});return function(){t.dispose(),h.delete(e)}}});var M=["duration","gap","itemWidth","reverse","pauseOnHover","style","children"];function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach(function(t){L(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var P="undefined"==typeof window?e.useEffect:e.useLayoutEffect,T=function(t){return e.Children.map(t,function(t){if(!e.isValidElement(t))return t;var n=t.type===e.Fragment?{}:{ref:null,autoFocus:!1,"aria-hidden":!0,inert:!0};return"children"in t.props&&(n.children=T(t.props.children)),e.cloneElement(t,n)})},R=e.forwardRef(function(t,n){var r=t.duration,o=t.gap,a=t.itemWidth,u=t.reverse,l=t.pauseOnHover,c=t.style,d=t.children,s=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,M),m=e.useRef(null),h=e.useRef(null),b=i(e.useState({groups:0,distance:0,rtl:!1}),2),g=b[0],w=b[1];return e.useImperativeHandle(n,function(){return m.current},[]),P(function(){var e=m.current,t=y(e,function(){var t=f(e);t.copies.forEach(v);var n=p(e,t);w(function(e){return e.groups===n.groups&&e.rtl===n.rtl&&Math.abs(e.distance-n.distance)<.001?e:n})});return h.current=t,function(){h.current=null,t.dispose()}},[]),P(function(){var e;return null===(e=h.current)||void 0===e?void 0:e.refresh()}),c=F(F(F({},c),null!=r&&""!==r?{"--unitone--animation-duration":r}:{}),null!=a&&""!==a?{"--unitone--item-width":a}:{}),e.createElement("div",z({"data-unitone-layout":["marquee-wrapper",u?"-reverse":void 0,l?"-pause-on-hover":void 0].filter(Boolean).join(" "),style:c},s,{ref:m,"data-unitone-marquee-react":""}),e.createElement("div",{"data-unitone-layout":["marquee",""!==(null!=o?o:"")?"-gap:".concat(o):void 0,g.distance>0?"marquee:initialized":void 0].filter(Boolean).join(" "),style:{"--unitone--marquee-travel":"".concat(g.rtl?g.distance:-g.distance,"px")}},e.createElement(e.Fragment,{key:"original"},d),e.createElement("span",{"data-unitone-marquee-boundary":"",hidden:!0}),Array.from({length:g.groups},function(t,n){return e.createElement(e.Fragment,{key:"copy:".concat(n)},T(d))})))});exports.Marquee=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react");function t(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 n(e,n){if(e){if("string"==typeof e)return t(e,n);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)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){d=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure 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 l(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)?l(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 o,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,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(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}var u="data-unitone-layout",a="".concat(200,"px 0px"),d=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},c=function(e,t){return e.filter(function(e){return!t.includes(e)})},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(g(function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,d=null==i?void 0:i(a);u?(n=d,u=!1):void 0!==d&&d===n||(t(a.target,a),n=d)}}catch(e){l.e(e)}finally{l.f()}},void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver(function(t){requestAnimationFrame(function(){null!=e&&e.isConnected&&n(t)})});return r.observe(e,t),r},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,d=n.observeResize,c=void 0===d||d,s=n.observeIntersection,y=void 0!==s&&s,p=n.observeDirectChildrenResize,b=void 0!==p&&p,m=n.targetMutation,w=n.directChildMutation,O=y&&"undefined"!=typeof IntersectionObserver,S=!O||h(e),A=O&&!S,C=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||S?(A=!1,t(n)):A=!0)},z=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame(function(){r=0,n=null,null!=e&&e.isConnected&&t(e)})):t(e)}}(e,C),E=function(){null!=e&&e.isConnected&&(!O||S?(A=!0,z()):A=!0)},j=function(){},P=c?b?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,d=new Set,c=new ResizeObserver(g(function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var d=i.value,c=null==r?void 0:r(d);a.has(d.target)?(void 0!==c&&c===a.get(d.target)||(l=!0),a.set(d.target,c)):a.set(d.target,c)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)},l)),s=function(){var t;Array.from(d).forEach(function(t){t.parentElement!==e&&(c.unobserve(t),d.delete(t),a.delete(t))}),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){d.has(e)||(c.observe(e),d.add(e))})};c.observe(e),s();var f=v(e,{childList:!0},function(n){n.some(function(e){return"childList"===e.type})&&(s(),null==u||u(n),t(e))});return{resizeObserver:c,mutationObserver:f}}(e,E,{getValue:r,delay:u,onChildList:function(){j()}}):{resizeObserver:f(e,E,{getValue:r,delay:u})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver(function(e){var n=i(e,1)[0];n&&t(n)},{rootMargin:a});n.observe(e)}(e,function(e){(S=e.isIntersecting)&&A&&E()}),null!=m&&m.options&&v(e,m.options,function(e){var t,n;(null!==(t=null===(n=m.shouldApply)||void 0===n?void 0:n.call(m,e))&&void 0!==t?t:0<e.length)&&E()});var V=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver(function(n){requestAnimationFrame(function(){null!=e&&e.isConnected&&n.some(function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)})&&t(e)})}),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})})};return a(),{observer:u,syncObservedChildren:a}}(e,E,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;V&&(j=V.syncObservedChildren),!P.mutationObserver&&V&&v(e,{childList:!0},function(e){e.some(function(e){return"childList"===e.type})&&(j(),E())}),O&&!S||C(e)},p=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},b=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!b(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i},m=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.direction,r=void 0===n?"ltr":n,i=t.flexDirection,o=void 0===i?"row":i,l=t.writingMode,u=void 0===l?"horizontal-tb":l,a=!u.startsWith("horizontal"),d="rtl"===r!==("sideways-lr"===u),c=a?e.top:e.left,s=a?e.bottom:e.right;if(d){var f=[-s,-c];c=f[0],s=f[1]}if("row-reverse"===o){var v=[-s,-c];c=v[0],s=v[1]}return{start:c,end:s}};function g(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 l=this;clearTimeout(n),n=setTimeout(function(){e.apply(l,i)},t)}}var w=function(e){var t,n,i,o=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),l=c(d(e),["divider:initialized","-stack"]);s(e,l);var u=o.map(function(e){return{child:e,layoutTokens:c(d(e),["-bol","-linewrap"])}}),a=function(){u.forEach(function(e){var t=e.child,n=e.layoutTokens;s(t,n)})};if(l.some(function(e){return e.startsWith("-divider:")}))if(0!==o.length)if(b(e)){var f=null!==(n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==n?n:"undefined"!=typeof window?window:void 0;if(null!=f&&f.getComputedStyle){var v,y=f.getComputedStyle(e),p={direction:y.getPropertyValue("direction"),flexDirection:y.getPropertyValue("flex-direction"),writingMode:y.getPropertyValue("writing-mode")},h=u.reduce(function(e,t){var n=t.child,r=t.layoutTokens,i=f.getComputedStyle(n),o=i.getPropertyValue("position"),l=i.getPropertyValue("display");if("absolute"!==o&&"fixed"!==o&&"none"!==l){var u=n.getBoundingClientRect();e.push({child:n,layoutTokens:r,inlineRect:m(u,p)})}return e},[]);if(0===h.length)return a(),void s(e,[].concat(r(l),["divider:initialized"]));var g=!1,w=!0,O=h.map(function(e,t){var n=e.child,i=e.layoutTokens,o=e.inlineRect,l=r(i);return 0===t||o.start<v.end-.5||o.start<=v.start+.5?(l.push("-bol"),0<t&&(g=!0)):w=!1,g&&l.push("-linewrap"),v=o,{child:n,layoutTokens:l}}),S=new Map(O.map(function(e){return[e.child,e.layoutTokens]}));u.forEach(function(e){var t,n=e.child,r=e.layoutTokens;s(n,null!==(t=S.get(n))&&void 0!==t?t:r)});var A=r(l);w&&A.push("-stack"),A.push("divider:initialized"),s(e,A)}else a()}else a();else s(e,[].concat(r(l),["divider:initialized"]));else a()},O=function(e){var t,n,i=Array.from(e.children),o=c(d(e),["stairs:initialized"]);s(e,o);var l=i[0];if(l){if(e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),i.forEach(function(e){e.style.removeProperty("--unitone--stairs-step")}),b(e)){var u,a=null===(t=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find(function(e){return e.startsWith("-stairs-up:")}))||void 0===t?void 0:t.replace("-stairs-up:",""),f=["up-down","down-up"].includes(a),v=window.getComputedStyle(e).getPropertyValue("flex-direction"),y=e.getBoundingClientRect().bottom,p=i.reduce(function(e,t){var n=window.getComputedStyle(t).getPropertyValue("position"),r=window.getComputedStyle(t).getPropertyValue("display");return"absolute"===n||"fixed"===n||"none"===r||e.push({child:t,rect:t.getBoundingClientRect()}),e},[]),h=0,m=h;p.map(function(e,t){var n,r,i=e.child,o=e.rect,a="row-reverse"===v?(null===(n=u)||void 0===n?void 0:n.left)<=o.left:(null===(r=u)||void 0===r?void 0:r.left)>=o.left;return 0===t||l===i&&!u||a?h=0:f?h=0===h?1:0:h++,u=o,h>m&&(m=h),{child:i,stairsStep:h}}).forEach(function(e){var t=e.child,n=e.stairsStep;t.style.setProperty("--unitone--stairs-step",n)}),e.style.setProperty("--unitone--max-stairs-step",m);var g=p.reduce(function(e,t){var n=t.child.getBoundingClientRect().bottom-y;return e>n?e:n},0);e.style.setProperty("--unitone--stairs-step-overflow-volume",g),s(e,[].concat(r(o),["stairs:initialized"]))}}else s(e,[].concat(r(o),["stairs:initialized"]))},S=Symbol.for("@inc2734/unitone-css/layout-initializers"),A=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[S]||(globalThis[S]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[S])},C=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach(function(e){i.add(e)}),i.forEach(function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))})}},z=function(e){var t=A();t&&t.initializers.forEach(function(t){C(t,e)})},E=function(){var e=A();e&&(e.pendingNodes.forEach(function(e){z(e)}),e.pendingNodes.clear(),e.rafId=0)},j=function(){var e=A();e&&!e.observer&&document.body&&(z(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){t.addedNodes.forEach(function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(E))}),e.observer.observe(document.body,{childList:!0,subtree:!0}))},P=function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=A();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?C(u,document.body):"loading"!==document.readyState?j():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",j,{once:!0}),l.hasDOMContentLoadedListener=!0)}};function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},V.apply(null,arguments)}function M(e){return M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},M(e)}function T(e){var t=function(e,t){if("object"!=M(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=M(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==M(t)?t:t+""}function R(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}P({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter(function(e){return!u.includes(e)}).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter(function(e){return!u.includes(e)}).join(" ")}if("class"===e.attributeName){var a,d,c,s,f=r(null!==(a=null==t||null===(d=t.ignore)||void 0===d?void 0:d.className)&&void 0!==a?a:[]);return(null!==(c=e.target.getAttribute(e.attributeName))&&void 0!==c?c:"").split(" ").filter(function(e){return!f.includes(e)}).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter(function(e){return!f.includes(e)}).join(" ")}return["style","dir"].includes(e.attributeName)};y(e,w,{getResizeValue:p,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","dir","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some(function(e){return"attributes"===e.type&&t(e)})}(t,function(t){return t.target===e&&n(t)})}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}}),P({key:"behaviors/stairs",selector:'[data-unitone-layout*="-stairs:"]',initialize:function(e){y(e,O,{observeIntersection:!0,observeDirectChildrenResize:!0})}});var N=["columnMinWidth","gap","autoRepeat","divider","dividerWidth","dividerStyle","dividerColor","stairs","stairsUp","containerType","responsiveContext","fluidReference","style"];function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach(function(t){R(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}exports.ResponsiveGrid=function(t){var n=t.columnMinWidth,r=t.gap,i=t.autoRepeat,o=t.divider,l=t.dividerWidth,u=t.dividerStyle,a=t.dividerColor,d=t.stairs,c=t.stairsUp,s=t.containerType,f=t.responsiveContext,v=t.fluidReference,y=t.style,p=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,N);return y=I(I({},y),{},{"--unitone--column-min-width":""!==n?n:void 0,"--unitone--divider-width":""!==l?l:void 0,"--unitone--divider-style":""!==u?u:void 0,"--unitone--divider-color":""!==a?a:void 0}),e.createElement("div",V({"data-unitone-layout":["responsive-grid",""!==(null!=r?r:"")?"-gap:".concat(r):void 0,""!==(null!=i?i:"")?"-auto-repeat:".concat(i):void 0,""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=d?d:"")?"-stairs:".concat(d):void 0,""!==(null!=c?c:"")?"-stairs-up:".concat(c):void 0,""!==(null!=s?s:"")?"-container-type:".concat(s):void 0,"container"===f?"-responsive-context:container":void 0,""!==(null!=v?v:"")?"-fluid-reference:".concat(v):void 0].filter(Boolean).join(" "),style:y},p),p.children)};
|
|
1
|
+
"use client";"use strict";var e=require("react"),t="unitone:layout-refresh",n=function(e){var n;return!(null==e||null===(n=e.hasAttribute)||void 0===n||!n.call(e,"data-unitone-react-layout"))&&(e.dispatchEvent(new e.ownerDocument.defaultView.Event(t)),!0)},r=function(e,t){var n;if(e){var r=null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"",i=r.split(/\s+/).filter(function(e){return e&&!t.includes(e)}).join(" ");r!==i&&e.setAttribute("data-unitone-layout",i)}},i=function(e,t){if("divider"===t)r(e,["divider:initialized","-stack"]),Array.from(e.children).forEach(function(e){return r(e,["-bol","-linewrap"])});else if("stairs"===t)r(e,["stairs:initialized"]),e.style.removeProperty("--unitone--max-stairs-step"),e.style.removeProperty("--unitone--stairs-step-overflow-volume"),Array.from(e.children).forEach(function(e){return e.style.removeProperty("--unitone--stairs-step")});else if("vertical"===t){var n;r(e,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]),null!==(n=e.parentElement)&&void 0!==n&&n.style&&(e.parentElement.style.height="")}};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){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}}function l(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||a(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 u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,t)||a(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(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 d(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)?d(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 o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function d(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}var s="data-unitone-layout",f="".concat(200,"px 0px"),v=function(e){var t;return(null!==(t=e.getAttribute(s))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},p=function(e,t){return e.filter(function(e){return!t.includes(e)})},y=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(s))&&void 0!==n?n:"")!==r&&e.setAttribute(s,r)},h=function(e,t,n,r){var i,o,a,l,u=new WeakMap,d=(i=function(){return t(e)},o=250,l=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=this;clearTimeout(a),a=setTimeout(function(){a=void 0,i.apply(r,t)},o)},l.cancel=function(){clearTimeout(a),a=void 0},l),s=new ResizeObserver(function(e){if(!n.disposed){var t,i=!1,o=c(e);try{for(o.s();!(t=o.n()).done;){var a=t.value,l=null==r?void 0:r(a);u.has(a.target)&&void 0!==l&&l===u.get(a.target)||(i=!0),u.set(a.target,l)}}catch(e){o.e(e)}finally{o.f()}i&&d()}});return n.addCleanup(d.cancel),n.addCleanup(function(){return s.disconnect()}),s.observe(e),s},b=function(e,t,n,r){var i=new MutationObserver(function(t){!r.disposed&&e.isConnected&&n(t)});i.observe(e,t),r.addCleanup(function(){return i.disconnect()})},g=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,i=n.observeDirectChildrenResize,o=void 0!==i&&i,a=n.targetMutation,l=n.directChildMutation,d=n.shouldApplyChildList,s=function(e){var t=e.ownerDocument.defaultView,n=new Set,r=new Set,i=!1;return{get disposed(){return i},addCleanup:function(e){i?e():n.add(e)},requestAnimationFrame:function(e){if(i)return 0;if(null==t||!t.requestAnimationFrame)return e(),0;var n=t.requestAnimationFrame(function(t){r.delete(n),i||e(t)});return r.add(n),n},dispose:function(){i||(i=!0,r.forEach(function(e){return t.cancelAnimationFrame(e)}),r.clear(),n.forEach(function(e){return e()}),n.clear())}}}(e),v="undefined"!=typeof IntersectionObserver,p=!v||A(e),y=!p,g=function(){!s.disposed&&e.isConnected&&(p?(y=!1,t(e,s)):y=!0)},m=function(e,t,n){var r=0;return function(){n.disposed||r||(r=n.requestAnimationFrame(function(){r=0,null!=e&&e.isConnected&&t(e)}))}}(e,g,s),w=function(){!s.disposed&&null!=e&&e.isConnected&&(y=!0,p&&m())},E=h(e,w,s,r);return o&&function(e,t,n,r,i,o){var a=new Set,l=i?new MutationObserver(function(t){!r.disposed&&e.isConnected&&z(t,function(t){return t.target.parentElement===e&&i.shouldApply(t)})&&n(e)}):null;r.addCleanup(function(){a.clear(),null==l||l.disconnect()});var u=function(){var n,r=c(a);try{for(r.s();!(n=r.n()).done;){var o=n.value;o.parentElement!==e&&(t.unobserve(o),a.delete(o))}}catch(e){r.e(e)}finally{r.f()}null==l||l.disconnect();var u,d=c(e.children);try{for(d.s();!(u=d.n()).done;){var s=u.value;a.has(s)||(t.observe(s),a.add(s)),null==l||l.observe(s,{attributes:!0,attributeFilter:i.attributeFilter,attributeOldValue:!0})}}catch(e){d.e(e)}finally{d.f()}};u(),b(e,{childList:!0},function(t){u(),o&&!o(t)||n(e)},r)}(e,E,w,s,l,d),v&&function(e,t,n){var r=new IntersectionObserver(function(e){var r=u(e,1)[0];r&&!n.disposed&&t(r)},{rootMargin:f});r.observe(e),n.addCleanup(function(){return r.disconnect()})}(e,function(e){(p=e.isIntersecting)&&y&&w()},s),a&&b(e,a.options,function(e){a.shouldApply(e)&&w()},s),p&&g(),Object.assign(s.dispose,{refresh:g})},m=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},w=function(e){var t;return(null!==(t=e.ownerDocument.defaultView)&&void 0!==t?t:window).getComputedStyle(e)},E=function(e){var t=w(e),n=t.position,r=t.display;return!["absolute","fixed"].includes(n)&&"none"!==r},O=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},A=function(e){var t;if(!O(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i},C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.direction,r=void 0===n?"ltr":n,i=t.flexDirection,o=void 0===i?"row":i,a=t.writingMode,l=void 0===a?"horizontal-tb":a,u=!l.startsWith("horizontal"),c="rtl"===r!==("sideways-lr"===l),d=u?e.top:e.left,s=u?e.bottom:e.right;if(c){var f=[-s,-d];d=f[0],s=f[1]}if("row-reverse"===o){var v=[-s,-d];d=v[0],s=v[1]}return{start:d,end:s}},z=function(e,t){var n=new Map;return e.some(function(e){var r;if("attributes"!==e.type)return!1;var i=null!==(r=n.get(e.target))&&void 0!==r?r:new Set;return!i.has(e.attributeName)&&(i.add(e.attributeName),n.set(e.target,i),t(e))})};var S=function(e){var t,n,r,i=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),o=p(v(e),["divider:initialized","-stack"]);y(e,o);var a=i.map(function(e){return{child:e,layoutTokens:p(v(e),["-bol","-linewrap"])}}),u=function(){a.forEach(function(e){var t=e.child,n=e.layoutTokens;y(t,n)})};if(o.some(function(e){return e.startsWith("-divider:")}))if(0!==i.length)if(O(e)){var d=null!==(n=null==e||null===(r=e.ownerDocument)||void 0===r?void 0:r.defaultView)&&void 0!==n?n:"undefined"!=typeof window?window:void 0;if(null!=d&&d.getComputedStyle){var s,f,h=w(e),b={direction:h.getPropertyValue("direction"),flexDirection:h.getPropertyValue("flex-direction"),writingMode:h.getPropertyValue("writing-mode")},g=[],m=c(a);try{for(m.s();!(s=m.n()).done;){var A=s.value;E(A.child)&&(A.inlineRect=C(A.child.getBoundingClientRect(),b),g.push(A))}}catch(e){m.e(e)}finally{m.f()}if(0===g.length)return u(),void y(e,[].concat(l(o),["divider:initialized"]));var z=!1,S=!0;g.forEach(function(e,t){var n=e.layoutTokens,r=e.inlineRect;0===t||r.start<f.end-.5||r.start<=f.start+.5?(n.push("-bol"),0<t&&(z=!0)):S=!1,z&&n.push("-linewrap"),f=r}),u();var N=l(o);S&&N.push("-stack"),N.push("divider:initialized"),y(e,N)}else u()}else u();else y(e,[].concat(l(o),["divider:initialized"]));else u()},N=function(e,t){return p((null!=e?e:"").split(/\s+/).filter(Boolean),t).sort().join(" ")},M=function(e){var t,n=e.target.getAttribute(e.attributeName);return["data-unitone-layout","class"].includes(e.attributeName)?N(n,[])!==N(e.oldValue,[]):(null!=n?n:"")!==(null!==(t=e.oldValue)&&void 0!==t?t:"")},j=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t.reactOwned&&n(e))return function(){};var r=function(e){var n,r,i,o,a=e.attributeName,u=e.oldValue,c=e.target.getAttribute(a),d=s===a?l(null!==(n=null==t||null===(r=t.ignore)||void 0===r?void 0:r.layout)&&void 0!==n?n:[]):"class"===a?l(null!==(i=null==t||null===(o=t.ignore)||void 0===o?void 0:o.className)&&void 0!==i?i:[]):null;return d?N(c,d)!==N(u,d):["style","dir"].includes(a)&&(null!=c?c:"")!==(null!=u?u:"")};return g(e,S,{getResizeValue:m,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","dir","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return z(t,function(t){return t.target===e&&r(t)})}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],shouldApply:r}})},P=function(e){var t,n,r=Array.from(e.children),i=p(v(e),["stairs:initialized"]);if(y(e,i),0!==r.length){if(e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),r.forEach(function(e){e.style.removeProperty("--unitone--stairs-step")}),O(e)){var o,a=null===(t=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find(function(e){return e.startsWith("-stairs-up:")}))||void 0===t?void 0:t.replace("-stairs-up:",""),u=["up-down","down-up"].includes(a),c=w(e).getPropertyValue("flex-direction"),d=e.getBoundingClientRect().bottom,s=r.reduce(function(e,t){return E(t)?(e.push({child:t,rect:t.getBoundingClientRect()}),e):e},[]),f=0,h=f;s.map(function(e,t){var n,r,i=e.child,a=e.rect,l="row-reverse"===c?(null===(n=o)||void 0===n?void 0:n.left)<=a.left:(null===(r=o)||void 0===r?void 0:r.left)>=a.left;return 0===t||l?f=0:u?f=0===f?1:0:f++,o=a,f>h&&(h=f),{child:i,stairsStep:f}}).forEach(function(e){var t=e.child,n=e.stairsStep;t.style.setProperty("--unitone--stairs-step",n)}),e.style.setProperty("--unitone--max-stairs-step",h);var b=s.reduce(function(e,t){var n=t.child.getBoundingClientRect().bottom-d;return e>n?e:n},0);e.style.setProperty("--unitone--stairs-step-overflow-volume",b),y(e,[].concat(l(i),["stairs:initialized"]))}}else y(e,[].concat(l(i),["stairs:initialized"]))},D=function(e){return!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&n(e)?function(){}:g(e,P,{observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0},shouldApply:function(e){return z(e,M)}},directChildMutation:{attributeFilter:["style","class","dir","data-unitone-layout"],shouldApply:M}})},R=function(e){return z(e,M)||e.some(function(e){return"characterData"===e.type||"childList"===e.type&&[].concat(l(e.addedNodes),l(e.removedNodes)).some(function(e){return!function(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===e.getAttribute(s)}(e)})})},T=Symbol.for("@inc2734/unitone-css/layout-initializers"),L=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[T]||(globalThis[T]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[T])},x=function(e,t){var n,r,i;if(null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE)if(e.enabled()&&null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)){if(!e.initialized.has(t)){var o=e.initialize(t);e.initialized.add(t),"function"==typeof o&&e.cleanups.set(t,o)}}else e.initialized.has(t)&&(null===(r=e.cleanups.get(t))||void 0===r||r(),e.cleanups.delete(t),e.initialized.delete(t),null===(i=e.reset)||void 0===i||i.call(e,t))},V=function(e,t){var n;null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&(x(e,t),null===(n=t.querySelectorAll)||void 0===n||n.call(t,e.selector).forEach(function(t){return x(e,t)}))},I=function(e){var t=L();t&&t.initializers.forEach(function(t){V(t,e)})},F=function(e){var t=L();!t||null!=e&&e.isConnected||(null==e?void 0:e.nodeType)!==Node.ELEMENT_NODE||[e].concat(l(e.querySelectorAll("*"))).forEach(function(e){t.initializers.forEach(function(t){var n,r=null===(n=t.cleanups)||void 0===n?void 0:n.get(e);r&&!e.isConnected&&(t.cleanups.delete(e),t.initialized.delete(e),r())})})},B=function(){var e=L();e&&(e.pendingNodes.forEach(function(e){I(e)}),e.pendingNodes.clear(),e.rafId=0)},k=function(){var e=L();e&&!e.observer&&document.body&&(I(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){"attributes"!==t.type?(t.removedNodes.forEach(F),t.addedNodes.forEach(function(t){null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})):e.initializers.forEach(function(e){return x(e,t.target)})}),e.pendingNodes.forEach(function(t){t.isConnected||e.pendingNodes.delete(t)}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(B))}),e.observer.observe(document.body,{attributes:!0,attributeFilter:["data-unitone-layout","data-unitone-react-layout"],childList:!0,subtree:!0}))},W=function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.reset,o=e.enabled,a=void 0===o?function(){return!0}:o,l=L();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,reset:i,enabled:a,initialized:new WeakSet,cleanups:new WeakMap};l.initializers.set(t,u),l.observer?V(u,document.body):"loading"!==document.readyState?k():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",k,{once:!0}),l.hasDOMContentLoadedListener=!0)}};function q(){return q=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},q.apply(null,arguments)}function _(e){"@babel/helpers - typeof";return _="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_(e)}function U(e){var t=function(e,t){if("object"!=_(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=_(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==_(t)?t:t+""}function $(e,t,n){return(t=U(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}W({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]:not([data-unitone-react-layout])',reset:function(e){return i(e,"divider")},initialize:j}),W({key:"behaviors/stairs",selector:'[data-unitone-layout*="-stairs:"]:not([data-unitone-react-layout])',reset:function(e){return i(e,"stairs")},initialize:D});var H="undefined"==typeof window?e.useEffect:e.useLayoutEffect,G={divider:j,stairs:D,vertical:function(e){if(!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&n(e))return function(){};return g(e,function(e,t){var n;null!==(n=e.parentNode)&&void 0!==n&&n.style&&(e.parentNode.style.height=""),function(e,t){if(e){var n,r=v(e),i=p(r,["vertical-writing:safari","-force-switch"]),o=p(r,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]);if(y(e,i),Array.from(e.children).reverse().some(function(e){if(E(e))return n=e,!0}),n){var a=w(e),u=String(a.getPropertyValue("--unitone--threshold")).trim(),c=!1;if(u&&!/^[+-]?(?:0+\.?0*|\.0+)(?:[a-z]+|%)?$/i.test(u)){var d=e.ownerDocument.createElement("div");d.setAttribute(s,"vertical-writing__thresholder"),e.appendChild(d),c=d.offsetWidth>=e.offsetWidth,d.remove()}c?o.push("-force-switch"):e.getBoundingClientRect().left>n.getBoundingClientRect().left&&o.push("vertical-writing:safari"),y(e,[].concat(l(o),["vertical-writing:initialized"])),(t?function(e){return t.requestAnimationFrame(e)}:function(t){return e.ownerDocument.defaultView.requestAnimationFrame(t)})(function(){var t;if(null!=e&&e.isConnected&&null!==(t=e.parentNode)&&void 0!==t&&t.style){if(c)return void(e.parentNode.style.height="");var r=e.getBoundingClientRect(),i=n.getBoundingClientRect(),o=r.top+r.height,a=i.top+i.height;e.parentNode.style.height=o!==a?"".concat(Math.ceil(a-r.top),"px"):""}})}else y(e,[].concat(l(o),["vertical-writing:initialized"]))}}(e,t)},{observeDirectChildrenResize:!0,shouldApplyChildList:R,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0,characterData:!0,childList:!0,subtree:!0},shouldApply:R}})}},J=["columnMinWidth","gap","autoRepeat","divider","dividerWidth","dividerStyle","dividerColor","stairs","stairsUp","containerType","responsiveContext","fluidReference","style"];function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach(function(t){$(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var X=e.forwardRef(function(n,r){var o=n.columnMinWidth,a=n.gap,l=n.autoRepeat,c=n.divider,d=n.dividerWidth,s=n.dividerStyle,f=n.dividerColor,v=n.stairs,p=n.stairsUp,y=n.containerType,h=n.responsiveContext,b=n.fluidReference,g=n.style,m=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(n,J),w=function(n,r){var o=e.useRef(null),a=e.useRef(null);e.useImperativeHandle(r,function(){return o.current});var l=function(){var e=a.current;e&&(e.target.removeEventListener(t,e.refresh),e.controllers.forEach(function(t,n){t.dispose(),i(e.target,n)}),a.current=null)};return H(function(){return l},[]),H(function(){var e,r=o.current;if((null===(e=a.current)||void 0===e?void 0:e.target)!==r&&l(),r){if(!a.current){var c=new Map,d=function(){return c.forEach(function(e){return e.refresh()})};a.current={target:r,controllers:c,refresh:d},r.addEventListener(t,d)}for(var s=a.current.controllers,f=0,v=Object.entries(G);f<v.length;f++){var p=u(v[f],2),y=p[0],h=p[1];if(n[y])if(s.has(y))s.get(y).refresh();else{var b=h(r,{reactOwned:!0});s.set(y,{dispose:b,refresh:b.refresh})}else s.has(y)&&(s.get(y).dispose(),s.delete(y),i(r,y))}}}),o}({divider:""!==(null!=c?c:""),stairs:""!==(null!=v?v:"")},r);return g=Q(Q({},g),{},{"--unitone--column-min-width":""!==o?o:void 0,"--unitone--divider-width":""!==d?d:void 0,"--unitone--divider-style":""!==s?s:void 0,"--unitone--divider-color":""!==f?f:void 0}),e.createElement("div",q({"data-unitone-layout":["responsive-grid",""!==(null!=a?a:"")?"-gap:".concat(a):void 0,""!==(null!=l?l:"")?"-auto-repeat:".concat(l):void 0,""!==(null!=c?c:"")?"-divider:".concat(c):void 0,""!==(null!=v?v:"")?"-stairs:".concat(v):void 0,""!==(null!=p?p:"")?"-stairs-up:".concat(p):void 0,""!==(null!=y?y:"")?"-container-type:".concat(y):void 0,"container"===h?"-responsive-context:container":void 0,""!==(null!=b?b:"")?"-fluid-reference:".concat(b):void 0].filter(Boolean).join(" "),style:g},m,{ref:w,"data-unitone-react-layout":""}),m.children)});exports.ResponsiveGrid=X;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react");function t(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 n(e,n){if(e){if("string"==typeof e)return t(e,n);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)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){d=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw i}}return u}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure 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 l(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)?l(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 o,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,o=e},f:function(){try{u||null==n.return||n.return()}finally{if(a)throw o}}}}function l(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}var u="data-unitone-layout",a="".concat(200,"px 0px"),d=function(e){var t;return(null!==(t=e.getAttribute(u))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},c=function(e,t){return e.filter(function(e){return!t.includes(e)})},s=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(u))&&void 0!==n?n:"")!==r&&e.setAttribute(u,r)},f=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,u=!0,a=new ResizeObserver(m(function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var a=r.value,d=null==i?void 0:i(a);u?(n=d,u=!1):void 0!==d&&d===n||(t(a.target,a),n=d)}}catch(e){l.e(e)}finally{l.f()}},void 0===l?250:l));return a.observe(e),a},v=function(e,t,n){var r=new MutationObserver(function(t){requestAnimationFrame(function(){null!=e&&e.isConnected&&n(t)})});return r.observe(e,t),r},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,u=void 0===l?250:l,d=n.observeResize,c=void 0===d||d,s=n.observeIntersection,y=void 0!==s&&s,b=n.observeDirectChildrenResize,p=void 0!==b&&b,g=n.targetMutation,w=n.directChildMutation,O=y&&"undefined"!=typeof IntersectionObserver,S=!O||h(e),A=O&&!S,z=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||S?(A=!1,t(n)):A=!0)},j=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame(function(){r=0,n=null,null!=e&&e.isConnected&&t(e)})):t(e)}}(e,z),C=function(){null!=e&&e.isConnected&&(!O||S?(A=!0,j()):A=!0)},E=function(){},T=c?p?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,u=n.onChildList,a=new WeakMap,d=new Set,c=new ResizeObserver(m(function(n){var i,l=!1,u=o(n);try{for(u.s();!(i=u.n()).done;){var d=i.value,c=null==r?void 0:r(d);a.has(d.target)?(void 0!==c&&c===a.get(d.target)||(l=!0),a.set(d.target,c)):a.set(d.target,c)}}catch(e){u.e(e)}finally{u.f()}l&&t(e)},l)),s=function(){var t;Array.from(d).forEach(function(t){t.parentElement!==e&&(c.unobserve(t),d.delete(t),a.delete(t))}),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){d.has(e)||(c.observe(e),d.add(e))})};c.observe(e),s();var f=v(e,{childList:!0},function(n){n.some(function(e){return"childList"===e.type})&&(s(),null==u||u(n),t(e))});return{resizeObserver:c,mutationObserver:f}}(e,C,{getValue:r,delay:u,onChildList:function(){E()}}):{resizeObserver:f(e,C,{getValue:r,delay:u})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver(function(e){var n=i(e,1)[0];n&&t(n)},{rootMargin:a});n.observe(e)}(e,function(e){(S=e.isIntersecting)&&A&&C()}),null!=g&&g.options&&v(e,g.options,function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&C()});var M=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,u=new MutationObserver(function(n){requestAnimationFrame(function(){null!=e&&e.isConnected&&n.some(function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)})&&t(e)})}),a=function(){var t;u.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){u.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})})};return a(),{observer:u,syncObservedChildren:a}}(e,C,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;M&&(E=M.syncObservedChildren),!T.mutationObserver&&M&&v(e,{childList:!0},function(e){e.some(function(e){return"childList"===e.type})&&(E(),C())}),O&&!S||z(e)},b=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},p=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},h=function(e){var t;if(!p(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i},g=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.direction,r=void 0===n?"ltr":n,i=t.flexDirection,o=void 0===i?"row":i,l=t.writingMode,u=void 0===l?"horizontal-tb":l,a=!u.startsWith("horizontal"),d="rtl"===r!==("sideways-lr"===u),c=a?e.top:e.left,s=a?e.bottom:e.right;if(d){var f=[-s,-c];c=f[0],s=f[1]}if("row-reverse"===o){var v=[-s,-c];c=v[0],s=v[1]}return{start:c,end:s}};function m(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 l=this;clearTimeout(n),n=setTimeout(function(){e.apply(l,i)},t)}}var w=function(e){var t,n,i,o=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),l=c(d(e),["divider:initialized","-stack"]);s(e,l);var u=o.map(function(e){return{child:e,layoutTokens:c(d(e),["-bol","-linewrap"])}}),a=function(){u.forEach(function(e){var t=e.child,n=e.layoutTokens;s(t,n)})};if(l.some(function(e){return e.startsWith("-divider:")}))if(0!==o.length)if(p(e)){var f=null!==(n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==n?n:"undefined"!=typeof window?window:void 0;if(null!=f&&f.getComputedStyle){var v,y=f.getComputedStyle(e),b={direction:y.getPropertyValue("direction"),flexDirection:y.getPropertyValue("flex-direction"),writingMode:y.getPropertyValue("writing-mode")},h=u.reduce(function(e,t){var n=t.child,r=t.layoutTokens,i=f.getComputedStyle(n),o=i.getPropertyValue("position"),l=i.getPropertyValue("display");if("absolute"!==o&&"fixed"!==o&&"none"!==l){var u=n.getBoundingClientRect();e.push({child:n,layoutTokens:r,inlineRect:g(u,b)})}return e},[]);if(0===h.length)return a(),void s(e,[].concat(r(l),["divider:initialized"]));var m=!1,w=!0,O=h.map(function(e,t){var n=e.child,i=e.layoutTokens,o=e.inlineRect,l=r(i);return 0===t||o.start<v.end-.5||o.start<=v.start+.5?(l.push("-bol"),0<t&&(m=!0)):w=!1,m&&l.push("-linewrap"),v=o,{child:n,layoutTokens:l}}),S=new Map(O.map(function(e){return[e.child,e.layoutTokens]}));u.forEach(function(e){var t,n=e.child,r=e.layoutTokens;s(n,null!==(t=S.get(n))&&void 0!==t?t:r)});var A=r(l);w&&A.push("-stack"),A.push("divider:initialized"),s(e,A)}else a()}else a();else s(e,[].concat(r(l),["divider:initialized"]));else a()},O=Symbol.for("@inc2734/unitone-css/layout-initializers"),S=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[O]||(globalThis[O]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[O])},A=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach(function(e){i.add(e)}),i.forEach(function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))})}},z=function(e){var t=S();t&&t.initializers.forEach(function(t){A(t,e)})},j=function(){var e=S();e&&(e.pendingNodes.forEach(function(e){z(e)}),e.pendingNodes.clear(),e.rafId=0)},C=function(){var e=S();e&&!e.observer&&document.body&&(z(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){t.addedNodes.forEach(function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(j))}),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(null,arguments)}function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function M(e){var t=function(e,t){if("object"!=T(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=T(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==T(t)?t:t+""}function N(e,t,n){return(t=M(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=S();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,u),l.observer?A(u,document.body):"loading"!==document.readyState?C():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",C,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]',initialize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){if("data-unitone-layout"===e.attributeName){var n,i,o,l,u=[].concat(r(null!==(n=null==t||null===(i=t.ignore)||void 0===i?void 0:i.layout)&&void 0!==n?n:[]),["divider:initialized","-bol","-linewrap","-stack"]);return(null!==(o=e.target.getAttribute(e.attributeName))&&void 0!==o?o:"").split(" ").filter(function(e){return!u.includes(e)}).join(" ")!==(null!==(l=e.oldValue)&&void 0!==l?l:"").split(" ").filter(function(e){return!u.includes(e)}).join(" ")}if("class"===e.attributeName){var a,d,c,s,f=r(null!==(a=null==t||null===(d=t.ignore)||void 0===d?void 0:d.className)&&void 0!==a?a:[]);return(null!==(c=e.target.getAttribute(e.attributeName))&&void 0!==c?c:"").split(" ").filter(function(e){return!f.includes(e)}).join(" ")!==(null!==(s=e.oldValue)&&void 0!==s?s:"").split(" ").filter(function(e){return!f.includes(e)}).join(" ")}return["style","dir"].includes(e.attributeName)};y(e,w,{getResizeValue:b,observeIntersection:!0,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","dir","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return function(e,t){return e.some(function(e){return"attributes"===e.type&&t(e)})}(t,function(t){return t.target===e&&n(t)})}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],attributeOldValue:!0,shouldApply:n}})}});var V=["gap","negative","revert","divider","dividerWidth","dividerStyle","dividerColor","containerType","responsiveContext","fluidReference","tagName","style"];function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach(function(t){N(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}exports.Stack=function(t){var n=t.gap,r=t.negative,i=t.revert,o=t.divider,l=t.dividerWidth,u=t.dividerStyle,a=t.dividerColor,d=t.containerType,c=t.responsiveContext,s=t.fluidReference,f=t.tagName,v=void 0===f?"div":f,y=t.style,b=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,V),p=v;return y=k(k({},y),{},{"--unitone--divider-width":""!==l?l:void 0,"--unitone--divider-style":""!==u?u:void 0,"--unitone--divider-color":""!==a?a:void 0}),e.createElement(p,E({"data-unitone-layout":["stack",i?"-revert":void 0,""!==(null!=o?o:"")?"-divider:".concat(o):void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,r?"-negative":void 0,""!==(null!=d?d:"")?"-container-type:".concat(d):void 0,"container"===c?"-responsive-context:container":void 0,""!==(null!=s?s:"")?"-fluid-reference:".concat(s):void 0].filter(Boolean).join(" "),style:y},b),b.children)};
|
|
1
|
+
"use client";"use strict";var e=require("react"),t="unitone:layout-refresh",n=function(e){var n;return!(null==e||null===(n=e.hasAttribute)||void 0===n||!n.call(e,"data-unitone-react-layout"))&&(e.dispatchEvent(new e.ownerDocument.defaultView.Event(t)),!0)},r=function(e,t){var n;if(e){var r=null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"",i=r.split(/\s+/).filter(function(e){return e&&!t.includes(e)}).join(" ");r!==i&&e.setAttribute("data-unitone-layout",i)}},i=function(e,t){if("divider"===t)r(e,["divider:initialized","-stack"]),Array.from(e.children).forEach(function(e){return r(e,["-bol","-linewrap"])});else if("stairs"===t)r(e,["stairs:initialized"]),e.style.removeProperty("--unitone--max-stairs-step"),e.style.removeProperty("--unitone--stairs-step-overflow-volume"),Array.from(e.children).forEach(function(e){return e.style.removeProperty("--unitone--stairs-step")});else if("vertical"===t){var n;r(e,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]),null!==(n=e.parentElement)&&void 0!==n&&n.style&&(e.parentElement.style.height="")}};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){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}}function l(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||a(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 u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,t)||a(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(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 d(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)?d(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 o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function d(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}var s="data-unitone-layout",f="".concat(200,"px 0px"),v=function(e){var t;return(null!==(t=e.getAttribute(s))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},p=function(e,t){return e.filter(function(e){return!t.includes(e)})},y=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(s))&&void 0!==n?n:"")!==r&&e.setAttribute(s,r)},h=function(e,t,n,r){var i,o,a,l,u=new WeakMap,d=(i=function(){return t(e)},o=250,l=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=this;clearTimeout(a),a=setTimeout(function(){a=void 0,i.apply(r,t)},o)},l.cancel=function(){clearTimeout(a),a=void 0},l),s=new ResizeObserver(function(e){if(!n.disposed){var t,i=!1,o=c(e);try{for(o.s();!(t=o.n()).done;){var a=t.value,l=null==r?void 0:r(a);u.has(a.target)&&void 0!==l&&l===u.get(a.target)||(i=!0),u.set(a.target,l)}}catch(e){o.e(e)}finally{o.f()}i&&d()}});return n.addCleanup(d.cancel),n.addCleanup(function(){return s.disconnect()}),s.observe(e),s},b=function(e,t,n,r){var i=new MutationObserver(function(t){!r.disposed&&e.isConnected&&n(t)});i.observe(e,t),r.addCleanup(function(){return i.disconnect()})},g=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,i=n.observeDirectChildrenResize,o=void 0!==i&&i,a=n.targetMutation,l=n.directChildMutation,d=n.shouldApplyChildList,s=function(e){var t=e.ownerDocument.defaultView,n=new Set,r=new Set,i=!1;return{get disposed(){return i},addCleanup:function(e){i?e():n.add(e)},requestAnimationFrame:function(e){if(i)return 0;if(null==t||!t.requestAnimationFrame)return e(),0;var n=t.requestAnimationFrame(function(t){r.delete(n),i||e(t)});return r.add(n),n},dispose:function(){i||(i=!0,r.forEach(function(e){return t.cancelAnimationFrame(e)}),r.clear(),n.forEach(function(e){return e()}),n.clear())}}}(e),v="undefined"!=typeof IntersectionObserver,p=!v||A(e),y=!p,g=function(){!s.disposed&&e.isConnected&&(p?(y=!1,t(e,s)):y=!0)},m=function(e,t,n){var r=0;return function(){n.disposed||r||(r=n.requestAnimationFrame(function(){r=0,null!=e&&e.isConnected&&t(e)}))}}(e,g,s),w=function(){!s.disposed&&null!=e&&e.isConnected&&(y=!0,p&&m())},E=h(e,w,s,r);return o&&function(e,t,n,r,i,o){var a=new Set,l=i?new MutationObserver(function(t){!r.disposed&&e.isConnected&&S(t,function(t){return t.target.parentElement===e&&i.shouldApply(t)})&&n(e)}):null;r.addCleanup(function(){a.clear(),null==l||l.disconnect()});var u=function(){var n,r=c(a);try{for(r.s();!(n=r.n()).done;){var o=n.value;o.parentElement!==e&&(t.unobserve(o),a.delete(o))}}catch(e){r.e(e)}finally{r.f()}null==l||l.disconnect();var u,d=c(e.children);try{for(d.s();!(u=d.n()).done;){var s=u.value;a.has(s)||(t.observe(s),a.add(s)),null==l||l.observe(s,{attributes:!0,attributeFilter:i.attributeFilter,attributeOldValue:!0})}}catch(e){d.e(e)}finally{d.f()}};u(),b(e,{childList:!0},function(t){u(),o&&!o(t)||n(e)},r)}(e,E,w,s,l,d),v&&function(e,t,n){var r=new IntersectionObserver(function(e){var r=u(e,1)[0];r&&!n.disposed&&t(r)},{rootMargin:f});r.observe(e),n.addCleanup(function(){return r.disconnect()})}(e,function(e){(p=e.isIntersecting)&&y&&w()},s),a&&b(e,a.options,function(e){a.shouldApply(e)&&w()},s),p&&g(),Object.assign(s.dispose,{refresh:g})},m=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},w=function(e){var t;return(null!==(t=e.ownerDocument.defaultView)&&void 0!==t?t:window).getComputedStyle(e)},E=function(e){var t=w(e),n=t.position,r=t.display;return!["absolute","fixed"].includes(n)&&"none"!==r},O=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},A=function(e){var t;if(!O(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i},C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.direction,r=void 0===n?"ltr":n,i=t.flexDirection,o=void 0===i?"row":i,a=t.writingMode,l=void 0===a?"horizontal-tb":a,u=!l.startsWith("horizontal"),c="rtl"===r!==("sideways-lr"===l),d=u?e.top:e.left,s=u?e.bottom:e.right;if(c){var f=[-s,-d];d=f[0],s=f[1]}if("row-reverse"===o){var v=[-s,-d];d=v[0],s=v[1]}return{start:d,end:s}},S=function(e,t){var n=new Map;return e.some(function(e){var r;if("attributes"!==e.type)return!1;var i=null!==(r=n.get(e.target))&&void 0!==r?r:new Set;return!i.has(e.attributeName)&&(i.add(e.attributeName),n.set(e.target,i),t(e))})};var z=function(e){var t,n,r,i=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),o=p(v(e),["divider:initialized","-stack"]);y(e,o);var a=i.map(function(e){return{child:e,layoutTokens:p(v(e),["-bol","-linewrap"])}}),u=function(){a.forEach(function(e){var t=e.child,n=e.layoutTokens;y(t,n)})};if(o.some(function(e){return e.startsWith("-divider:")}))if(0!==i.length)if(O(e)){var d=null!==(n=null==e||null===(r=e.ownerDocument)||void 0===r?void 0:r.defaultView)&&void 0!==n?n:"undefined"!=typeof window?window:void 0;if(null!=d&&d.getComputedStyle){var s,f,h=w(e),b={direction:h.getPropertyValue("direction"),flexDirection:h.getPropertyValue("flex-direction"),writingMode:h.getPropertyValue("writing-mode")},g=[],m=c(a);try{for(m.s();!(s=m.n()).done;){var A=s.value;E(A.child)&&(A.inlineRect=C(A.child.getBoundingClientRect(),b),g.push(A))}}catch(e){m.e(e)}finally{m.f()}if(0===g.length)return u(),void y(e,[].concat(l(o),["divider:initialized"]));var S=!1,z=!0;g.forEach(function(e,t){var n=e.layoutTokens,r=e.inlineRect;0===t||r.start<f.end-.5||r.start<=f.start+.5?(n.push("-bol"),0<t&&(S=!0)):z=!1,S&&n.push("-linewrap"),f=r}),u();var N=l(o);z&&N.push("-stack"),N.push("divider:initialized"),y(e,N)}else u()}else u();else y(e,[].concat(l(o),["divider:initialized"]));else u()},N=function(e,t){return p((null!=e?e:"").split(/\s+/).filter(Boolean),t).sort().join(" ")},j=function(e){var t,n=e.target.getAttribute(e.attributeName);return["data-unitone-layout","class"].includes(e.attributeName)?N(n,[])!==N(e.oldValue,[]):(null!=n?n:"")!==(null!==(t=e.oldValue)&&void 0!==t?t:"")},M=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t.reactOwned&&n(e))return function(){};var r=function(e){var n,r,i,o,a=e.attributeName,u=e.oldValue,c=e.target.getAttribute(a),d=s===a?l(null!==(n=null==t||null===(r=t.ignore)||void 0===r?void 0:r.layout)&&void 0!==n?n:[]):"class"===a?l(null!==(i=null==t||null===(o=t.ignore)||void 0===o?void 0:o.className)&&void 0!==i?i:[]):null;return d?N(c,d)!==N(u,d):["style","dir"].includes(a)&&(null!=c?c:"")!==(null!=u?u:"")};return g(e,z,{getResizeValue:m,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","dir","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return S(t,function(t){return t.target===e&&r(t)})}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],shouldApply:r}})},P=function(e){var t,n,r=Array.from(e.children),i=p(v(e),["stairs:initialized"]);if(y(e,i),0!==r.length){if(e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),r.forEach(function(e){e.style.removeProperty("--unitone--stairs-step")}),O(e)){var o,a=null===(t=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find(function(e){return e.startsWith("-stairs-up:")}))||void 0===t?void 0:t.replace("-stairs-up:",""),u=["up-down","down-up"].includes(a),c=w(e).getPropertyValue("flex-direction"),d=e.getBoundingClientRect().bottom,s=r.reduce(function(e,t){return E(t)?(e.push({child:t,rect:t.getBoundingClientRect()}),e):e},[]),f=0,h=f;s.map(function(e,t){var n,r,i=e.child,a=e.rect,l="row-reverse"===c?(null===(n=o)||void 0===n?void 0:n.left)<=a.left:(null===(r=o)||void 0===r?void 0:r.left)>=a.left;return 0===t||l?f=0:u?f=0===f?1:0:f++,o=a,f>h&&(h=f),{child:i,stairsStep:f}}).forEach(function(e){var t=e.child,n=e.stairsStep;t.style.setProperty("--unitone--stairs-step",n)}),e.style.setProperty("--unitone--max-stairs-step",h);var b=s.reduce(function(e,t){var n=t.child.getBoundingClientRect().bottom-d;return e>n?e:n},0);e.style.setProperty("--unitone--stairs-step-overflow-volume",b),y(e,[].concat(l(i),["stairs:initialized"]))}}else y(e,[].concat(l(i),["stairs:initialized"]))},D=function(e){return S(e,j)||e.some(function(e){return"characterData"===e.type||"childList"===e.type&&[].concat(l(e.addedNodes),l(e.removedNodes)).some(function(e){return!function(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===e.getAttribute(s)}(e)})})},T=Symbol.for("@inc2734/unitone-css/layout-initializers"),R=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[T]||(globalThis[T]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[T])},L=function(e,t){var n,r,i;if(null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE)if(e.enabled()&&null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)){if(!e.initialized.has(t)){var o=e.initialize(t);e.initialized.add(t),"function"==typeof o&&e.cleanups.set(t,o)}}else e.initialized.has(t)&&(null===(r=e.cleanups.get(t))||void 0===r||r(),e.cleanups.delete(t),e.initialized.delete(t),null===(i=e.reset)||void 0===i||i.call(e,t))},x=function(e,t){var n;null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&(L(e,t),null===(n=t.querySelectorAll)||void 0===n||n.call(t,e.selector).forEach(function(t){return L(e,t)}))},V=function(e){var t=R();t&&t.initializers.forEach(function(t){x(t,e)})},I=function(e){var t=R();!t||null!=e&&e.isConnected||(null==e?void 0:e.nodeType)!==Node.ELEMENT_NODE||[e].concat(l(e.querySelectorAll("*"))).forEach(function(e){t.initializers.forEach(function(t){var n,r=null===(n=t.cleanups)||void 0===n?void 0:n.get(e);r&&!e.isConnected&&(t.cleanups.delete(e),t.initialized.delete(e),r())})})},F=function(){var e=R();e&&(e.pendingNodes.forEach(function(e){V(e)}),e.pendingNodes.clear(),e.rafId=0)},k=function(){var e=R();e&&!e.observer&&document.body&&(V(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){"attributes"!==t.type?(t.removedNodes.forEach(I),t.addedNodes.forEach(function(t){null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})):e.initializers.forEach(function(e){return L(e,t.target)})}),e.pendingNodes.forEach(function(t){t.isConnected||e.pendingNodes.delete(t)}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(F))}),e.observer.observe(document.body,{attributes:!0,attributeFilter:["data-unitone-layout","data-unitone-react-layout"],childList:!0,subtree:!0}))};function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},B.apply(null,arguments)}function W(e){"@babel/helpers - typeof";return W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},W(e)}function q(e){var t=function(e,t){if("object"!=W(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=W(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==W(t)?t:t+""}function _(e,t,n){return(t=q(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.reset,o=e.enabled,a=void 0===o?function(){return!0}:o,l=R();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,reset:i,enabled:a,initialized:new WeakSet,cleanups:new WeakMap};l.initializers.set(t,u),l.observer?x(u,document.body):"loading"!==document.readyState?k():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",k,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/dividers",selector:'[data-unitone-layout*="-divider:"]:not([data-unitone-react-layout])',reset:function(e){return i(e,"divider")},initialize:M});var $="undefined"==typeof window?e.useEffect:e.useLayoutEffect,H={divider:M,stairs:function(e){return!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&n(e)?function(){}:g(e,P,{observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0},shouldApply:function(e){return S(e,j)}},directChildMutation:{attributeFilter:["style","class","dir","data-unitone-layout"],shouldApply:j}})},vertical:function(e){if(!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&n(e))return function(){};return g(e,function(e,t){var n;null!==(n=e.parentNode)&&void 0!==n&&n.style&&(e.parentNode.style.height=""),function(e,t){if(e){var n,r=v(e),i=p(r,["vertical-writing:safari","-force-switch"]),o=p(r,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]);if(y(e,i),Array.from(e.children).reverse().some(function(e){if(E(e))return n=e,!0}),n){var a=w(e),u=String(a.getPropertyValue("--unitone--threshold")).trim(),c=!1;if(u&&!/^[+-]?(?:0+\.?0*|\.0+)(?:[a-z]+|%)?$/i.test(u)){var d=e.ownerDocument.createElement("div");d.setAttribute(s,"vertical-writing__thresholder"),e.appendChild(d),c=d.offsetWidth>=e.offsetWidth,d.remove()}c?o.push("-force-switch"):e.getBoundingClientRect().left>n.getBoundingClientRect().left&&o.push("vertical-writing:safari"),y(e,[].concat(l(o),["vertical-writing:initialized"])),(t?function(e){return t.requestAnimationFrame(e)}:function(t){return e.ownerDocument.defaultView.requestAnimationFrame(t)})(function(){var t;if(null!=e&&e.isConnected&&null!==(t=e.parentNode)&&void 0!==t&&t.style){if(c)return void(e.parentNode.style.height="");var r=e.getBoundingClientRect(),i=n.getBoundingClientRect(),o=r.top+r.height,a=i.top+i.height;e.parentNode.style.height=o!==a?"".concat(Math.ceil(a-r.top),"px"):""}})}else y(e,[].concat(l(o),["vertical-writing:initialized"]))}}(e,t)},{observeDirectChildrenResize:!0,shouldApplyChildList:D,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0,characterData:!0,childList:!0,subtree:!0},shouldApply:D}})}},U=["gap","negative","revert","divider","dividerWidth","dividerStyle","dividerColor","containerType","responsiveContext","fluidReference","tagName","style"];function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach(function(t){_(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var K=e.forwardRef(function(n,r){var o=n.gap,a=n.negative,l=n.revert,c=n.divider,d=n.dividerWidth,s=n.dividerStyle,f=n.dividerColor,v=n.containerType,p=n.responsiveContext,y=n.fluidReference,h=n.tagName,b=void 0===h?"div":h,g=n.style,m=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(n,U),w=function(n,r){var o=e.useRef(null),a=e.useRef(null);e.useImperativeHandle(r,function(){return o.current});var l=function(){var e=a.current;e&&(e.target.removeEventListener(t,e.refresh),e.controllers.forEach(function(t,n){t.dispose(),i(e.target,n)}),a.current=null)};return $(function(){return l},[]),$(function(){var e,r=o.current;if((null===(e=a.current)||void 0===e?void 0:e.target)!==r&&l(),r){if(!a.current){var c=new Map,d=function(){return c.forEach(function(e){return e.refresh()})};a.current={target:r,controllers:c,refresh:d},r.addEventListener(t,d)}for(var s=a.current.controllers,f=0,v=Object.entries(H);f<v.length;f++){var p=u(v[f],2),y=p[0],h=p[1];if(n[y])if(s.has(y))s.get(y).refresh();else{var b=h(r,{reactOwned:!0});s.set(y,{dispose:b,refresh:b.refresh})}else s.has(y)&&(s.get(y).dispose(),s.delete(y),i(r,y))}}}),o}({divider:""!==(null!=c?c:"")},r),E=b;return g=J(J({},g),{},{"--unitone--divider-width":""!==d?d:void 0,"--unitone--divider-style":""!==s?s:void 0,"--unitone--divider-color":""!==f?f:void 0}),e.createElement(E,B({"data-unitone-layout":["stack",l?"-revert":void 0,""!==(null!=c?c:"")?"-divider:".concat(c):void 0,""!==(null!=o?o:"")?"-gap:".concat(o):void 0,a?"-negative":void 0,""!==(null!=v?v:"")?"-container-type:".concat(v):void 0,"container"===p?"-responsive-context:container":void 0,""!==(null!=y?y:"")?"-fluid-reference:".concat(y):void 0].filter(Boolean).join(" "),style:g},m,{ref:w,"data-unitone-react-layout":""}),m.children)});exports.Stack=K;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react");function t(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 n(e,n){if(e){if("string"==typeof e)return t(e,n);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)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return a}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure 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 l(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)?l(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 o,a=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){u=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(u)throw o}}}}function l(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}var a="data-unitone-layout",u="".concat(200,"px 0px"),c=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(a))&&void 0!==n?n:"")!==r&&e.setAttribute(a,r)},s=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,l=r.delay,a=!0,u=new ResizeObserver(p(function(e){var r,l=o(e);try{for(l.s();!(r=l.n()).done;){var u=r.value,c=null==i?void 0:i(u);a?(n=c,a=!1):void 0!==c&&c===n||(t(u.target,u),n=c)}}catch(e){l.e(e)}finally{l.f()}},void 0===l?250:l));return u.observe(e),u},d=function(e,t,n){var r=new MutationObserver(function(t){requestAnimationFrame(function(){null!=e&&e.isConnected&&n(t)})});return r.observe(e,t),r},f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,l=n.delay,a=void 0===l?250:l,c=n.observeResize,f=void 0===c||c,v=n.observeIntersection,b=void 0!==v&&v,m=n.observeDirectChildrenResize,h=void 0!==m&&m,g=n.targetMutation,w=n.directChildMutation,O=b&&"undefined"!=typeof IntersectionObserver,S=!O||y(e),A=O&&!S,E=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||S?(A=!1,t(n)):A=!0)},C=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame(function(){r=0,n=null,null!=e&&e.isConnected&&t(e)})):t(e)}}(e,E),j=function(){null!=e&&e.isConnected&&(!O||S?(A=!0,C()):A=!0)},z=function(){},P=f?h?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,l=void 0===i?250:i,a=n.onChildList,u=new WeakMap,c=new Set,s=new ResizeObserver(p(function(n){var i,l=!1,a=o(n);try{for(a.s();!(i=a.n()).done;){var c=i.value,s=null==r?void 0:r(c);u.has(c.target)?(void 0!==s&&s===u.get(c.target)||(l=!0),u.set(c.target,s)):u.set(c.target,s)}}catch(e){a.e(e)}finally{a.f()}l&&t(e)},l)),f=function(){var t;Array.from(c).forEach(function(t){t.parentElement!==e&&(s.unobserve(t),c.delete(t),u.delete(t))}),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){c.has(e)||(s.observe(e),c.add(e))})};s.observe(e),f();var v=d(e,{childList:!0},function(n){n.some(function(e){return"childList"===e.type})&&(f(),null==a||a(n),t(e))});return{resizeObserver:s,mutationObserver:v}}(e,j,{getValue:r,delay:a,onChildList:function(){z()}}):{resizeObserver:s(e,j,{getValue:r,delay:a})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver(function(e){var n=i(e,1)[0];n&&t(n)},{rootMargin:u});n.observe(e)}(e,function(e){(S=e.isIntersecting)&&A&&j()}),null!=g&&g.options&&d(e,g.options,function(e){var t,n;(null!==(t=null===(n=g.shouldApply)||void 0===n?void 0:n.call(g,e))&&void 0!==t?t:0<e.length)&&j()});var I=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,l=void 0===o||o,a=new MutationObserver(function(n){requestAnimationFrame(function(){null!=e&&e.isConnected&&n.some(function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)})&&t(e)})}),u=function(){var t;a.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){a.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:l})})};return u(),{observer:a,syncObservedChildren:u}}(e,j,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;I&&(z=I.syncObservedChildren),!P.mutationObserver&&I&&d(e,{childList:!0},function(e){e.some(function(e){return"childList"===e.type})&&(z(),j())}),O&&!S||E(e)},v=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},y=function(e){var t;if(!v(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function p(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 l=this;clearTimeout(n),n=setTimeout(function(){e.apply(l,i)},t)}}var b=function(e){var t,n,i,o,l,u=Array.from(e.children),s=(i=(null!==(l=e.getAttribute(a))&&void 0!==l?l:"").split(/\s+/).filter(Boolean),o=["stairs:initialized"],i.filter(function(e){return!o.includes(e)}));c(e,s);var d=u[0];if(d){if(e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),u.forEach(function(e){e.style.removeProperty("--unitone--stairs-step")}),v(e)){var f,y=null===(t=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find(function(e){return e.startsWith("-stairs-up:")}))||void 0===t?void 0:t.replace("-stairs-up:",""),p=["up-down","down-up"].includes(y),b=window.getComputedStyle(e).getPropertyValue("flex-direction"),m=e.getBoundingClientRect().bottom,h=u.reduce(function(e,t){var n=window.getComputedStyle(t).getPropertyValue("position"),r=window.getComputedStyle(t).getPropertyValue("display");return"absolute"===n||"fixed"===n||"none"===r||e.push({child:t,rect:t.getBoundingClientRect()}),e},[]),g=0,w=g;h.map(function(e,t){var n,r,i=e.child,o=e.rect,l="row-reverse"===b?(null===(n=f)||void 0===n?void 0:n.left)<=o.left:(null===(r=f)||void 0===r?void 0:r.left)>=o.left;return 0===t||d===i&&!f||l?g=0:p?g=0===g?1:0:g++,f=o,g>w&&(w=g),{child:i,stairsStep:g}}).forEach(function(e){var t=e.child,n=e.stairsStep;t.style.setProperty("--unitone--stairs-step",n)}),e.style.setProperty("--unitone--max-stairs-step",w);var O=h.reduce(function(e,t){var n=t.child.getBoundingClientRect().bottom-m;return e>n?e:n},0);e.style.setProperty("--unitone--stairs-step-overflow-volume",O),c(e,[].concat(r(s),["stairs:initialized"]))}}else c(e,[].concat(r(s),["stairs:initialized"]))},m=Symbol.for("@inc2734/unitone-css/layout-initializers"),h=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[m]||(globalThis[m]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[m])},g=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach(function(e){i.add(e)}),i.forEach(function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))})}},w=function(e){var t=h();t&&t.initializers.forEach(function(t){g(t,e)})},O=function(){var e=h();e&&(e.pendingNodes.forEach(function(e){w(e)}),e.pendingNodes.clear(),e.rafId=0)},S=function(){var e=h();e&&!e.observer&&document.body&&(w(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){t.addedNodes.forEach(function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(O))}),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},A.apply(null,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function C(e){var t=function(e,t){if("object"!=E(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==E(t)?t:t+""}function j(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,l=h();if(l&&!l.initializers.has(t)){var a={selector:n,initialize:r,enabled:o,initialized:new WeakSet};l.initializers.set(t,a),l.observer?g(a,document.body):"loading"!==document.readyState?S():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",S,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/stairs",selector:'[data-unitone-layout*="-stairs:"]',initialize:function(e){f(e,b,{observeIntersection:!0,observeDirectChildrenResize:!0})}});var z=["gap","columnGap","rowGap","limit","revert","threshold","alignItems","stairs","stairsUp","containerType","responsiveContext","fluidReference","style"];function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach(function(t){j(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}exports.Switcher=function(t){var n=t.gap,r=t.columnGap,i=t.rowGap;t.limit;var o=t.revert,l=t.threshold,a=t.alignItems,u=t.stairs,c=t.stairsUp,s=t.containerType,d=t.responsiveContext,f=t.fluidReference,v=t.style,y=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,z);return v=I(I({},v),{},{"--unitone--threshold":""!==l?l:void 0}),e.createElement("div",A({"data-unitone-layout":["switcher",o?"-revert":void 0,""!==(null!=n?n:"")?"-gap:".concat(n):void 0,""!==(null!=r?r:"")?"-column-gap:".concat(r):void 0,""!==(null!=i?i:"")?"-row-gap:".concat(i):void 0,""!==(null!=a?a:"")?"-align-items:".concat(a):void 0,""!==(null!=u?u:"")?"-stairs:".concat(u):void 0,""!==(null!=c?c:"")?"-stairs-up:".concat(c):void 0,""!==(null!=s?s:"")?"-container-type:".concat(s):void 0,"container"===d?"-responsive-context:container":void 0,""!==(null!=f?f:"")?"-fluid-reference:".concat(f):void 0].filter(Boolean).join(" "),style:v},y),y.children)};
|
|
1
|
+
"use client";"use strict";var e=require("react"),t="unitone:layout-refresh",n=function(e){var n;return!(null==e||null===(n=e.hasAttribute)||void 0===n||!n.call(e,"data-unitone-react-layout"))&&(e.dispatchEvent(new e.ownerDocument.defaultView.Event(t)),!0)},r=function(e,t){var n;if(e){var r=null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"",i=r.split(/\s+/).filter(function(e){return e&&!t.includes(e)}).join(" ");r!==i&&e.setAttribute("data-unitone-layout",i)}},i=function(e,t){if("divider"===t)r(e,["divider:initialized","-stack"]),Array.from(e.children).forEach(function(e){return r(e,["-bol","-linewrap"])});else if("stairs"===t)r(e,["stairs:initialized"]),e.style.removeProperty("--unitone--max-stairs-step"),e.style.removeProperty("--unitone--stairs-step-overflow-volume"),Array.from(e.children).forEach(function(e){return e.style.removeProperty("--unitone--stairs-step")});else if("vertical"===t){var n;r(e,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]),null!==(n=e.parentElement)&&void 0!==n&&n.style&&(e.parentElement.style.height="")}};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){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}}function l(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||a(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 u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,t)||a(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(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 s(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)?s(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 o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function s(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}var d="data-unitone-layout",f="".concat(200,"px 0px"),v=function(e){var t;return(null!==(t=e.getAttribute(d))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},p=function(e,t){return e.filter(function(e){return!t.includes(e)})},y=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(d))&&void 0!==n?n:"")!==r&&e.setAttribute(d,r)},h=function(e,t,n,r){var i,o,a,l,u=new WeakMap,s=(i=function(){return t(e)},o=250,l=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=this;clearTimeout(a),a=setTimeout(function(){a=void 0,i.apply(r,t)},o)},l.cancel=function(){clearTimeout(a),a=void 0},l),d=new ResizeObserver(function(e){if(!n.disposed){var t,i=!1,o=c(e);try{for(o.s();!(t=o.n()).done;){var a=t.value,l=null==r?void 0:r(a);u.has(a.target)&&void 0!==l&&l===u.get(a.target)||(i=!0),u.set(a.target,l)}}catch(e){o.e(e)}finally{o.f()}i&&s()}});return n.addCleanup(s.cancel),n.addCleanup(function(){return d.disconnect()}),d.observe(e),d},b=function(e,t,n,r){var i=new MutationObserver(function(t){!r.disposed&&e.isConnected&&n(t)});i.observe(e,t),r.addCleanup(function(){return i.disconnect()})},g=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,i=n.observeDirectChildrenResize,o=void 0!==i&&i,a=n.targetMutation,l=n.directChildMutation,s=n.shouldApplyChildList,d=function(e){var t=e.ownerDocument.defaultView,n=new Set,r=new Set,i=!1;return{get disposed(){return i},addCleanup:function(e){i?e():n.add(e)},requestAnimationFrame:function(e){if(i)return 0;if(null==t||!t.requestAnimationFrame)return e(),0;var n=t.requestAnimationFrame(function(t){r.delete(n),i||e(t)});return r.add(n),n},dispose:function(){i||(i=!0,r.forEach(function(e){return t.cancelAnimationFrame(e)}),r.clear(),n.forEach(function(e){return e()}),n.clear())}}}(e),v="undefined"!=typeof IntersectionObserver,p=!v||A(e),y=!p,g=function(){!d.disposed&&e.isConnected&&(p?(y=!1,t(e,d)):y=!0)},m=function(e,t,n){var r=0;return function(){n.disposed||r||(r=n.requestAnimationFrame(function(){r=0,null!=e&&e.isConnected&&t(e)}))}}(e,g,d),w=function(){!d.disposed&&null!=e&&e.isConnected&&(y=!0,p&&m())},E=h(e,w,d,r);return o&&function(e,t,n,r,i,o){var a=new Set,l=i?new MutationObserver(function(t){!r.disposed&&e.isConnected&&z(t,function(t){return t.target.parentElement===e&&i.shouldApply(t)})&&n(e)}):null;r.addCleanup(function(){a.clear(),null==l||l.disconnect()});var u=function(){var n,r=c(a);try{for(r.s();!(n=r.n()).done;){var o=n.value;o.parentElement!==e&&(t.unobserve(o),a.delete(o))}}catch(e){r.e(e)}finally{r.f()}null==l||l.disconnect();var u,s=c(e.children);try{for(s.s();!(u=s.n()).done;){var d=u.value;a.has(d)||(t.observe(d),a.add(d)),null==l||l.observe(d,{attributes:!0,attributeFilter:i.attributeFilter,attributeOldValue:!0})}}catch(e){s.e(e)}finally{s.f()}};u(),b(e,{childList:!0},function(t){u(),o&&!o(t)||n(e)},r)}(e,E,w,d,l,s),v&&function(e,t,n){var r=new IntersectionObserver(function(e){var r=u(e,1)[0];r&&!n.disposed&&t(r)},{rootMargin:f});r.observe(e),n.addCleanup(function(){return r.disconnect()})}(e,function(e){(p=e.isIntersecting)&&y&&w()},d),a&&b(e,a.options,function(e){a.shouldApply(e)&&w()},d),p&&g(),Object.assign(d.dispose,{refresh:g})},m=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},w=function(e){var t;return(null!==(t=e.ownerDocument.defaultView)&&void 0!==t?t:window).getComputedStyle(e)},E=function(e){var t=w(e),n=t.position,r=t.display;return!["absolute","fixed"].includes(n)&&"none"!==r},O=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},A=function(e){var t;if(!O(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i},C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.direction,r=void 0===n?"ltr":n,i=t.flexDirection,o=void 0===i?"row":i,a=t.writingMode,l=void 0===a?"horizontal-tb":a,u=!l.startsWith("horizontal"),c="rtl"===r!==("sideways-lr"===l),s=u?e.top:e.left,d=u?e.bottom:e.right;if(c){var f=[-d,-s];s=f[0],d=f[1]}if("row-reverse"===o){var v=[-d,-s];s=v[0],d=v[1]}return{start:s,end:d}},z=function(e,t){var n=new Map;return e.some(function(e){var r;if("attributes"!==e.type)return!1;var i=null!==(r=n.get(e.target))&&void 0!==r?r:new Set;return!i.has(e.attributeName)&&(i.add(e.attributeName),n.set(e.target,i),t(e))})};var S=function(e){var t,n,r,i=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),o=p(v(e),["divider:initialized","-stack"]);y(e,o);var a=i.map(function(e){return{child:e,layoutTokens:p(v(e),["-bol","-linewrap"])}}),u=function(){a.forEach(function(e){var t=e.child,n=e.layoutTokens;y(t,n)})};if(o.some(function(e){return e.startsWith("-divider:")}))if(0!==i.length)if(O(e)){var s=null!==(n=null==e||null===(r=e.ownerDocument)||void 0===r?void 0:r.defaultView)&&void 0!==n?n:"undefined"!=typeof window?window:void 0;if(null!=s&&s.getComputedStyle){var d,f,h=w(e),b={direction:h.getPropertyValue("direction"),flexDirection:h.getPropertyValue("flex-direction"),writingMode:h.getPropertyValue("writing-mode")},g=[],m=c(a);try{for(m.s();!(d=m.n()).done;){var A=d.value;E(A.child)&&(A.inlineRect=C(A.child.getBoundingClientRect(),b),g.push(A))}}catch(e){m.e(e)}finally{m.f()}if(0===g.length)return u(),void y(e,[].concat(l(o),["divider:initialized"]));var z=!1,S=!0;g.forEach(function(e,t){var n=e.layoutTokens,r=e.inlineRect;0===t||r.start<f.end-.5||r.start<=f.start+.5?(n.push("-bol"),0<t&&(z=!0)):S=!1,z&&n.push("-linewrap"),f=r}),u();var N=l(o);S&&N.push("-stack"),N.push("divider:initialized"),y(e,N)}else u()}else u();else y(e,[].concat(l(o),["divider:initialized"]));else u()},N=function(e,t){return p((null!=e?e:"").split(/\s+/).filter(Boolean),t).sort().join(" ")},j=function(e){var t,n=e.target.getAttribute(e.attributeName);return["data-unitone-layout","class"].includes(e.attributeName)?N(n,[])!==N(e.oldValue,[]):(null!=n?n:"")!==(null!==(t=e.oldValue)&&void 0!==t?t:"")},M=function(e){var t,n,r=Array.from(e.children),i=p(v(e),["stairs:initialized"]);if(y(e,i),0!==r.length){if(e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),r.forEach(function(e){e.style.removeProperty("--unitone--stairs-step")}),O(e)){var o,a=null===(t=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find(function(e){return e.startsWith("-stairs-up:")}))||void 0===t?void 0:t.replace("-stairs-up:",""),u=["up-down","down-up"].includes(a),c=w(e).getPropertyValue("flex-direction"),s=e.getBoundingClientRect().bottom,d=r.reduce(function(e,t){return E(t)?(e.push({child:t,rect:t.getBoundingClientRect()}),e):e},[]),f=0,h=f;d.map(function(e,t){var n,r,i=e.child,a=e.rect,l="row-reverse"===c?(null===(n=o)||void 0===n?void 0:n.left)<=a.left:(null===(r=o)||void 0===r?void 0:r.left)>=a.left;return 0===t||l?f=0:u?f=0===f?1:0:f++,o=a,f>h&&(h=f),{child:i,stairsStep:f}}).forEach(function(e){var t=e.child,n=e.stairsStep;t.style.setProperty("--unitone--stairs-step",n)}),e.style.setProperty("--unitone--max-stairs-step",h);var b=d.reduce(function(e,t){var n=t.child.getBoundingClientRect().bottom-s;return e>n?e:n},0);e.style.setProperty("--unitone--stairs-step-overflow-volume",b),y(e,[].concat(l(i),["stairs:initialized"]))}}else y(e,[].concat(l(i),["stairs:initialized"]))},P=function(e){return!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&n(e)?function(){}:g(e,M,{observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0},shouldApply:function(e){return z(e,j)}},directChildMutation:{attributeFilter:["style","class","dir","data-unitone-layout"],shouldApply:j}})},D=function(e){return z(e,j)||e.some(function(e){return"characterData"===e.type||"childList"===e.type&&[].concat(l(e.addedNodes),l(e.removedNodes)).some(function(e){return!function(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===e.getAttribute(d)}(e)})})},T=Symbol.for("@inc2734/unitone-css/layout-initializers"),R=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[T]||(globalThis[T]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[T])},L=function(e,t){var n,r,i;if(null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE)if(e.enabled()&&null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)){if(!e.initialized.has(t)){var o=e.initialize(t);e.initialized.add(t),"function"==typeof o&&e.cleanups.set(t,o)}}else e.initialized.has(t)&&(null===(r=e.cleanups.get(t))||void 0===r||r(),e.cleanups.delete(t),e.initialized.delete(t),null===(i=e.reset)||void 0===i||i.call(e,t))},x=function(e,t){var n;null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&(L(e,t),null===(n=t.querySelectorAll)||void 0===n||n.call(t,e.selector).forEach(function(t){return L(e,t)}))},V=function(e){var t=R();t&&t.initializers.forEach(function(t){x(t,e)})},I=function(e){var t=R();!t||null!=e&&e.isConnected||(null==e?void 0:e.nodeType)!==Node.ELEMENT_NODE||[e].concat(l(e.querySelectorAll("*"))).forEach(function(e){t.initializers.forEach(function(t){var n,r=null===(n=t.cleanups)||void 0===n?void 0:n.get(e);r&&!e.isConnected&&(t.cleanups.delete(e),t.initialized.delete(e),r())})})},F=function(){var e=R();e&&(e.pendingNodes.forEach(function(e){V(e)}),e.pendingNodes.clear(),e.rafId=0)},B=function(){var e=R();e&&!e.observer&&document.body&&(V(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){"attributes"!==t.type?(t.removedNodes.forEach(I),t.addedNodes.forEach(function(t){null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})):e.initializers.forEach(function(e){return L(e,t.target)})}),e.pendingNodes.forEach(function(t){t.isConnected||e.pendingNodes.delete(t)}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(F))}),e.observer.observe(document.body,{attributes:!0,attributeFilter:["data-unitone-layout","data-unitone-react-layout"],childList:!0,subtree:!0}))};function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},k.apply(null,arguments)}function q(e){"@babel/helpers - typeof";return q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},q(e)}function W(e){var t=function(e,t){if("object"!=q(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=q(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==q(t)?t:t+""}function _(e,t,n){return(t=W(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.reset,o=e.enabled,a=void 0===o?function(){return!0}:o,l=R();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,reset:i,enabled:a,initialized:new WeakSet,cleanups:new WeakMap};l.initializers.set(t,u),l.observer?x(u,document.body):"loading"!==document.readyState?B():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",B,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"behaviors/stairs",selector:'[data-unitone-layout*="-stairs:"]:not([data-unitone-react-layout])',reset:function(e){return i(e,"stairs")},initialize:P});var G="undefined"==typeof window?e.useEffect:e.useLayoutEffect,U={divider:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t.reactOwned&&n(e))return function(){};var r=function(e){var n,r,i,o,a=e.attributeName,u=e.oldValue,c=e.target.getAttribute(a),s=d===a?l(null!==(n=null==t||null===(r=t.ignore)||void 0===r?void 0:r.layout)&&void 0!==n?n:[]):"class"===a?l(null!==(i=null==t||null===(o=t.ignore)||void 0===o?void 0:o.className)&&void 0!==i?i:[]):null;return s?N(c,s)!==N(u,s):["style","dir"].includes(a)&&(null!=c?c:"")!==(null!=u?u:"")};return g(e,S,{getResizeValue:m,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","dir","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return z(t,function(t){return t.target===e&&r(t)})}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],shouldApply:r}})},stairs:P,vertical:function(e){if(!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&n(e))return function(){};return g(e,function(e,t){var n;null!==(n=e.parentNode)&&void 0!==n&&n.style&&(e.parentNode.style.height=""),function(e,t){if(e){var n,r=v(e),i=p(r,["vertical-writing:safari","-force-switch"]),o=p(r,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]);if(y(e,i),Array.from(e.children).reverse().some(function(e){if(E(e))return n=e,!0}),n){var a=w(e),u=String(a.getPropertyValue("--unitone--threshold")).trim(),c=!1;if(u&&!/^[+-]?(?:0+\.?0*|\.0+)(?:[a-z]+|%)?$/i.test(u)){var s=e.ownerDocument.createElement("div");s.setAttribute(d,"vertical-writing__thresholder"),e.appendChild(s),c=s.offsetWidth>=e.offsetWidth,s.remove()}c?o.push("-force-switch"):e.getBoundingClientRect().left>n.getBoundingClientRect().left&&o.push("vertical-writing:safari"),y(e,[].concat(l(o),["vertical-writing:initialized"])),(t?function(e){return t.requestAnimationFrame(e)}:function(t){return e.ownerDocument.defaultView.requestAnimationFrame(t)})(function(){var t;if(null!=e&&e.isConnected&&null!==(t=e.parentNode)&&void 0!==t&&t.style){if(c)return void(e.parentNode.style.height="");var r=e.getBoundingClientRect(),i=n.getBoundingClientRect(),o=r.top+r.height,a=i.top+i.height;e.parentNode.style.height=o!==a?"".concat(Math.ceil(a-r.top),"px"):""}})}else y(e,[].concat(l(o),["vertical-writing:initialized"]))}}(e,t)},{observeDirectChildrenResize:!0,shouldApplyChildList:D,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0,characterData:!0,childList:!0,subtree:!0},shouldApply:D}})}},$=["gap","columnGap","rowGap","limit","revert","threshold","alignItems","stairs","stairsUp","containerType","responsiveContext","fluidReference","style"];function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach(function(t){_(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var K=e.forwardRef(function(n,r){var o=n.gap,a=n.columnGap,l=n.rowGap;n.limit;var c=n.revert,s=n.threshold,d=n.alignItems,f=n.stairs,v=n.stairsUp,p=n.containerType,y=n.responsiveContext,h=n.fluidReference,b=n.style,g=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(n,$),m=function(n,r){var o=e.useRef(null),a=e.useRef(null);e.useImperativeHandle(r,function(){return o.current});var l=function(){var e=a.current;e&&(e.target.removeEventListener(t,e.refresh),e.controllers.forEach(function(t,n){t.dispose(),i(e.target,n)}),a.current=null)};return G(function(){return l},[]),G(function(){var e,r=o.current;if((null===(e=a.current)||void 0===e?void 0:e.target)!==r&&l(),r){if(!a.current){var c=new Map,s=function(){return c.forEach(function(e){return e.refresh()})};a.current={target:r,controllers:c,refresh:s},r.addEventListener(t,s)}for(var d=a.current.controllers,f=0,v=Object.entries(U);f<v.length;f++){var p=u(v[f],2),y=p[0],h=p[1];if(n[y])if(d.has(y))d.get(y).refresh();else{var b=h(r,{reactOwned:!0});d.set(y,{dispose:b,refresh:b.refresh})}else d.has(y)&&(d.get(y).dispose(),d.delete(y),i(r,y))}}}),o}({stairs:""!==(null!=f?f:"")},r);return b=J(J({},b),{},{"--unitone--threshold":""!==s?s:void 0}),e.createElement("div",k({"data-unitone-layout":["switcher",c?"-revert":void 0,""!==(null!=o?o:"")?"-gap:".concat(o):void 0,""!==(null!=a?a:"")?"-column-gap:".concat(a):void 0,""!==(null!=l?l:"")?"-row-gap:".concat(l):void 0,""!==(null!=d?d:"")?"-align-items:".concat(d):void 0,""!==(null!=f?f:"")?"-stairs:".concat(f):void 0,""!==(null!=v?v:"")?"-stairs-up:".concat(v):void 0,""!==(null!=p?p:"")?"-container-type:".concat(p):void 0,"container"===y?"-responsive-context:container":void 0,""!==(null!=h?h:"")?"-fluid-reference:".concat(h):void 0].filter(Boolean).join(" "),style:b},g,{ref:m,"data-unitone-react-layout":""}),g.children)});exports.Switcher=K;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(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 t(t,n){if(t){if("string"==typeof t)return e(t,n);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)?e(t,n):void 0}}function n(n){return function(t){if(Array.isArray(t))return e(t)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||t(n)||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(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],u=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){d=!0,i=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(d)throw i}}return l}}(e,n)||t(e,n)||function(){throw new TypeError("Invalid attempt to destructure 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,l=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){u=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(u)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}var a="data-unitone-layout",l="".concat(200,"px 0px"),u=function(e,t){return e.filter(function(e){return!t.includes(e)})},d=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(a))&&void 0!==n?n:"")!==r&&e.setAttribute(a,r)},c=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=r.getValue,a=r.delay,l=!0,u=new ResizeObserver(y(function(e){var r,a=i(e);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||(t(u.target,u),n=d)}}catch(e){a.e(e)}finally{a.f()}},void 0===a?250:a));return u.observe(e),u},s=function(e,t,n){var r=new MutationObserver(function(t){requestAnimationFrame(function(){null!=e&&e.isConnected&&n(t)})});return r.observe(e,t),r},f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.getResizeValue,a=n.delay,u=void 0===a?250:a,d=n.observeResize,f=void 0===d||d,v=n.observeIntersection,b=void 0!==v&&v,g=n.observeDirectChildrenResize,p=void 0!==g&&g,m=n.targetMutation,w=n.directChildMutation,A=b&&"undefined"!=typeof IntersectionObserver,C=!A||h(e),O=A&&!C,E=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!A||C?(O=!1,t(n)):O=!0)},z=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame(function(){r=0,n=null,null!=e&&e.isConnected&&t(e)})):t(e)}}(e,E),S=function(){null!=e&&e.isConnected&&(!A||C?(O=!0,z()):O=!0)},N=function(){},L=f?p?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,o=n.delay,a=void 0===o?250:o,l=n.onChildList,u=new WeakMap,d=new Set,c=new ResizeObserver(y(function(n){var o,a=!1,l=i(n);try{for(l.s();!(o=l.n()).done;){var d=o.value,c=null==r?void 0:r(d);u.has(d.target)?(void 0!==c&&c===u.get(d.target)||(a=!0),u.set(d.target,c)):u.set(d.target,c)}}catch(e){l.e(e)}finally{l.f()}a&&t(e)},a)),f=function(){var t;Array.from(d).forEach(function(t){t.parentElement!==e&&(c.unobserve(t),d.delete(t),u.delete(t))}),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){d.has(e)||(c.observe(e),d.add(e))})};c.observe(e),f();var v=s(e,{childList:!0},function(n){n.some(function(e){return"childList"===e.type})&&(f(),null==l||l(n),t(e))});return{resizeObserver:c,mutationObserver:v}}(e,S,{getValue:o,delay:u,onChildList:function(){N()}}):{resizeObserver:c(e,S,{getValue:o,delay:u})}:{mutationObserver:null};A&&function(e,t){var n=new IntersectionObserver(function(e){var n=r(e,1)[0];n&&t(n)},{rootMargin:l});n.observe(e)}(e,function(e){(C=e.isIntersecting)&&O&&S()}),null!=m&&m.options&&s(e,m.options,function(e){var t,n;(null!==(t=null===(n=m.shouldApply)||void 0===n?void 0:n.call(m,e))&&void 0!==t?t:0<e.length)&&S()});var M=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,a=void 0===o||o,l=new MutationObserver(function(n){requestAnimationFrame(function(){null!=e&&e.isConnected&&n.some(function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)})&&t(e)})}),u=function(){var t;l.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){l.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:a})})};return u(),{observer:l,syncObservedChildren:u}}(e,S,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;M&&(N=M.syncObservedChildren),!L.mutationObserver&&M&&s(e,{childList:!0},function(e){e.some(function(e){return"childList"===e.type})&&(N(),S())}),A&&!C||E(e)},v=function(e){var t;return parseInt(null===(t=e.contentRect)||void 0===t?void 0:t.width)},h=function(e){var t;if(!function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length}(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function y(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)}}var b=function(e){return e.some(function(e){return"attributes"===e.type||"childList"===e.type&&[].concat(n(e.addedNodes),n(e.removedNodes)).some(function(e){return!function(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&["vertical-writing__thresholder","vertical-writing:initialized","vertical-writing:safari"].includes(e.getAttribute("data-unitone-layout"))}(e)})})},g=function(e){if(e){var t,r,i=(null!==(t=e.getAttribute(a))&&void 0!==t?t:"").split(/\s+/).filter(Boolean),o=u(i,["vertical-writing:safari","-force-switch"]),l=u(i,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]);if(d(e,o),Array.from(e.children).reverse().some(function(e){if(!["absolute","fixed"].includes(getComputedStyle(e).position)&&"none"!==getComputedStyle(e).display)return r=e,!0}),r){var c=getComputedStyle(e),s=String(c.getPropertyValue("--unitone--threshold")).trim(),f=!1;if(s){var v=e.ownerDocument.createElement("div");v.setAttribute(a,"vertical-writing__thresholder"),e.appendChild(v),f=v.offsetWidth>=e.offsetWidth,v.remove()}if(f)l.push("-force-switch");else e.getBoundingClientRect().left>r.getBoundingClientRect().left&&l.push("vertical-writing:safari");d(e,[].concat(n(l),["vertical-writing:initialized"])),requestAnimationFrame(function(){var t;if(null!=e&&e.isConnected&&null!==(t=e.parentNode)&&void 0!==t&&t.style){if(f)return void(e.parentNode.style.height="");var n=e.getBoundingClientRect(),i=r.getBoundingClientRect(),o=n.top+n.height,a=i.top+i.height;e.parentNode.style.height=o!==a?"".concat(Math.ceil(a-n.top),"px"):""}})}else d(e,[].concat(n(l),["vertical-writing:initialized"]))}},p=Symbol.for("@inc2734/unitone-css/layout-initializers"),m=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[p]||(globalThis[p]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[p])},w=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach(function(e){i.add(e)}),i.forEach(function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))})}},A=function(e){var t=m();t&&t.initializers.forEach(function(t){w(t,e)})},C=function(){var e=m();e&&(e.pendingNodes.forEach(function(e){A(e)}),e.pendingNodes.clear(),e.rafId=0)},O=function(){var e=m();e&&!e.observer&&document.body&&(A(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){t.addedNodes.forEach(function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(C))}),e.observer.observe(document.body,{childList:!0,subtree:!0}))};!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,a=m();if(a&&!a.initializers.has(t)){var l={selector:n,initialize:r,enabled:o,initialized:new WeakSet};a.initializers.set(t,l),a.observer?w(l,document.body):"loading"!==document.readyState?O():a.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",O,{once:!0}),a.hasDOMContentLoadedListener=!0)}}({key:"layout-primitives/vertical-writing",selector:'[data-unitone-layout~="vertical-writing"]',initialize:function(e){f(e,function(e){var t;null!==(t=e.parentNode)&&void 0!==t&&t.style&&(e.parentNode.style.height=""),g(e)},{getResizeValue:v,observeIntersection:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0},shouldApply:b}})}});
|
|
1
|
+
"use strict";function e(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}function t(t,n){if(t){if("string"==typeof t)return e(t,n);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)?e(t,n):void 0}}function n(n){return function(t){if(Array.isArray(t))return e(t)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||t(n)||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,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,r,o,a,u=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(l=(i=o.call(n)).done)&&(u.push(i.value),u.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return u}}(e,n)||t(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}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 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 i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},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,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,i=Array(t);n<t;n++)i[n]=e[n];return i}var a="data-unitone-layout",u="".concat(200,"px 0px"),l=function(e,t){return e.filter(function(e){return!t.includes(e)})},c=function(e,t){var n,i=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(a))&&void 0!==n?n:"")!==i&&e.setAttribute(a,i)},d=function(e,t,n,i){var o,a,u,l,c=new WeakMap,d=(o=function(){return t(e)},a=250,l=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=this;clearTimeout(u),u=setTimeout(function(){u=void 0,o.apply(i,t)},a)},l.cancel=function(){clearTimeout(u),u=void 0},l),s=new ResizeObserver(function(e){if(!n.disposed){var t,o=!1,a=r(e);try{for(a.s();!(t=a.n()).done;){var u=t.value,l=null==i?void 0:i(u);c.has(u.target)&&void 0!==l&&l===c.get(u.target)||(o=!0),c.set(u.target,l)}}catch(e){a.e(e)}finally{a.f()}o&&d()}});return n.addCleanup(d.cancel),n.addCleanup(function(){return s.disconnect()}),s.observe(e),s},s=function(e,t,n,i){var r=new MutationObserver(function(t){!i.disposed&&e.isConnected&&n(t)});r.observe(e,t),i.addCleanup(function(){return r.disconnect()})},f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.getResizeValue,a=n.observeDirectChildrenResize,l=void 0!==a&&a,c=n.targetMutation,f=n.directChildMutation,v=n.shouldApplyChildList,y=function(e){var t=e.ownerDocument.defaultView,n=new Set,i=new Set,r=!1;return{get disposed(){return r},addCleanup:function(e){r?e():n.add(e)},requestAnimationFrame:function(e){if(r)return 0;if(null==t||!t.requestAnimationFrame)return e(),0;var n=t.requestAnimationFrame(function(t){i.delete(n),r||e(t)});return i.add(n),n},dispose:function(){r||(r=!0,i.forEach(function(e){return t.cancelAnimationFrame(e)}),i.clear(),n.forEach(function(e){return e()}),n.clear())}}}(e),b="undefined"!=typeof IntersectionObserver,g=!b||p(e),m=!g,w=function(){!y.disposed&&e.isConnected&&(g?(m=!1,t(e,y)):m=!0)},E=function(e,t,n){var i=0;return function(){n.disposed||i||(i=n.requestAnimationFrame(function(){i=0,null!=e&&e.isConnected&&t(e)}))}}(e,w,y),A=function(){!y.disposed&&null!=e&&e.isConnected&&(m=!0,g&&E())},C=d(e,A,y,o);return l&&function(e,t,n,i,o,a){var u=new Set,l=o?new MutationObserver(function(t){!i.disposed&&e.isConnected&&h(t,function(t){return t.target.parentElement===e&&o.shouldApply(t)})&&n(e)}):null;i.addCleanup(function(){u.clear(),null==l||l.disconnect()});var c=function(){var n,i=r(u);try{for(i.s();!(n=i.n()).done;){var a=n.value;a.parentElement!==e&&(t.unobserve(a),u.delete(a))}}catch(e){i.e(e)}finally{i.f()}null==l||l.disconnect();var c,d=r(e.children);try{for(d.s();!(c=d.n()).done;){var s=c.value;u.has(s)||(t.observe(s),u.add(s)),null==l||l.observe(s,{attributes:!0,attributeFilter:o.attributeFilter,attributeOldValue:!0})}}catch(e){d.e(e)}finally{d.f()}};c(),s(e,{childList:!0},function(t){c(),a&&!a(t)||n(e)},i)}(e,C,A,y,f,v),b&&function(e,t,n){var r=new IntersectionObserver(function(e){var r=i(e,1)[0];r&&!n.disposed&&t(r)},{rootMargin:u});r.observe(e),n.addCleanup(function(){return r.disconnect()})}(e,function(e){(g=e.isIntersecting)&&m&&A()},y),c&&s(e,c.options,function(e){c.shouldApply(e)&&A()},y),g&&w(),Object.assign(y.dispose,{refresh:w})},v=function(e){var t;return(null!==(t=e.ownerDocument.defaultView)&&void 0!==t?t:window).getComputedStyle(e)},p=function(e){var t;if(!function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length}(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var i=e.getBoundingClientRect(),r=n.innerWidth,o=n.innerHeight;return i.bottom>-200&&i.right>0&&i.top<o+200&&i.left<r},h=function(e,t){var n=new Map;return e.some(function(e){var i;if("attributes"!==e.type)return!1;var r=null!==(i=n.get(e.target))&&void 0!==i?i:new Set;return!r.has(e.attributeName)&&(r.add(e.attributeName),n.set(e.target,r),t(e))})};var y=function(e,t){return l((null!=e?e:"").split(/\s+/).filter(Boolean),t).sort().join(" ")},b=function(e){var t,n=e.target.getAttribute(e.attributeName);return["data-unitone-layout","class"].includes(e.attributeName)?y(n,[])!==y(e.oldValue,[]):(null!=n?n:"")!==(null!==(t=e.oldValue)&&void 0!==t?t:"")},g=function(e){return h(e,b)||e.some(function(e){return"characterData"===e.type||"childList"===e.type&&[].concat(n(e.addedNodes),n(e.removedNodes)).some(function(e){return!function(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===e.getAttribute(a)}(e)})})},m=function(e,t){if(e){var i,r,o=(null!==(i=e.getAttribute(a))&&void 0!==i?i:"").split(/\s+/).filter(Boolean),u=l(o,["vertical-writing:safari","-force-switch"]),d=l(o,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]);if(c(e,u),Array.from(e.children).reverse().some(function(e){if(function(e){var t=v(e),n=t.position,i=t.display;return!["absolute","fixed"].includes(n)&&"none"!==i}(e))return r=e,!0}),r){var s=v(e),f=String(s.getPropertyValue("--unitone--threshold")).trim(),p=!1;if(f&&!/^[+-]?(?:0+\.?0*|\.0+)(?:[a-z]+|%)?$/i.test(f)){var h=e.ownerDocument.createElement("div");h.setAttribute(a,"vertical-writing__thresholder"),e.appendChild(h),p=h.offsetWidth>=e.offsetWidth,h.remove()}if(p)d.push("-force-switch");else e.getBoundingClientRect().left>r.getBoundingClientRect().left&&d.push("vertical-writing:safari");c(e,[].concat(n(d),["vertical-writing:initialized"])),(t?function(e){return t.requestAnimationFrame(e)}:function(t){return e.ownerDocument.defaultView.requestAnimationFrame(t)})(function(){var t;if(null!=e&&e.isConnected&&null!==(t=e.parentNode)&&void 0!==t&&t.style){if(p)return void(e.parentNode.style.height="");var n=e.getBoundingClientRect(),i=r.getBoundingClientRect(),o=n.top+n.height,a=i.top+i.height;e.parentNode.style.height=o!==a?"".concat(Math.ceil(a-n.top),"px"):""}})}else c(e,[].concat(n(d),["vertical-writing:initialized"]))}},w=Symbol.for("@inc2734/unitone-css/layout-initializers"),E=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[w]||(globalThis[w]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[w])},A=function(e,t){var n,i,r;if(null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE)if(e.enabled()&&null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)){if(!e.initialized.has(t)){var o=e.initialize(t);e.initialized.add(t),"function"==typeof o&&e.cleanups.set(t,o)}}else e.initialized.has(t)&&(null===(i=e.cleanups.get(t))||void 0===i||i(),e.cleanups.delete(t),e.initialized.delete(t),null===(r=e.reset)||void 0===r||r.call(e,t))},C=function(e,t){var n;null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&(A(e,t),null===(n=t.querySelectorAll)||void 0===n||n.call(t,e.selector).forEach(function(t){return A(e,t)}))},N=function(e){var t=E();t&&t.initializers.forEach(function(t){C(t,e)})},z=function(e){var t=E();!t||null!=e&&e.isConnected||(null==e?void 0:e.nodeType)!==Node.ELEMENT_NODE||[e].concat(n(e.querySelectorAll("*"))).forEach(function(e){t.initializers.forEach(function(t){var n,i=null===(n=t.cleanups)||void 0===n?void 0:n.get(e);i&&!e.isConnected&&(t.cleanups.delete(e),t.initialized.delete(e),i())})})},S=function(){var e=E();e&&(e.pendingNodes.forEach(function(e){N(e)}),e.pendingNodes.clear(),e.rafId=0)},M=function(){var e=E();e&&!e.observer&&document.body&&(N(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){"attributes"!==t.type?(t.removedNodes.forEach(z),t.addedNodes.forEach(function(t){null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})):e.initializers.forEach(function(e){return A(e,t.target)})}),e.pendingNodes.forEach(function(t){t.isConnected||e.pendingNodes.delete(t)}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(S))}),e.observer.observe(document.body,{attributes:!0,attributeFilter:["data-unitone-layout","data-unitone-react-layout"],childList:!0,subtree:!0}))};!function(e){var t=e.key,n=e.selector,i=e.initialize,r=e.reset,o=e.enabled,a=void 0===o?function(){return!0}:o,u=E();if(u&&!u.initializers.has(t)){var l={selector:n,initialize:i,reset:r,enabled:a,initialized:new WeakSet,cleanups:new WeakMap};u.initializers.set(t,l),u.observer?C(l,document.body):"loading"!==document.readyState?M():u.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",M,{once:!0}),u.hasDOMContentLoadedListener=!0)}}({key:"layout-primitives/vertical-writing",selector:'[data-unitone-layout~="vertical-writing"]:not([data-unitone-react-layout])',reset:function(e){return function(e){var t;!function(e,t){var n;if(e){var i=null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"",r=i.split(/\s+/).filter(function(e){return e&&!t.includes(e)}).join(" ");i!==r&&e.setAttribute("data-unitone-layout",r)}}(e,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]),null!==(t=e.parentElement)&&void 0!==t&&t.style&&(e.parentElement.style.height="")}(e)},initialize:function(e){if(!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&function(e){var t;return!(null==e||null===(t=e.hasAttribute)||void 0===t||!t.call(e,"data-unitone-react-layout")||(e.dispatchEvent(new e.ownerDocument.defaultView.Event("unitone:layout-refresh")),0))}(e))return function(){};return f(e,function(e,t){var n;null!==(n=e.parentNode)&&void 0!==n&&n.style&&(e.parentNode.style.height=""),m(e,t)},{observeDirectChildrenResize:!0,shouldApplyChildList:g,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0,characterData:!0,childList:!0,subtree:!0},shouldApply:g}})}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react");function t(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 n(e,n){if(e){if("string"==typeof e)return t(e,n);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)?t(e,n):void 0}}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(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){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure 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 a(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)?a(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 o,l=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){u=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(u)throw o}}}}function a(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}var l="data-unitone-layout",u="".concat(200,"px 0px"),c=function(e,t){return e.filter(function(e){return!t.includes(e)})},d=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(l))&&void 0!==n?n:"")!==r&&e.setAttribute(l,r)},s=function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.getValue,a=r.delay,l=!0,u=new ResizeObserver(h(function(e){var r,a=o(e);try{for(a.s();!(r=a.n()).done;){var u=r.value,c=null==i?void 0:i(u);l?(n=c,l=!1):void 0!==c&&c===n||(t(u.target,u),n=c)}}catch(e){a.e(e)}finally{a.f()}},void 0===a?250:a));return u.observe(e),u},f=function(e,t,n){var r=new MutationObserver(function(t){requestAnimationFrame(function(){null!=e&&e.isConnected&&n(t)})});return r.observe(e,t),r},v=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,a=n.delay,l=void 0===a?250:a,c=n.observeResize,d=void 0===c||c,v=n.observeIntersection,y=void 0!==v&&v,p=n.observeDirectChildrenResize,g=void 0!==p&&p,m=n.targetMutation,w=n.directChildMutation,O=y&&"undefined"!=typeof IntersectionObserver,A=!O||b(e),S=O&&!A,E=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;null!=n&&n.isConnected&&(!O||A?(S=!1,t(n)):S=!0)},C=function(e,t){var n,r=0;return function(){var i,o;null!==(o=n=null==e||null===(i=e.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o&&o.requestAnimationFrame?r||(r=n.requestAnimationFrame(function(){r=0,n=null,null!=e&&e.isConnected&&t(e)})):t(e)}}(e,E),j=function(){null!=e&&e.isConnected&&(!O||A?(S=!0,C()):S=!0)},z=function(){},N=d?g?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getValue,i=n.delay,a=void 0===i?250:i,l=n.onChildList,u=new WeakMap,c=new Set,d=new ResizeObserver(h(function(n){var i,a=!1,l=o(n);try{for(l.s();!(i=l.n()).done;){var c=i.value,d=null==r?void 0:r(c);u.has(c.target)?(void 0!==d&&d===u.get(c.target)||(a=!0),u.set(c.target,d)):u.set(c.target,d)}}catch(e){l.e(e)}finally{l.f()}a&&t(e)},a)),s=function(){var t;Array.from(c).forEach(function(t){t.parentElement!==e&&(d.unobserve(t),c.delete(t),u.delete(t))}),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){c.has(e)||(d.observe(e),c.add(e))})};d.observe(e),s();var v=f(e,{childList:!0},function(n){n.some(function(e){return"childList"===e.type})&&(s(),null==l||l(n),t(e))});return{resizeObserver:d,mutationObserver:v}}(e,j,{getValue:r,delay:l,onChildList:function(){z()}}):{resizeObserver:s(e,j,{getValue:r,delay:l})}:{mutationObserver:null};O&&function(e,t){var n=new IntersectionObserver(function(e){var n=i(e,1)[0];n&&t(n)},{rootMargin:u});n.observe(e)}(e,function(e){(A=e.isIntersecting)&&S&&j()}),null!=m&&m.options&&f(e,m.options,function(e){var t,n;(null!==(t=null===(n=m.shouldApply)||void 0===n?void 0:n.call(m,e))&&void 0!==t?t:0<e.length)&&j()});var M=null!=w&&w.attributeFilter&&w.shouldApply?function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributeFilter,i=n.shouldApply,o=n.attributeOldValue,a=void 0===o||o,l=new MutationObserver(function(n){requestAnimationFrame(function(){null!=e&&e.isConnected&&n.some(function(t){return"attributes"===t.type&&t.target.parentElement===e&&i(t)})&&t(e)})}),u=function(){var t;l.disconnect(),Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).forEach(function(e){l.observe(e,{attributes:!0,attributeFilter:r,attributeOldValue:a})})};return u(),{observer:l,syncObservedChildren:u}}(e,j,{attributeFilter:w.attributeFilter,shouldApply:w.shouldApply,attributeOldValue:w.attributeOldValue}):null;M&&(z=M.syncObservedChildren),!N.mutationObserver&&M&&f(e,{childList:!0},function(e){e.some(function(e){return"childList"===e.type})&&(z(),j())}),O&&!A||E(e)},y=function(e){var t;return parseInt(null===(t=e.contentRect)||void 0===t?void 0:t.width)},b=function(e){var t;if(!function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length}(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i};function h(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)}}var p=function(e){return e.some(function(e){return"attributes"===e.type||"childList"===e.type&&[].concat(r(e.addedNodes),r(e.removedNodes)).some(function(e){return!function(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&["vertical-writing__thresholder","vertical-writing:initialized","vertical-writing:safari"].includes(e.getAttribute("data-unitone-layout"))}(e)})})},g=function(e){if(e){var t,n,i=(null!==(t=e.getAttribute(l))&&void 0!==t?t:"").split(/\s+/).filter(Boolean),o=c(i,["vertical-writing:safari","-force-switch"]),a=c(i,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]);if(d(e,o),Array.from(e.children).reverse().some(function(e){if(!["absolute","fixed"].includes(getComputedStyle(e).position)&&"none"!==getComputedStyle(e).display)return n=e,!0}),n){var u=getComputedStyle(e),s=String(u.getPropertyValue("--unitone--threshold")).trim(),f=!1;if(s){var v=e.ownerDocument.createElement("div");v.setAttribute(l,"vertical-writing__thresholder"),e.appendChild(v),f=v.offsetWidth>=e.offsetWidth,v.remove()}if(f)a.push("-force-switch");else e.getBoundingClientRect().left>n.getBoundingClientRect().left&&a.push("vertical-writing:safari");d(e,[].concat(r(a),["vertical-writing:initialized"])),requestAnimationFrame(function(){var t;if(null!=e&&e.isConnected&&null!==(t=e.parentNode)&&void 0!==t&&t.style){if(f)return void(e.parentNode.style.height="");var r=e.getBoundingClientRect(),i=n.getBoundingClientRect(),o=r.top+r.height,a=i.top+i.height;e.parentNode.style.height=o!==a?"".concat(Math.ceil(a-r.top),"px"):""}})}else d(e,[].concat(r(a),["vertical-writing:initialized"]))}},m=Symbol.for("@inc2734/unitone-css/layout-initializers"),w=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[m]||(globalThis[m]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[m])},O=function(e,t){var n,r;if(e.enabled()&&(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE){var i=new Set;null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)&&i.add(t),null===(r=t.querySelectorAll)||void 0===r||r.call(t,e.selector).forEach(function(e){i.add(e)}),i.forEach(function(t){e.initialized.has(t)||(e.initialize(t),e.initialized.add(t))})}},A=function(e){var t=w();t&&t.initializers.forEach(function(t){O(t,e)})},S=function(){var e=w();e&&(e.pendingNodes.forEach(function(e){A(e)}),e.pendingNodes.clear(),e.rafId=0)},E=function(){var e=w();e&&!e.observer&&document.body&&(A(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){t.addedNodes.forEach(function(t){(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(S))}),e.observer.observe(document.body,{childList:!0,subtree:!0}))};function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(null,arguments)}function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function z(e){var t=function(e,t){if("object"!=j(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==j(t)?t:t+""}function N(e,t,n){return(t=z(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.enabled,o=void 0===i?function(){return!0}:i,a=w();if(a&&!a.initializers.has(t)){var l={selector:n,initialize:r,enabled:o,initialized:new WeakSet};a.initializers.set(t,l),a.observer?O(l,document.body):"loading"!==document.readyState?E():a.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",E,{once:!0}),a.hasDOMContentLoadedListener=!0)}}({key:"layout-primitives/vertical-writing",selector:'[data-unitone-layout~="vertical-writing"]',initialize:function(e){v(e,function(e){var t;null!==(t=e.parentNode)&&void 0!==t&&t.style&&(e.parentNode.style.height=""),g(e)},{getResizeValue:y,observeIntersection:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0},shouldApply:p}})}});var M=["textOrientation","gap","maxHeight","switchWritingMode","threshold","queryContext","style"];function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach(function(t){N(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}exports.VerticalWriting=function(t){var n=t.textOrientation,r=t.gap,i=t.maxHeight,o=t.switchWritingMode,a=t.threshold,l=t.queryContext,u=t.style,c=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(t,M);return u=I(I({},u),{},{"--unitone--max-height":""!==i?i:void 0,"--unitone--threshold":""!==a?a:void 0}),e.createElement("div",{"data-unitone-layout":"vertical-writing-wrapper"},e.createElement("div",C({"data-unitone-layout":["vertical-writing",""!==(null!=n?n:"")?"-text-orientation:".concat(n):void 0,""!==(null!=r?r:"")?"-gap:".concat(r):void 0,o?"-switch":void 0,"container"===l?"@container":void 0].filter(Boolean).join(" "),style:u},c),c.children))};
|
|
1
|
+
"use client";"use strict";var e=require("react"),t="unitone:layout-refresh",n=function(e){var n;return!(null==e||null===(n=e.hasAttribute)||void 0===n||!n.call(e,"data-unitone-react-layout"))&&(e.dispatchEvent(new e.ownerDocument.defaultView.Event(t)),!0)},r=function(e,t){var n;if(e){var r=null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"",i=r.split(/\s+/).filter(function(e){return e&&!t.includes(e)}).join(" ");r!==i&&e.setAttribute("data-unitone-layout",i)}},i=function(e,t){if("divider"===t)r(e,["divider:initialized","-stack"]),Array.from(e.children).forEach(function(e){return r(e,["-bol","-linewrap"])});else if("stairs"===t)r(e,["stairs:initialized"]),e.style.removeProperty("--unitone--max-stairs-step"),e.style.removeProperty("--unitone--stairs-step-overflow-volume"),Array.from(e.children).forEach(function(e){return e.style.removeProperty("--unitone--stairs-step")});else if("vertical"===t){var n;r(e,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]),null!==(n=e.parentElement)&&void 0!==n&&n.style&&(e.parentElement.style.height="")}};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){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}}function l(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||a(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 u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}(e,t)||a(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(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 s(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)?s(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 o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function s(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}var d="data-unitone-layout",f="".concat(200,"px 0px"),v=function(e){var t;return(null!==(t=e.getAttribute(d))&&void 0!==t?t:"").split(/\s+/).filter(Boolean)},p=function(e,t){return e.filter(function(e){return!t.includes(e)})},y=function(e,t){var n,r=t.filter(Boolean).join(" ");(null!==(n=e.getAttribute(d))&&void 0!==n?n:"")!==r&&e.setAttribute(d,r)},h=function(e,t,n,r){var i,o,a,l,u=new WeakMap,s=(i=function(){return t(e)},o=250,l=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=this;clearTimeout(a),a=setTimeout(function(){a=void 0,i.apply(r,t)},o)},l.cancel=function(){clearTimeout(a),a=void 0},l),d=new ResizeObserver(function(e){if(!n.disposed){var t,i=!1,o=c(e);try{for(o.s();!(t=o.n()).done;){var a=t.value,l=null==r?void 0:r(a);u.has(a.target)&&void 0!==l&&l===u.get(a.target)||(i=!0),u.set(a.target,l)}}catch(e){o.e(e)}finally{o.f()}i&&s()}});return n.addCleanup(s.cancel),n.addCleanup(function(){return d.disconnect()}),d.observe(e),d},g=function(e,t,n,r){var i=new MutationObserver(function(t){!r.disposed&&e.isConnected&&n(t)});i.observe(e,t),r.addCleanup(function(){return i.disconnect()})},b=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getResizeValue,i=n.observeDirectChildrenResize,o=void 0!==i&&i,a=n.targetMutation,l=n.directChildMutation,s=n.shouldApplyChildList,d=function(e){var t=e.ownerDocument.defaultView,n=new Set,r=new Set,i=!1;return{get disposed(){return i},addCleanup:function(e){i?e():n.add(e)},requestAnimationFrame:function(e){if(i)return 0;if(null==t||!t.requestAnimationFrame)return e(),0;var n=t.requestAnimationFrame(function(t){r.delete(n),i||e(t)});return r.add(n),n},dispose:function(){i||(i=!0,r.forEach(function(e){return t.cancelAnimationFrame(e)}),r.clear(),n.forEach(function(e){return e()}),n.clear())}}}(e),v="undefined"!=typeof IntersectionObserver,p=!v||A(e),y=!p,b=function(){!d.disposed&&e.isConnected&&(p?(y=!1,t(e,d)):y=!0)},m=function(e,t,n){var r=0;return function(){n.disposed||r||(r=n.requestAnimationFrame(function(){r=0,null!=e&&e.isConnected&&t(e)}))}}(e,b,d),w=function(){!d.disposed&&null!=e&&e.isConnected&&(y=!0,p&&m())},E=h(e,w,d,r);return o&&function(e,t,n,r,i,o){var a=new Set,l=i?new MutationObserver(function(t){!r.disposed&&e.isConnected&&z(t,function(t){return t.target.parentElement===e&&i.shouldApply(t)})&&n(e)}):null;r.addCleanup(function(){a.clear(),null==l||l.disconnect()});var u=function(){var n,r=c(a);try{for(r.s();!(n=r.n()).done;){var o=n.value;o.parentElement!==e&&(t.unobserve(o),a.delete(o))}}catch(e){r.e(e)}finally{r.f()}null==l||l.disconnect();var u,s=c(e.children);try{for(s.s();!(u=s.n()).done;){var d=u.value;a.has(d)||(t.observe(d),a.add(d)),null==l||l.observe(d,{attributes:!0,attributeFilter:i.attributeFilter,attributeOldValue:!0})}}catch(e){s.e(e)}finally{s.f()}};u(),g(e,{childList:!0},function(t){u(),o&&!o(t)||n(e)},r)}(e,E,w,d,l,s),v&&function(e,t,n){var r=new IntersectionObserver(function(e){var r=u(e,1)[0];r&&!n.disposed&&t(r)},{rootMargin:f});r.observe(e),n.addCleanup(function(){return r.disconnect()})}(e,function(e){(p=e.isIntersecting)&&y&&w()},d),a&&g(e,a.options,function(e){a.shouldApply(e)&&w()},d),p&&b(),Object.assign(d.dispose,{refresh:b})},m=function(e){var t;return null===(t=e.borderBoxSize)||void 0===t?void 0:t[0].inlineSize},w=function(e){var t;return(null!==(t=e.ownerDocument.defaultView)&&void 0!==t?t:window).getComputedStyle(e)},E=function(e){var t=w(e),n=t.position,r=t.display;return!["absolute","fixed"].includes(n)&&"none"!==r},O=function(e){return!(null==e||!e.isConnected)&&0<e.getClientRects().length},A=function(e){var t;if(!O(e))return!1;var n=null==e||null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView;if(!n)return!0;var r=e.getBoundingClientRect(),i=n.innerWidth,o=n.innerHeight;return r.bottom>-200&&r.right>0&&r.top<o+200&&r.left<i},C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.direction,r=void 0===n?"ltr":n,i=t.flexDirection,o=void 0===i?"row":i,a=t.writingMode,l=void 0===a?"horizontal-tb":a,u=!l.startsWith("horizontal"),c="rtl"===r!==("sideways-lr"===l),s=u?e.top:e.left,d=u?e.bottom:e.right;if(c){var f=[-d,-s];s=f[0],d=f[1]}if("row-reverse"===o){var v=[-d,-s];s=v[0],d=v[1]}return{start:s,end:d}},z=function(e,t){var n=new Map;return e.some(function(e){var r;if("attributes"!==e.type)return!1;var i=null!==(r=n.get(e.target))&&void 0!==r?r:new Set;return!i.has(e.attributeName)&&(i.add(e.attributeName),n.set(e.target,i),t(e))})};var S=function(e){var t,n,r,i=Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]),o=p(v(e),["divider:initialized","-stack"]);y(e,o);var a=i.map(function(e){return{child:e,layoutTokens:p(v(e),["-bol","-linewrap"])}}),u=function(){a.forEach(function(e){var t=e.child,n=e.layoutTokens;y(t,n)})};if(o.some(function(e){return e.startsWith("-divider:")}))if(0!==i.length)if(O(e)){var s=null!==(n=null==e||null===(r=e.ownerDocument)||void 0===r?void 0:r.defaultView)&&void 0!==n?n:"undefined"!=typeof window?window:void 0;if(null!=s&&s.getComputedStyle){var d,f,h=w(e),g={direction:h.getPropertyValue("direction"),flexDirection:h.getPropertyValue("flex-direction"),writingMode:h.getPropertyValue("writing-mode")},b=[],m=c(a);try{for(m.s();!(d=m.n()).done;){var A=d.value;E(A.child)&&(A.inlineRect=C(A.child.getBoundingClientRect(),g),b.push(A))}}catch(e){m.e(e)}finally{m.f()}if(0===b.length)return u(),void y(e,[].concat(l(o),["divider:initialized"]));var z=!1,S=!0;b.forEach(function(e,t){var n=e.layoutTokens,r=e.inlineRect;0===t||r.start<f.end-.5||r.start<=f.start+.5?(n.push("-bol"),0<t&&(z=!0)):S=!1,z&&n.push("-linewrap"),f=r}),u();var N=l(o);S&&N.push("-stack"),N.push("divider:initialized"),y(e,N)}else u()}else u();else y(e,[].concat(l(o),["divider:initialized"]));else u()},N=function(e,t){return p((null!=e?e:"").split(/\s+/).filter(Boolean),t).sort().join(" ")},M=function(e){var t,n=e.target.getAttribute(e.attributeName);return["data-unitone-layout","class"].includes(e.attributeName)?N(n,[])!==N(e.oldValue,[]):(null!=n?n:"")!==(null!==(t=e.oldValue)&&void 0!==t?t:"")},j=function(e){var t,n,r=Array.from(e.children),i=p(v(e),["stairs:initialized"]);if(y(e,i),0!==r.length){if(e.style.removeProperty("--unitone--stairs-step-overflow-volume"),e.style.removeProperty("--unitone--max-stairs-step"),r.forEach(function(e){e.style.removeProperty("--unitone--stairs-step")}),O(e)){var o,a=null===(t=(null!==(n=e.getAttribute("data-unitone-layout"))&&void 0!==n?n:"").split(/\s+/).find(function(e){return e.startsWith("-stairs-up:")}))||void 0===t?void 0:t.replace("-stairs-up:",""),u=["up-down","down-up"].includes(a),c=w(e).getPropertyValue("flex-direction"),s=e.getBoundingClientRect().bottom,d=r.reduce(function(e,t){return E(t)?(e.push({child:t,rect:t.getBoundingClientRect()}),e):e},[]),f=0,h=f;d.map(function(e,t){var n,r,i=e.child,a=e.rect,l="row-reverse"===c?(null===(n=o)||void 0===n?void 0:n.left)<=a.left:(null===(r=o)||void 0===r?void 0:r.left)>=a.left;return 0===t||l?f=0:u?f=0===f?1:0:f++,o=a,f>h&&(h=f),{child:i,stairsStep:f}}).forEach(function(e){var t=e.child,n=e.stairsStep;t.style.setProperty("--unitone--stairs-step",n)}),e.style.setProperty("--unitone--max-stairs-step",h);var g=d.reduce(function(e,t){var n=t.child.getBoundingClientRect().bottom-s;return e>n?e:n},0);e.style.setProperty("--unitone--stairs-step-overflow-volume",g),y(e,[].concat(l(i),["stairs:initialized"]))}}else y(e,[].concat(l(i),["stairs:initialized"]))},P=function(e){return z(e,M)||e.some(function(e){return"characterData"===e.type||"childList"===e.type&&[].concat(l(e.addedNodes),l(e.removedNodes)).some(function(e){return!function(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&"vertical-writing__thresholder"===e.getAttribute(d)}(e)})})},D=function(e){if(!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&n(e))return function(){};return b(e,function(e,t){var n;null!==(n=e.parentNode)&&void 0!==n&&n.style&&(e.parentNode.style.height=""),function(e,t){if(e){var n,r=v(e),i=p(r,["vertical-writing:safari","-force-switch"]),o=p(r,["vertical-writing:initialized","vertical-writing:safari","-force-switch"]);if(y(e,i),Array.from(e.children).reverse().some(function(e){if(E(e))return n=e,!0}),n){var a=w(e),u=String(a.getPropertyValue("--unitone--threshold")).trim(),c=!1;if(u&&!/^[+-]?(?:0+\.?0*|\.0+)(?:[a-z]+|%)?$/i.test(u)){var s=e.ownerDocument.createElement("div");s.setAttribute(d,"vertical-writing__thresholder"),e.appendChild(s),c=s.offsetWidth>=e.offsetWidth,s.remove()}c?o.push("-force-switch"):e.getBoundingClientRect().left>n.getBoundingClientRect().left&&o.push("vertical-writing:safari"),y(e,[].concat(l(o),["vertical-writing:initialized"])),(t?function(e){return t.requestAnimationFrame(e)}:function(t){return e.ownerDocument.defaultView.requestAnimationFrame(t)})(function(){var t;if(null!=e&&e.isConnected&&null!==(t=e.parentNode)&&void 0!==t&&t.style){if(c)return void(e.parentNode.style.height="");var r=e.getBoundingClientRect(),i=n.getBoundingClientRect(),o=r.top+r.height,a=i.top+i.height;e.parentNode.style.height=o!==a?"".concat(Math.ceil(a-r.top),"px"):""}})}else y(e,[].concat(l(o),["vertical-writing:initialized"]))}}(e,t)},{observeDirectChildrenResize:!0,shouldApplyChildList:P,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0,characterData:!0,childList:!0,subtree:!0},shouldApply:P}})},x=Symbol.for("@inc2734/unitone-css/layout-initializers"),T=function(){return"undefined"==typeof window||"undefined"==typeof document||"undefined"==typeof MutationObserver||"undefined"==typeof Node?null:(globalThis[x]||(globalThis[x]={initializers:new Map,pendingNodes:new Set,observer:null,rafId:0,hasDOMContentLoadedListener:!1}),globalThis[x])},L=function(e,t){var n,r,i;if(null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE)if(e.enabled()&&null!==(n=t.matches)&&void 0!==n&&n.call(t,e.selector)){if(!e.initialized.has(t)){var o=e.initialize(t);e.initialized.add(t),"function"==typeof o&&e.cleanups.set(t,o)}}else e.initialized.has(t)&&(null===(r=e.cleanups.get(t))||void 0===r||r(),e.cleanups.delete(t),e.initialized.delete(t),null===(i=e.reset)||void 0===i||i.call(e,t))},R=function(e,t){var n;null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&(L(e,t),null===(n=t.querySelectorAll)||void 0===n||n.call(t,e.selector).forEach(function(t){return L(e,t)}))},V=function(e){var t=T();t&&t.initializers.forEach(function(t){R(t,e)})},I=function(e){var t=T();!t||null!=e&&e.isConnected||(null==e?void 0:e.nodeType)!==Node.ELEMENT_NODE||[e].concat(l(e.querySelectorAll("*"))).forEach(function(e){t.initializers.forEach(function(t){var n,r=null===(n=t.cleanups)||void 0===n?void 0:n.get(e);r&&!e.isConnected&&(t.cleanups.delete(e),t.initialized.delete(e),r())})})},F=function(){var e=T();e&&(e.pendingNodes.forEach(function(e){V(e)}),e.pendingNodes.clear(),e.rafId=0)},B=function(){var e=T();e&&!e.observer&&document.body&&(V(document.body),e.observer=new MutationObserver(function(t){t.forEach(function(t){"attributes"!==t.type?(t.removedNodes.forEach(I),t.addedNodes.forEach(function(t){null!=t&&t.isConnected&&t.nodeType===Node.ELEMENT_NODE&&e.pendingNodes.add(t)})):e.initializers.forEach(function(e){return L(e,t.target)})}),e.pendingNodes.forEach(function(t){t.isConnected||e.pendingNodes.delete(t)}),!e.rafId&&0<e.pendingNodes.size&&(e.rafId=requestAnimationFrame(F))}),e.observer.observe(document.body,{attributes:!0,attributeFilter:["data-unitone-layout","data-unitone-react-layout"],childList:!0,subtree:!0}))};function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},k.apply(null,arguments)}function q(e){"@babel/helpers - typeof";return q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},q(e)}function W(e){var t=function(e,t){if("object"!=q(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=q(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==q(t)?t:t+""}function _(e,t,n){return(t=W(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}!function(e){var t=e.key,n=e.selector,r=e.initialize,i=e.reset,o=e.enabled,a=void 0===o?function(){return!0}:o,l=T();if(l&&!l.initializers.has(t)){var u={selector:n,initialize:r,reset:i,enabled:a,initialized:new WeakSet,cleanups:new WeakMap};l.initializers.set(t,u),l.observer?R(u,document.body):"loading"!==document.readyState?B():l.hasDOMContentLoadedListener||(document.addEventListener("DOMContentLoaded",B,{once:!0}),l.hasDOMContentLoadedListener=!0)}}({key:"layout-primitives/vertical-writing",selector:'[data-unitone-layout~="vertical-writing"]:not([data-unitone-react-layout])',reset:function(e){return i(e,"vertical")},initialize:D});var H="undefined"==typeof window?e.useEffect:e.useLayoutEffect,$={divider:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t.reactOwned&&n(e))return function(){};var r=function(e){var n,r,i,o,a=e.attributeName,u=e.oldValue,c=e.target.getAttribute(a),s=d===a?l(null!==(n=null==t||null===(r=t.ignore)||void 0===r?void 0:r.layout)&&void 0!==n?n:[]):"class"===a?l(null!==(i=null==t||null===(o=t.ignore)||void 0===o?void 0:o.className)&&void 0!==i?i:[]):null;return s?N(c,s)!==N(u,s):["style","dir"].includes(a)&&(null!=c?c:"")!==(null!=u?u:"")};return b(e,S,{getResizeValue:m,observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","dir","data-unitone-layout","class"],attributeOldValue:!0},shouldApply:function(t){return z(t,function(t){return t.target===e&&r(t)})}},directChildMutation:{attributeFilter:["style","data-unitone-layout","class"],shouldApply:r}})},stairs:function(e){return!(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).reactOwned&&n(e)?function(){}:b(e,j,{observeDirectChildrenResize:!0,targetMutation:{options:{attributes:!0,attributeFilter:["style","class","dir","data-unitone-layout"],attributeOldValue:!0},shouldApply:function(e){return z(e,M)}},directChildMutation:{attributeFilter:["style","class","dir","data-unitone-layout"],shouldApply:M}})},vertical:D},U=["textOrientation","gap","maxHeight","switchWritingMode","threshold","queryContext","style"];function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach(function(t){_(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var K=e.forwardRef(function(n,r){var o=n.textOrientation,a=n.gap,l=n.maxHeight,c=n.switchWritingMode,s=n.threshold,d=n.queryContext,f=n.style,v=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(n,U),p=function(n,r){var o=e.useRef(null),a=e.useRef(null);e.useImperativeHandle(r,function(){return o.current});var l=function(){var e=a.current;e&&(e.target.removeEventListener(t,e.refresh),e.controllers.forEach(function(t,n){t.dispose(),i(e.target,n)}),a.current=null)};return H(function(){return l},[]),H(function(){var e,r=o.current;if((null===(e=a.current)||void 0===e?void 0:e.target)!==r&&l(),r){if(!a.current){var c=new Map,s=function(){return c.forEach(function(e){return e.refresh()})};a.current={target:r,controllers:c,refresh:s},r.addEventListener(t,s)}for(var d=a.current.controllers,f=0,v=Object.entries($);f<v.length;f++){var p=u(v[f],2),y=p[0],h=p[1];if(n[y])if(d.has(y))d.get(y).refresh();else{var g=h(r,{reactOwned:!0});d.set(y,{dispose:g,refresh:g.refresh})}else d.has(y)&&(d.get(y).dispose(),d.delete(y),i(r,y))}}}),o}({vertical:!0},r);return f=J(J({},f),{},{"--unitone--max-height":""!==l?l:void 0,"--unitone--threshold":""!==s?s:void 0}),e.createElement("div",{"data-unitone-layout":"vertical-writing-wrapper"},e.createElement("div",k({"data-unitone-layout":["vertical-writing",""!==(null!=o?o:"")?"-text-orientation:".concat(o):void 0,""!==(null!=a?a:"")?"-gap:".concat(a):void 0,c?"-switch":void 0,"container"===d?"@container":void 0].filter(Boolean).join(" "),style:f},v,{ref:p,"data-unitone-react-layout":""}),v.children))});exports.VerticalWriting=K;
|