@dash-ui/layout/dist/umd/layout.js

A framework-agnostic layout library written in Dash

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Layout=e()}(this,(function(){"use strict";function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function e(e){for(var r=1;arguments.length>r;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?t(Object(i),1).forEach((function(t){n(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function n(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:1,configurable:1,writable:1}):t[e]=n,t}function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;arguments.length>e;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},r.apply(this,arguments)}function i(t){var e="";for(var n in t){var r=t[n];if("object"!=typeof r){var a=45===n.charCodeAt(1);e+=(a?n:o(n))+":"+("number"!=typeof r||X[n]||0===r||a?r:r+"px")+";"}else e+=n+"{"+i(r)+"}"}return e}function a(t,e){var n="function"==typeof t?t(e):t;return"object"==typeof n&&null!==n?i(n):n||""}function o(t){var e;return null!==(e=M[t])&&void 0!==e?e:M[t]=t.replace(Y,"-$&").toLowerCase()}function s(t){for(var e=1;arguments.length>e;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}function l(){return(l=Object.assign?Object.assign.bind():s).apply(this,arguments)}function u(t){var e="";for(var n in t)e+=n+":"+("object"==typeof t[n]&&null!==t[n]?"{"+u(t[n])+"}":t[n])+";";return e}function f(t){return{width:t}}function p(t){return{height:t}}function c(t){return{maxWidth:t}}function d(t){return{maxHeight:t}}function y(t){return{minWidth:t}}function g(t){return{minHeight:t}}function m(t){return{width:t,height:t}}function v(t){return function(e){var n=e.pad;return{padding:Array.isArray(t)?t.map((function(t){return n[t]})).join(" "):n[t]}}}function b(t){var e=t[0],n=t[1];return function(t){var r=t.borderWidth,i=t.color;return{borderWidth:Array.isArray(e)?e.map((function(t){return r[t]})).join(" "):r[e],borderStyle:"solid",borderColor:i[n]}}}function h(t){return function(e){var n=e.radius;return{borderRadius:Array.isArray(t)?t.map((function(t){return n[t]})).join(" "):n[t]}}}function j(t){var e,n,r,i;return Array.isArray(t)?{"@supports (inset: 10px)":{inset:t.map(H).join(" ")},"@supports not (inset: 10px)":{top:t[0],right:null!==(e=t[1])&&void 0!==e?e:t[0],bottom:null!==(n=t[2])&&void 0!==n?n:t[0],left:null!==(r=null!==(i=t[3])&&void 0!==i?i:t[1])&&void 0!==r?r:t[0]}}:{"@supports (inset: 10px)":{inset:t},"@supports not (inset: 10px)":{top:t,right:t,bottom:t,left:t}}}function x(t){return{flexBasis:t}}function S(t){return{flexGrow:Number(t)}}function C(t){return{order:t}}function w(t){return{flexShrink:Number(t)}}function k(t){return function(e){var n=e.gap;return{gridGap:Array.isArray(t)?t.map((function(t){return n[t]})).join(" "):n[t]+" "+n[t],gap:Array.isArray(t)?t.map((function(t){return n[t]})).join(" "):n[t]+" "+n[t]}}}function O(t){return H(t)}function I(t){return{gridTemplateRows:(Array.isArray(t)?t:["repeat("+t+",minmax(0,1fr))"]).map(O).join(" ")}}function z(t){return H(t)}function A(t){return{gridTemplateColumns:(Array.isArray(t)?t:["repeat("+t+",minmax(0,1fr))"]).map(z).join(" ")}}function G(t){return{gridColumnStart:t}}function W(t){return{gridColumnEnd:t}}function R(t){return{gridRowStart:t}}function P(t){return{gridRowEnd:t}}function D(t){return{gridTemplateColumns:"repeat(auto-fit, minmax("+H(t)+", 1fr))"}}function E(t){return{margin:t}}function L(t){return function(e){var n=e.pad;return{margin:Array.isArray(t)?t.map((function(t){return String(t).startsWith("-")?""+n[t]:"calc(-1 * "+n[t]+")"})).join(" ")+"!important":String(t).startsWith("-")?n[t]+"!important":"calc(-1 * "+n[t]+")!important"}}}function T(t,e,n){return B(t).reduce(e,n)}function H(t){return isNaN(t)||0===t?t:t+"px"}var N={},X={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Y=/[A-Z]|^ms/g,M={},F=["default"],B=Object.keys;return function(t,n){var i=function(t){return function(e,n){function i(t){var n=JSON.stringify(t),r=o.get(n);if(r)return r;for(var i="function"==typeof e.default?[e.default.css()]:[],a=0;a<s.length;a++){var l,u=s[a];if("default"!==u){var f=t[u];null!=f&&i.push(null===(l=e[u])||void 0===l?void 0:l.css(f))}}return o.set(n,i),i}function a(t){var e;return(e="").concat.apply(e,i(t))}void 0===n&&(n=N);var o=new Map,s=[];return s.push.apply(s,Object.keys(e)),r((function(e,r){var o;if(void 0===e&&(e={}),void 0===r&&(r=N),null!==(o=r.atomic)&&void 0!==o?o:n.atomic){for(var s=i(e),l="",u=0;u<s.length;u++)l+=t.cls(s[u])+(u===s.length-1?"":" ");return l}return t.cls(a(e))}),{css:a,atomicCss:i,styles:e})}}(t),o=function(t,e){function n(t){for(var e=0;i>e;e++)if(void 0!==t[r[e]])return 1;return 0}var r=Object.keys(e),i=r.length,o=l({},t,{variants:function(a){function o(){for(var t=arguments,a=p,o=0;o<t.length;o++){var s=t[o];if(void 0!==s)if("object"==typeof s&&null!==s&&n(s))for(var l=0;i>l;l++){var u=r[l],c=s[u];void 0!==c&&(a+="@media "+e[u]+"{"+f.css(c)+"}")}else a+=f.css(s)}return a}var s=t.variants(a),l=function(t,e){if(null==t)return{};var n,r,i={},a=Object.keys(t);for(r=0;r<a.length;r++)n=a[r],0>e.indexOf(n)&&(i[n]=t[n]);return i}(a,F),f=t.variants(l),p=s.css(),c=new Map,d=function(){if(0===arguments.length||1===arguments.length&&"object"!=typeof arguments[0])return s(arguments[0]);for(var e="",n=0;arguments.length>n;n++)e+="object"==typeof arguments[n]&&null!==arguments[n]?u(arguments[n]):arguments[n]+"";var r=c.get(e);return r||(r=t.one(o.apply(null,arguments)),c.set(e,r)),r()};return d.styles="css"in s?s.styles:s,d.css=o,d},lazy:function(o){var s=new Map,l=t.lazy(o),u=function e(n){if("object"!=typeof n||null===n)return l(n);var r=JSON.stringify(n),i=s.get(r);return i||(i=t.one(e.css(n)),s.set(r,i)),i()};return u.css=function(s){if("object"==typeof s&&null!==s&&n(s)){for(var l="",u=0;i>u;u++){var f=r[u],p=s[f];void 0!==p&&(l+="@media "+e[f]+"{"+a(o(p,f),t.tokens)+"}")}return l}return a(o(s,"default"),t.tokens)},u},one:function(){var n=t.one.apply(t,arguments),a=new Map,o=function e(r){if(!r&&void 0!==r)return"";if("object"==typeof r&&null!==r){var i=u(r),o=a.get(i);return o||(o=t.one(e.css(r)),a.set(i,o)),o()}return n()};return o.css=function(t){if("object"==typeof t&&null!==t){for(var a="",o=0;i>o;o++){var s=r[o],l=t[s];void 0!==l&&l&&(a+="@media "+e[s]+"{"+n.css()+"}")}return a}return n.css(t)},o},cls:function(){var o=arguments[0];if("object"==typeof o&&null!==o&&!Array.isArray(o)&&n(o)){for(var s="",l=0;i>l;l++){var u=r[l],f=o[u];void 0!==f&&f&&(s+="@media "+e[u]+"{"+a(f,t.tokens)+"}")}return t.cls(s)}return t.cls.apply(t,arguments)}});return"undefined"!=typeof process?Object.freeze(o):o}(t,n||{}),s=i({display:o.variants({flex:{display:"flex"},inlineFlex:{display:"inline-flex"},grid:{display:"grid"},inlineGrid:{display:"inlineGrid"},block:{display:"block"},inlineBlock:{display:"inline-block"},inline:{display:"inline"},table:{display:"table"},tableCell:{display:"table-cell"},tableRowGroup:{display:"table-row-group"},tableRow:{display:"table-row"},tableColumn:{display:"table-column"},tableColumnGroup:{display:"table-column-group"},tableHeader:{display:"table-header"},tableHeaderGroup:{display:"table-header-group"},tableFooterGroup:{display:"table-footer-group"},listItem:{display:"list-item"},contents:{display:"contents"},runIn:{display:"run-in"},none:{display:"none"},inherit:{display:"inherit"},initial:{display:"initial"},unset:{display:"unset"},revert:{display:"revert"}}),position:o.variants({absolute:{position:"absolute"},relative:{position:"relative"},fixed:{position:"fixed"},sticky:{position:"sticky"},static:{position:"static"},inherit:{position:"inherit"},initial:{position:"initial"},unset:{position:"unset"},revert:{position:"revert"}}),width:o.lazy(f),height:o.lazy(p),maxWidth:o.lazy(c),maxHeight:o.lazy(d),minWidth:o.lazy(y),minHeight:o.lazy(g),size:o.lazy(m),pad:o.lazy(v),bg:o.variants(T(t.tokens.color,(function(e,n){return e[n]={backgroundColor:t.tokens.color[n]},e}),{})),border:o.lazy(b),shadow:o.variants(T(t.tokens.shadow,(function(e,n){return e[n]={boxShadow:t.tokens.shadow[n]},e}),{})),radius:o.lazy(h),inset:o.lazy(j),z:o.variants(T(t.tokens.zIndex,(function(e,n){return e[n]={zIndex:t.tokens.zIndex[n]},e}),{}))},{atomic:1}),O=o.variants({start:{"@supports (align-items: start)":{alignItems:"start"},"@supports not (align-items: start)":{alignItems:"flex-start"}},end:{"@supports (align-items: end)":{alignItems:"end"},"@supports not (align-items: end)":{alignItems:"flex-end"}},center:{alignItems:"center"},baseline:{alignItems:"baseline"},stretch:{alignItems:"stretch"},normal:{alignItems:"normal"},inherit:{alignItems:"inherit"},initial:{alignItems:"initial"},unset:{alignItems:"unset"},revert:{alignItems:"revert"}}),z=o.variants({start:{"@supports (justify-items: start)":{justifyItems:"start"},"@supports not (justify-items: start)":{justifyItems:"flex-start"}},end:{"@supports (justify-items: end)":{justifyItems:"end"},"@supports not (justify-items: end)":{justifyItems:"flex-end"}},center:{justifyItems:"center"},baseline:{justifyItems:"baseline"},stretch:{justifyItems:"stretch"},normal:{justifyItems:"normal"},inherit:{justifyItems:"inherit"},initial:{justifyItems:"initial"},unset:{justifyItems:"unset"},revert:{justifyItems:"revert"}}),H=o.variants({start:{"@supports (justify-content: start)":{justifyContent:"start"},"@supports not (justify-content: start)":{justifyContent:"flex-start"}},end:{"@supports (justify-content: end)":{justifyContent:"end"},"@supports not (justify-content: end)":{justifyContent:"flex-end"}},center:{justifyContent:"center"},around:{justifyContent:"space-around"},between:{justifyContent:"space-between"},evenly:{justifyContent:"space-evenly"},baseline:{justifyContent:"baseline"},stretch:{justifyContent:"stretch"},normal:{justifyContent:"normal"},inherit:{justifyContent:"inherit"},initial:{justifyContent:"initial"},unset:{justifyContent:"unset"},revert:{justifyContent:"revert"}}),X=o.variants({start:{"@supports (align-content: start)":{alignContent:"start"},"@supports not (align-content: start)":{alignContent:"flex-start"}},end:{"@supports (align-content: end)":{alignContent:"end"},"@supports not (align-content: end)":{alignContent:"flex-end"}},center:{alignContent:"center"},around:{alignContent:"space-around"},between:{alignContent:"space-between"},evenly:{alignContent:"space-evenly"},baseline:{alignContent:"baseline"},stretch:{alignContent:"stretch"},normal:{alignContent:"normal"},inherit:{alignContent:"inherit"},initial:{alignContent:"initial"},unset:{alignContent:"unset"},revert:{alignContent:"revert"}}),Y=o.variants({start:{"@supports (align-self: start)":{alignSelf:"start"},"@supports not (align-self: start)":{alignSelf:"flex-start"}},end:{"@supports (align-self: end)":{alignSelf:"end"},"@supports not (align-self: end)":{alignSelf:"flex-end"}},center:{alignSelf:"center"},baseline:{alignSelf:"baseline"},stretch:{alignSelf:"stretch"},auto:{alignSelf:"auto"},normal:{alignSelf:"normal"},inherit:{alignSelf:"inherit"},initial:{alignSelf:"initial"},unset:{alignSelf:"unset"},revert:{alignSelf:"revert"}}),M=o.variants({start:{"@supports (justify-self: start)":{justifySelf:"start"},"@supports not (justify-self: start)":{justifySelf:"flex-start"}},end:{"@supports (justify-self: end)":{justifySelf:"end"},"@supports not (justify-self: end)":{justifySelf:"flex-end"}},center:{justifySelf:"center"},around:{justifySelf:"space-around"},between:{justifySelf:"space-between"},evenly:{justifySelf:"space-evenly"},baseline:{justifySelf:"baseline"},stretch:{justifySelf:"stretch"},auto:{justifySelf:"auto"},normal:{justifySelf:"normal"},inherit:{justifySelf:"inherit"},initial:{justifySelf:"initial"},unset:{justifySelf:"unset"},revert:{justifySelf:"revert"}}),B=i(e({align:Y,basis:o.lazy(x),distribute:M,grow:o.lazy(S),order:o.lazy(C),shrink:o.lazy(w)},s.styles),{atomic:1}),J=i(e({default:o.one({display:"flex",flexWrap:"wrap",justifyContent:"flex-start","& > *":{flexShrink:0}}),gap:o.variants(T(t.tokens.gap,(function(e,n){var r=t.tokens.gap;return e[n]={"@supports (display: flex) and (gap: 1em)":{gap:r[n]},"@supports not (display: flex) and (gap: 1em)":{marginTop:"calc(-1 * "+r[n]+")!important",marginLeft:"calc(-1 * "+r[n]+")!important","& > *":{marginTop:r[n]+"!important",marginLeft:r[n]+"!important"}}},e}),{})),distribute:H,align:O},s.styles),{atomic:1}),Z=i({default:o.one({display:"grid"}),inline:o.one({display:"inline-grid"}),alignX:z,alignY:O,distributeX:H,distributeY:X,gap:o.lazy(k),rows:o.lazy(I)},{atomic:1}),$=i(e(e({cols:o.lazy(A)},Z.styles),s.styles),{atomic:1});return{alignItems:O,justifyItems:z,justifyContent:H,alignContent:X,alignSelf:Y,justifySelf:M,box:s,inline:J,flexItem:B,grid:$,gridItem:i(e({distribute:M,align:Y,colStart:o.lazy(G),colEnd:o.lazy(W),rowStart:o.lazy(R),rowEnd:o.lazy(P)},s.styles),{atomic:1}),autoGrid:i(e({itemWidth:o.lazy(D)},Z.styles),{atomic:1}),hstack:i(e({default:o.one({display:"flex",flexDirection:"row","& > *":{flexShrink:0}}),reversed:o.one({flexDirection:"row-reverse"}),gap:o.variants(T(t.tokens.gap,(function(e,n){var r=t.tokens.gap,i={"& > * + *":{marginLeft:r[n]+"!important"}};return e[n]=(""+n).startsWith("-")?i:{"@supports (display: flex) and (gap: 1em)":{gap:r[n]},"@supports not (display: flex) and (gap: 1em)":i},e}),{})),distribute:H,align:O},s.styles),{atomic:1}),vstack:i(e({default:o.one({display:"flex",flexDirection:"column","& > *":{flexShrink:0}}),reversed:o.one({flexDirection:"column-reverse"}),gap:o.variants(T(t.tokens.gap,(function(e,n){var r=t.tokens.gap,i={"& > * + *":{marginTop:r[n]+"!important"}};return e[n]=(n+"").startsWith("-")?i:{"@supports (display: flex) and (gap: 1em)":{gap:r[n]},"@supports not (display: flex) and (gap: 1em)":i},e}),{})),distribute:H,align:O},s.styles),{atomic:1}),zstack:i(e({default:o.one({display:"grid","> *":{gridArea:"1/1/1/1"}}),inline:$.styles.inline,alignX:z,alignY:O,distributeX:H,distributeY:X,center:o.one({alignItems:"center",justifyItems:"center"})},s.styles),{atomic:1}),overlay:i(e({default:o.one({position:"absolute"}),offset:o.lazy(E),placement:o.variants({top:{top:0,left:"50%",transform:"translateX(-50%)"},right:{right:0,top:"50%",transform:"translateY(-50%)"},bottom:{bottom:0,left:"50%",transform:"translateX(-50%)"},left:{left:0,top:"50%",transform:"translateY(-50%)"},center:{top:"50%",left:"50%",transform:"translate(-50%, -50%)"},topRight:{top:0,right:0},topLeft:{top:0,left:0},bottomRight:{bottom:0,right:0},bottomLeft:{bottom:0,left:0}})},s.styles),{atomic:1}),bleed:i(e({amount:o.lazy(L)},s.styles),{atomic:1})}}}));
//# sourceMappingURL=layout.js.map