@limetech/lime-elements 36.0.0-next.6 → 36.0.0-next.7

package/dist/lime-elements/p-93cd2268.entry.js

@@ -0,0 +1 @@
+import{r as t,h as n,g as e}from"./p-e9a95b8f.js";var r="top",i="bottom",o="right",a="left",u=[r,i,o,a],f=u.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),s=[].concat(u,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),c=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function l(t){return t?(t.nodeName||"").toLowerCase():null}function p(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function d(t){return t instanceof p(t).Element||t instanceof Element}function h(t){return t instanceof p(t).HTMLElement||t instanceof HTMLElement}function v(t){return"undefined"!=typeof ShadowRoot&&(t instanceof p(t).ShadowRoot||t instanceof ShadowRoot)}function b(t){return t.split("-")[0]}var m=Math.max,y=Math.min,g=Math.round;function w(t,n){void 0===n&&(n=!1);var e=t.getBoundingClientRect(),r=1,i=1;if(h(t)&&n){var o=t.offsetHeight,a=t.offsetWidth;a>0&&(r=g(e.width)/a||1),o>0&&(i=g(e.height)/o||1)}return{width:e.width/r,height:e.height/i,top:e.top/i,right:e.right/r,bottom:e.bottom/i,left:e.left/r,x:e.left/r,y:e.top/i}}function x(t){var n=w(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function O(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&v(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function j(t){return p(t).getComputedStyle(t)}function M(t){return["table","td","th"].indexOf(l(t))>=0}function k(t){return((d(t)?t.ownerDocument:t.document)||window.document).documentElement}function P(t){return"html"===l(t)?t:t.assignedSlot||t.parentNode||(v(t)?t.host:null)||k(t)}function C(t){return h(t)&&"fixed"!==j(t).position?t.offsetParent:null}function A(t){for(var n=p(t),e=C(t);e&&M(e)&&"static"===j(e).position;)e=C(e);return e&&("html"===l(e)||"body"===l(e)&&"static"===j(e).position)?n:e||function(t){var n=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&h(t)&&"fixed"===j(t).position)return null;var e=P(t);for(v(e)&&(e=e.host);h(e)&&["html","body"].indexOf(l(e))<0;){var r=j(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function q(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function E(t,n,e){return m(t,y(n,e))}function R(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function W(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function B(t){return t.split("-")[1]}var S={top:"auto",right:"auto",bottom:"auto",left:"auto"};function L(t){var n,e=t.popper,u=t.popperRect,f=t.placement,s=t.variation,c=t.offsets,l=t.position,d=t.gpuAcceleration,h=t.adaptive,v=t.roundOffsets,b=t.isFixed,m=c.x,y=void 0===m?0:m,w=c.y,x=void 0===w?0:w,O="function"==typeof v?v({x:y,y:x}):{x:y,y:x};y=O.x,x=O.y;var M=c.hasOwnProperty("x"),P=c.hasOwnProperty("y"),C=a,q=r,E=window;if(h){var R=A(e),W="clientHeight",B="clientWidth";R===p(e)&&"static"!==j(R=k(e)).position&&"absolute"===l&&(W="scrollHeight",B="scrollWidth"),R=R,(f===r||(f===a||f===o)&&"end"===s)&&(q=i,x-=(b&&R===E&&E.visualViewport?E.visualViewport.height:R[W])-u.height,x*=d?1:-1),f!==a&&(f!==r&&f!==i||"end"!==s)||(C=o,y-=(b&&R===E&&E.visualViewport?E.visualViewport.width:R[B])-u.width,y*=d?1:-1)}var L,I=Object.assign({position:l},h&&S),T=!0===v?function(t){var n=t.y,e=window.devicePixelRatio||1;return{x:g(t.x*e)/e||0,y:g(n*e)/e||0}}({x:y,y:x}):{x:y,y:x};return y=T.x,x=T.y,Object.assign({},I,d?((L={})[q]=P?"0":"",L[C]=M?"0":"",L.transform=(E.devicePixelRatio||1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",L):((n={})[q]=P?x+"px":"",n[C]=M?y+"px":"",n.transform="",n))}var I={passive:!0},T={left:"right",right:"left",bottom:"top",top:"bottom"};function z(t){return t.replace(/left|right|bottom|top/g,(function(t){return T[t]}))}var F={start:"end",end:"start"};function H(t){return t.replace(/start|end/g,(function(t){return F[t]}))}function V(t){var n=p(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function D(t){return w(k(t)).left+V(t).scrollLeft}function $(t){var n=j(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function _(t){return["html","body","#document"].indexOf(l(t))>=0?t.ownerDocument.body:h(t)&&$(t)?t:_(P(t))}function U(t,n){var e;void 0===n&&(n=[]);var r=_(t),i=r===(null==(e=t.ownerDocument)?void 0:e.body),o=p(r),a=i?[o].concat(o.visualViewport||[],$(r)?r:[]):r,u=n.concat(a);return i?u:u.concat(U(P(a)))}function G(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function J(t,n){return"viewport"===n?G(function(t){var n=p(t),e=k(t),r=n.visualViewport,i=e.clientWidth,o=e.clientHeight,a=0,u=0;return r&&(i=r.width,o=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,u=r.offsetTop)),{width:i,height:o,x:a+D(t),y:u}}(t)):d(n)?function(t){var n=w(t);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(n):G(function(t){var n,e=k(t),r=V(t),i=null==(n=t.ownerDocument)?void 0:n.body,o=m(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=m(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),u=-r.scrollLeft+D(t),f=-r.scrollTop;return"rtl"===j(i||e).direction&&(u+=m(e.clientWidth,i?i.clientWidth:0)-o),{width:o,height:a,x:u,y:f}}(k(t)))}function K(t){var n,e=t.reference,u=t.element,f=t.placement,s=f?b(f):null,c=f?B(f):null,l=e.x+e.width/2-u.width/2,p=e.y+e.height/2-u.height/2;switch(s){case r:n={x:l,y:e.y-u.height};break;case i:n={x:l,y:e.y+e.height};break;case o:n={x:e.x+e.width,y:p};break;case a:n={x:e.x-u.width,y:p};break;default:n={x:e.x,y:e.y}}var d=s?q(s):null;if(null!=d){var h="y"===d?"height":"width";switch(c){case"start":n[d]=n[d]-(e[h]/2-u[h]/2);break;case"end":n[d]=n[d]+(e[h]/2-u[h]/2)}}return n}function N(t,n){void 0===n&&(n={});var e=n.placement,a=void 0===e?t.placement:e,f=n.boundary,s=void 0===f?"clippingParents":f,c=n.rootBoundary,p=void 0===c?"viewport":c,v=n.elementContext,b=void 0===v?"popper":v,g=n.altBoundary,x=void 0!==g&&g,M=n.padding,C=void 0===M?0:M,q=R("number"!=typeof C?C:W(C,u)),E=t.rects.popper,B=t.elements[x?"popper"===b?"reference":"popper":b],S=function(t,n,e){var r="clippingParents"===n?function(t){var n=U(P(t)),e=["absolute","fixed"].indexOf(j(t).position)>=0&&h(t)?A(t):t;return d(e)?n.filter((function(t){return d(t)&&O(t,e)&&"body"!==l(t)})):[]}(t):[].concat(n),i=[].concat(r,[e]),o=i.reduce((function(n,e){var r=J(t,e);return n.top=m(r.top,n.top),n.right=y(r.right,n.right),n.bottom=y(r.bottom,n.bottom),n.left=m(r.left,n.left),n}),J(t,i[0]));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}(d(B)?B:B.contextElement||k(t.elements.popper),s,p),L=w(t.elements.reference),I=K({reference:L,element:E,strategy:"absolute",placement:a}),T=G(Object.assign({},E,I)),z="popper"===b?T:L,F={top:S.top-z.top+q.top,bottom:z.bottom-S.bottom+q.bottom,left:S.left-z.left+q.left,right:z.right-S.right+q.right},H=t.modifiersData.offset;if("popper"===b&&H){var V=H[a];Object.keys(F).forEach((function(t){var n=[o,i].indexOf(t)>=0?1:-1,e=[r,i].indexOf(t)>=0?"y":"x";F[t]+=V[e]*n}))}return F}function Q(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,i=n.padding,o=n.flipVariations,a=n.allowedAutoPlacements,c=void 0===a?s:a,l=B(n.placement),p=l?o?f:f.filter((function(t){return B(t)===l})):u,d=p.filter((function(t){return c.indexOf(t)>=0}));0===d.length&&(d=p);var h=d.reduce((function(n,o){return n[o]=N(t,{placement:o,boundary:e,rootBoundary:r,padding:i})[b(o)],n}),{});return Object.keys(h).sort((function(t,n){return h[t]-h[n]}))}function X(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function Y(t){return[r,o,i,a].some((function(n){return t[n]>=0}))}function Z(t,n,e){void 0===e&&(e=!1);var r,i,o=h(n),a=h(n)&&function(t){var n=t.getBoundingClientRect(),e=g(n.width)/t.offsetWidth||1,r=g(n.height)/t.offsetHeight||1;return 1!==e||1!==r}(n),u=k(n),f=w(t,a),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!e)&&(("body"!==l(n)||$(u))&&(s=(r=n)!==p(r)&&h(r)?{scrollLeft:(i=r).scrollLeft,scrollTop:i.scrollTop}:V(r)),h(n)?((c=w(n,!0)).x+=n.clientLeft,c.y+=n.clientTop):u&&(c.x=D(u))),{x:f.left+s.scrollLeft-c.x,y:f.top+s.scrollTop-c.y,width:f.width,height:f.height}}function tt(t){var n=new Map,e=new Set,r=[];function i(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&i(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||i(t)})),r}var nt={placement:"bottom",modifiers:[],strategy:"absolute"};function et(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function rt(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,i=void 0===r?nt:r;return function(t,n,r){void 0===r&&(r=i);var o,a,u={placement:"bottom",orderedModifiers:[],options:Object.assign({},nt,i),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},f=[],s=!1,l={state:u,setOptions:function(r){var o="function"==typeof r?r(u.options):r;p(),u.options=Object.assign({},i,u.options,o),u.scrollParents={reference:d(t)?U(t):t.contextElement?U(t.contextElement):[],popper:U(n)};var a,s,h=function(t){var n=tt(t);return c.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((a=[].concat(e,u.options.modifiers),s=a.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return u.orderedModifiers=h.filter((function(t){return t.enabled})),u.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:u,name:t.name,instance:l,options:void 0===n?{}:n});f.push(r||function(){})}})),l.update()},forceUpdate:function(){if(!s){var t=u.elements,n=t.reference,e=t.popper;if(et(n,e)){u.rects={reference:Z(n,A(e),"fixed"===u.options.strategy),popper:x(e)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach((function(t){return u.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<u.orderedModifiers.length;r++)if(!0!==u.reset){var i=u.orderedModifiers[r],o=i.fn,a=i.options;"function"==typeof o&&(u=o({state:u,options:void 0===a?{}:a,name:i.name,instance:l})||u)}else u.reset=!1,r=-1}}},update:(o=function(){return new Promise((function(t){l.forceUpdate(),t(u)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){p(),s=!0}};if(!et(t,n))return l;function p(){f.forEach((function(t){return t()})),f=[]}return l.setOptions(r).then((function(t){!s&&r.onFirstUpdate&&r.onFirstUpdate(t)})),l}}var it=rt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,i=r.scroll,o=void 0===i||i,a=r.resize,u=void 0===a||a,f=p(n.elements.popper),s=[].concat(n.scrollParents.reference,n.scrollParents.popper);return o&&s.forEach((function(t){t.addEventListener("scroll",e.update,I)})),u&&f.addEventListener("resize",e.update,I),function(){o&&s.forEach((function(t){t.removeEventListener("scroll",e.update,I)})),u&&f.removeEventListener("resize",e.update,I)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=K({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,i=void 0===r||r,o=e.adaptive,a=void 0===o||o,u=e.roundOffsets,f=void 0===u||u,s={placement:b(n.placement),variation:B(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:i,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,L(Object.assign({},s,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,L(Object.assign({},s,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},i=n.elements[t];h(i)&&l(i)&&(Object.assign(i.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?i.removeAttribute(t):i.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],i=n.attributes[t]||{},o=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});h(r)&&l(r)&&(Object.assign(r.style,o),Object.keys(i).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.name,i=t.options.offset,u=void 0===i?[0,0]:i,f=s.reduce((function(t,e){return t[e]=function(t,n,e){var i=b(t),u=[a,r].indexOf(i)>=0?-1:1,f="function"==typeof e?e(Object.assign({},n,{placement:t})):e,s=f[0],c=f[1];return s=s||0,c=(c||0)*u,[a,o].indexOf(i)>=0?{x:c,y:s}:{x:s,y:c}}(e,n.rects,u),t}),{}),c=f[n.placement],l=c.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=c.x,n.modifiersData.popperOffsets.y+=l),n.modifiersData[e]=f}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,u=t.name;if(!n.modifiersData[u]._skip){for(var f=e.mainAxis,s=void 0===f||f,c=e.altAxis,l=void 0===c||c,p=e.fallbackPlacements,d=e.padding,h=e.boundary,v=e.rootBoundary,m=e.altBoundary,y=e.flipVariations,g=void 0===y||y,w=e.allowedAutoPlacements,x=n.options.placement,O=b(x),j=p||(O!==x&&g?function(t){if("auto"===b(t))return[];var n=z(t);return[H(t),n,H(n)]}(x):[z(x)]),M=[x].concat(j).reduce((function(t,e){return t.concat("auto"===b(e)?Q(n,{placement:e,boundary:h,rootBoundary:v,padding:d,flipVariations:g,allowedAutoPlacements:w}):e)}),[]),k=n.rects.reference,P=n.rects.popper,C=new Map,A=!0,q=M[0],E=0;E<M.length;E++){var R=M[E],W=b(R),S="start"===B(R),L=[r,i].indexOf(W)>=0,I=L?"width":"height",T=N(n,{placement:R,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),F=L?S?o:a:S?i:r;k[I]>P[I]&&(F=z(F));var V=z(F),D=[];if(s&&D.push(T[W]<=0),l&&D.push(T[F]<=0,T[V]<=0),D.every((function(t){return t}))){q=R,A=!1;break}C.set(R,D)}if(A)for(var $=function(t){var n=M.find((function(n){var e=C.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return q=n,"break"},_=g?3:1;_>0&&"break"!==$(_);_--);n.placement!==q&&(n.modifiersData[u]._skip=!0,n.placement=q,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,u=t.name,f=e.mainAxis,s=void 0===f||f,c=e.altAxis,l=void 0!==c&&c,p=e.tether,d=void 0===p||p,h=e.tetherOffset,v=void 0===h?0:h,g=N(n,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),w=b(n.placement),O=B(n.placement),j=!O,M=q(w),k="x"===M?"y":"x",P=n.modifiersData.popperOffsets,C=n.rects.reference,R=n.rects.popper,W="function"==typeof v?v(Object.assign({},n.rects,{placement:n.placement})):v,S="number"==typeof W?{mainAxis:W,altAxis:W}:Object.assign({mainAxis:0,altAxis:0},W),L=n.modifiersData.offset?n.modifiersData.offset[n.placement]:null,I={x:0,y:0};if(P){if(s){var T,z="y"===M?r:a,F="y"===M?i:o,H="y"===M?"height":"width",V=P[M],D=V+g[z],$=V-g[F],_=d?-R[H]/2:0,U="start"===O?C[H]:R[H],G="start"===O?-R[H]:-C[H],J=n.elements.arrow,K=d&&J?x(J):{width:0,height:0},Q=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[z],Y=Q[F],Z=E(0,C[H],K[H]),tt=j?C[H]/2-_-Z-X-S.mainAxis:U-Z-X-S.mainAxis,nt=j?-C[H]/2+_+Z+Y+S.mainAxis:G+Z+Y+S.mainAxis,et=n.elements.arrow&&A(n.elements.arrow),rt=null!=(T=null==L?void 0:L[M])?T:0,it=V+nt-rt,ot=E(d?y(D,V+tt-rt-(et?"y"===M?et.clientTop||0:et.clientLeft||0:0)):D,V,d?m($,it):$);P[M]=ot,I[M]=ot-V}if(l){var at,ut=P[k],ft="y"===k?"height":"width",st=ut+g["x"===M?r:a],ct=ut-g["x"===M?i:o],lt=-1!==[r,a].indexOf(w),pt=null!=(at=null==L?void 0:L[k])?at:0,dt=lt?st:ut-C[ft]-R[ft]-pt+S.altAxis,ht=lt?ut+C[ft]+R[ft]-pt-S.altAxis:ct,vt=d&&lt?function(t,n,e){var r=E(t,n,e);return r>e?e:r}(dt,ut,ht):E(d?dt:st,ut,d?ht:ct);P[k]=vt,I[k]=vt-ut}n.modifiersData[u]=I}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,f=t.name,s=t.options,c=e.elements.arrow,l=e.modifiersData.popperOffsets,p=b(e.placement),d=q(p),h=[a,o].indexOf(p)>=0?"height":"width";if(c&&l){var v=function(t,n){return R("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:W(t,u))}(s.padding,e),m=x(c),y="y"===d?r:a,g="y"===d?i:o,w=e.rects.reference[h]+e.rects.reference[d]-l[d]-e.rects.popper[h],O=l[d]-e.rects.reference[d],j=A(c),M=j?"y"===d?j.clientHeight||0:j.clientWidth||0:0,k=M/2-m[h]/2+(w/2-O/2),P=E(v[y],k,M-m[h]-v[g]);e.modifiersData[f]=((n={})[d]=P,n.centerOffset=P-k,n)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&O(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,i=n.rects.popper,o=n.modifiersData.preventOverflow,a=N(n,{elementContext:"reference"}),u=N(n,{altBoundary:!0}),f=X(a,r),s=X(u,i,o),c=Y(f),l=Y(s);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:l},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":l})}}]});const ot=class{constructor(n){t(this,n),this.openDirection="bottom",this.position="absolute",this.containerStyle={},this.parent=document.body,this.inheritParentWidth=!1,this.visible=!1,this.loaded=!1,this.parents=new WeakMap}onVisible(){if(!this.visible)return this.hideContainer(),this.styleContainer(),void this.destroyPopper();this.styleContainer(),this.createPopper(),requestAnimationFrame((()=>{this.showContainer()}))}disconnectedCallback(){this.removeContainer(),this.destroyPopper(),this.observer&&this.observer.unobserve(this.container)}connectedCallback(){this.loaded&&(this.createContainer(),this.hideContainer(),this.attachContainer(),this.styleContainer(),this.visible&&(this.createPopper(),this.showContainer()),"ResizeObserver"in window)&&new ResizeObserver((()=>{this.popperInstance&&(this.styleContainer(),this.popperInstance.update())})).observe(this.container)}componentDidLoad(){this.loaded=!0,this.connectedCallback()}render(){return n("slot",null)}createContainer(){const t=this.host.shadowRoot.querySelector("slot"),n=t.assignedElements&&t.assignedElements()||[];this.container=document.createElement("div"),this.container.setAttribute("id",this.containerId),this.container.setAttribute("class","limel-portal--container"),Object.assign(this.container,{portalSource:this.host}),n.forEach((t=>{this.parents.set(t,t.parentElement),this.container.appendChild(t)}))}attachContainer(){this.parent.appendChild(this.container)}removeContainer(){this.container&&(Array.from(this.container.children).forEach((t=>{const n=this.parents.get(t);n&&n.appendChild(t)})),this.hideContainer(),this.container.parentElement.removeChild(this.container))}hideContainer(){this.container.style.opacity="0"}showContainer(){this.container.style.opacity="1"}styleContainer(){const t=this.host.getBoundingClientRect().width;if(this.container.style.display=this.visible?"block":"none",this.inheritParentWidth){let n=this.getContentWidth(this.container);t>0&&(n=t),this.container.style.width=`${n}px`}this.ensureContainerFitsInViewPort(),Object.keys(this.containerStyle).forEach((t=>{this.container.style[t]=this.containerStyle[t]}))}getContentWidth(t){if(!t)return null;const n=t.getBoundingClientRect().width;if(0!==n)return n;const e=t.querySelector("*");return this.getContentWidth(e)}createPopper(){const t=this.createPopperConfig();this.popperInstance=it(this.host,this.container,t)}destroyPopper(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy(),this.popperInstance=null}createPopperConfig(){const t=this.getPlacement(this.openDirection),n=this.getFlipPlacement(this.openDirection);return{strategy:this.position,placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:[n]}}]}}getPlacement(t){return{"left-start":"left-start",left:"left","left-end":"left-end","right-start":"right-start",right:"right","right-end":"right-end","top-start":"top-start",top:"top","top-end":"top-end","bottom-start":"bottom-start",bottom:"bottom","bottom-end":"bottom-end"}[t]}getFlipPlacement(t){return{"left-start":"right-start",left:"right","left-end":"right-end","right-start":"left-start",right:"left","right-end":"left-end","top-start":"bottom-start",top:"bottom","top-end":"bottom-end","bottom-start":"top-start",bottom:"top","bottom-end":"top-end"}[t]}ensureContainerFitsInViewPort(){const t=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0),{top:n,bottom:e}=this.host.getBoundingClientRect(),r=Math.max(n,0),i=Math.max(t-e,0),o=Math.max(r,i)-16;this.container.style.maxHeight=`${o}px`}get host(){return e(this)}static get watchers(){return{visible:["onVisible"]}}};ot.style=":host(limel-portal){display:block;position:absolute;top:0;bottom:0;width:100%;pointer-events:none}:host([hidden]){display:none}";export{ot as limel_portal}

package/dist/lime-elements/p-b9af1b40.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as o}from"./p-e9a95b8f.js";import{c as i}from"./p-6c094f3f.js";const s=class{constructor(o){t(this,o),this.interact=e(this,"interact",7),this.close=e(this,"close",7),this.expanded=!1,this.useMobileLayout=!1,this.isOpen=!1,this.openPopover=t=>{t.stopPropagation(),this.isOpen=!0},this.onPopoverClose=()=>{this.isOpen=!1,this.close.emit()},this.handleClick=t=>{t.stopPropagation(),this.interact.emit(this.item)},this.tooltipId=i()}render(){var t,e;return(null===(e=null===(t=this.item)||void 0===t?void 0:t.dockMenu)||void 0===e?void 0:e.componentName)?this.renderPopover():this.renderButton(this.handleClick)}renderPopover(){var t;const e=null===(t=this.item)||void 0===t?void 0:t.dockMenu.componentName;return o("limel-popover",{openDirection:this.useMobileLayout?"top":"right",open:this.isOpen||this.item.dockMenu.menuOpen,onClose:this.onPopoverClose},this.renderButton(this.openPopover,"trigger"),o(e,Object.assign({},this.item.dockMenu.props||{},{onClose:this.onPopoverClose})))}renderButton(t,e){var i;return o("button",{slot:e,tabindex:"0",id:this.tooltipId,type:"button",class:{button:!0,selected:null===(i=this.item)||void 0===i?void 0:i.selected},onClick:t},this.renderIcon(),this.renderLabel(),this.renderTooltip())}renderIcon(){if(this.item.icon)return o("limel-icon",{name:this.item.icon,class:"icon"})}renderLabel(){if(this.expanded)return o("span",{class:"text"},this.item.label)}renderTooltip(){return!this.expanded&&this.item.label?o("limel-tooltip",{elementId:this.tooltipId,label:this.item.label,helperLabel:this.item.helperLabel}):this.expanded&&this.item.helperLabel?o("limel-tooltip",{elementId:this.tooltipId,label:this.item.helperLabel}):void 0}};s.style=".button{all:unset;box-sizing:border-box;display:flex;align-items:center;position:relative;width:100%;height:var(--dock-item-height);border-radius:0.375rem;font-size:0.875rem;padding:0 0.5rem;min-width:var(--dock-item-height);color:var(--limel-dock-item-text-color);background-color:var(--dock-background-color)}.button:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.dock-item:not(.selected) .button:not(.disabled){cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out}.dock-item:not(.selected) .button:not(.disabled):hover{box-shadow:var(--button-shadow-hovered)}.dock-item:not(.selected) .button:not(.disabled):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.button:hover{z-index:1}.button.selected{color:var(--limel-dock-item-text-color--selected);background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)));box-shadow:var(--button-shadow-inset)}.button.selected .icon{color:var(--limel-dock-item-text--selected)}limel-popover{display:grid}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:0.5rem;padding-right:0.75rem}.icon{flex-shrink:0;width:calc(var(--dock-item-height) - 1rem);height:calc(var(--dock-item-height) - 1rem);color:var(--dock-item-icon-color--deselected, var(--limel-dock-item-text-color))}";export{s as limel_dock_button}

package/dist/lime-elements/p-bd098a11.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as o,g as i}from"./p-e9a95b8f.js";import{c as r}from"./p-6c094f3f.js";import{b as s}from"./p-216ffe20.js";import{z as l}from"./p-7cda574b.js";import"./p-b28128d2.js";import"./p-5fdb83c9.js";import"./p-4c3358cb.js";import"./p-eda23c05.js";import"./p-c93050d6.js";function a(t,e){var o;if(t.contains(e)||(null===(o=t.shadowRoot)||void 0===o?void 0:o.contains(e)))return!0;const i=function(t){const e=t.closest(".limel-portal--container");return e?e.portalSource:t.getRootNode().host}(e);return!!i&&a(t,i)}const n=class{constructor(o){t(this,o),this.close=e(this,"close",7),this.open=!1,this.handleGlobalKeyPress=t=>{t.key===s&&(t.stopPropagation(),t.preventDefault(),this.close.emit())},this.portalId=r(),this.globalClickListener=this.globalClickListener.bind(this)}watchOpen(){this.setupGlobalHandlers()}componentWillLoad(){this.setupGlobalHandlers()}setupGlobalHandlers(){this.open?(document.addEventListener("click",this.globalClickListener,{capture:!0}),document.addEventListener("keyup",this.handleGlobalKeyPress)):(document.removeEventListener("click",this.globalClickListener),document.removeEventListener("keyup",this.handleGlobalKeyPress))}render(){const t=this.getCssProperties(),e=getComputedStyle(this.host).getPropertyValue("--popover-z-index");return o("div",{class:"trigger-anchor"},o("slot",{name:"trigger"}),o("limel-portal",{visible:this.open,containerId:this.portalId,containerStyle:{"z-index":e},openDirection:this.openDirection},o("limel-popover-surface",{contentCollection:this.host.children,style:t})))}globalClickListener(t){const e=a(this.host,t.target);this.open&&!e&&(t.stopPropagation(),t.preventDefault(),this.close.emit())}getCssProperties(){const t=["--popover-surface-width","--popover-body-background-color","--popover-border-radius"],e=getComputedStyle(this.host),o=t.map((t=>e.getPropertyValue(t)));return l(t,o)}get host(){return i(this)}static get watchers(){return{open:["watchOpen"]}}};n.style=".trigger-anchor{display:inline-block;position:relative}";const c=class{constructor(e){t(this,e)}componentDidLoad(){this.appendElement()}render(){return o("div",{class:"limel-popover-surface",tabindex:"0"})}appendElement(){const t=this.host.shadowRoot.querySelector(".limel-popover-surface");Array.from(this.contentCollection).forEach((e=>{"trigger"!==e.slot&&t.appendChild(e)}))}get host(){return i(this)}};c.style='.limel-popover-surface{position:relative;display:flex;flex-direction:column;width:var(--popover-surface-width, auto);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);margin:0 0.25rem;border-radius:var(--popover-border-radius, 0.75rem);box-shadow:var(--shadow-depth-16);backdrop-filter:blur(0.3125rem);-webkit-backdrop-filter:blur(0.3125rem)}.limel-popover-surface:after{transition:opacity 0.4s ease;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0.75;border-radius:var(--popover-border-radius, 0.75rem);background-color:var(--popover-body-background-color, rgb(var(--contrast-100)))}.limel-popover-surface:focus,.limel-popover-surface:focus-within{outline:none}.limel-popover-surface:focus:after,.limel-popover-surface:focus-within:after{opacity:1}.limel-popover-surface:focus-visible{box-shadow:var(--shadow-depth-16-focused)}';const h=class{constructor(e){t(this,e),this.maxlength=50,this.showTooltip=()=>{this.showTooltipTimeoutHandle=window.setTimeout((()=>{this.open=!0}),500)},this.hideTooltip=()=>{clearTimeout(this.showTooltipTimeoutHandle),this.open=!1},this.portalId=r(),this.tooltipId=r()}connectedCallback(){this.setOwnerAriaLabel(),this.addListeners()}disconnectedCallback(){this.removeListeners()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return o("div",{class:"trigger-anchor"},o("limel-portal",{openDirection:"bottom-start",visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"}},o("limel-tooltip-content",{label:this.label,helperLabel:this.helperLabel,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open,id:this.tooltipId})))}setOwnerAriaLabel(){const t=this.getOwnerElement();null==t||t.setAttribute("aria-describedby",this.tooltipId)}addListeners(){const t=this.getOwnerElement();null==t||t.addEventListener("mouseover",this.showTooltip),null==t||t.addEventListener("mouseout",this.hideTooltip),null==t||t.addEventListener("click",this.hideTooltip)}removeListeners(){const t=this.getOwnerElement();null==t||t.removeEventListener("mouseover",this.showTooltip),null==t||t.removeEventListener("mouseout",this.hideTooltip),null==t||t.removeEventListener("click",this.hideTooltip)}getOwnerElement(){var t;let e=this.host;do{e=e.parentNode}while(e&&e.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&e.nodeType!==Node.DOCUMENT_NODE);return null===(t=e)||void 0===t?void 0:t.getElementById(this.elementId)}get host(){return i(this)}};h.style=".trigger-anchor{position:relative}";const p=class{constructor(e){t(this,e)}render(){let t=!1;this.helperLabel&&this.maxlength&&(t=this.label.length+this.helperLabel.length>this.maxlength);const e={};return this.maxlength&&(e.style={"--tooltip-max-width-of-text":`${this.maxlength}ch`}),[o("text",Object.assign({class:{"has-column-layout":t}},e),o("div",{class:"label"},this.label),o("div",{class:"helper-label"},this.helperLabel))]}};p.style=":host{animation:display-tooltip 0.2s ease;display:flex;border-radius:0.25rem;padding:0.25rem 0.5rem;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16)}text{font-size:0.875rem;line-height:1.25;display:flex;column-gap:1rem}text.has-column-layout{display:table-cell;width:fit-content;max-width:min(var(--tooltip-max-width-of-text), 80vw)}text.has-column-layout .label{padding-bottom:0.5rem}text.has-column-layout .helper-label{padding-bottom:0.25rem}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}.helper-label:empty{display:none}@keyframes display-tooltip{0%{opacity:0;transform:translate3d(0, 0, 0) scale(0.94)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";export{n as limel_popover,c as limel_popover_surface,h as limel_tooltip,p as limel_tooltip_content}

package/dist/lime-elements/p-fabea4b5.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as o,H as i}from"./p-e9a95b8f.js";const s=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.dockItems=[],this.dockFooterItems=[],this.expanded=!1,this.allowResize=!0,this.mobileBreakPoint=700,this.useMobileLayout=!1,this.renderSeparator=()=>this.useMobileLayout?null:o("span",{class:"footer-separator"}),this.renderDockItem=e=>o("limel-dock-button",{class:{"dock-item":!0,selected:e.selected},item:e,expanded:this.expanded&&!this.useMobileLayout,useMobileLayout:this.useMobileLayout,onInteract:this.handleDockItemClick}),this.handleDockItemClick=e=>{e.detail.selected||this.itemSelected.emit(e.detail)},this.handleResize=()=>{this.useMobileLayout=window.innerWidth<=this.mobileBreakPoint},this.toggleDockWidth=()=>{this.expanded=!this.expanded}}componentDidLoad(){this.resizeObserver=new ResizeObserver(this.handleResize),this.resizeObserver.observe(document.body)}disconnectedCallback(){this.resizeObserver.disconnect()}render(){return o(i,{class:{dock:!0,expanded:this.expanded,"has-mobile-layout":this.useMobileLayout}},o("nav",{"aria-label":this.accessibleLabel},this.dockItems.map(this.renderDockItem),this.renderSeparator(),this.dockFooterItems.map(this.renderDockItem)),this.renderExpandShrinkToggle())}renderExpandShrinkToggle(){if(!this.useMobileLayout&&this.allowResize)return o("button",{class:{"expand-shrink":!0,expanded:this.expanded},onClick:this.toggleDockWidth},o("limel-icon",{name:"angle_right"}))}};s.style=":host(limel-dock){--dock-item-height:2.75rem;--dock-padding:0.25rem;--dock-expand-shrink-button-height:1rem;--limel-dock-item-text-color:var(\n      --dock-item-text-color--deselected,\n      rgb(var(--contrast-1100))\n  );--limel-dock-item-text-color--selected:var(\n      --dock-item-text-color--selected,\n      rgb(var(--contrast-1300))\n  );isolation:isolate;position:relative;display:inline-flex;flex-direction:column;background-color:var(--dock-background-color, rgb(var(--contrast-100)));box-shadow:0.1875rem 0 0.375rem -0.125rem rgba(var(--color-black), 0.15), 0.1875rem 0 0.625rem -0.125rem rgba(var(--color-black), 0.05)}:host(limel-dock:not(.has-mobile-layout)){height:100%;width:calc(var(--dock-padding) * 2 + var(--dock-item-height))}:host(limel-dock.expanded){width:var(--dock-expanded-max-width, max-content)}.footer-separator{margin-top:auto;justify-self:flex-end}nav{box-sizing:border-box;display:inline-flex;flex-direction:column;gap:0.375rem;flex-grow:1;padding:var(--dock-padding);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}:host(limel-dock.has-mobile-layout) nav{justify-content:space-between;flex-direction:row}.expand-shrink{all:unset;box-sizing:border-box;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;display:flex;justify-content:center;align-items:center;height:var(--dock-expand-shrink-button-height);padding:0 0.5rem;margin:var(--dock-padding);border-radius:0.375rem}.expand-shrink:hover{box-shadow:var(--button-shadow-hovered)}.expand-shrink:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.expand-shrink.expanded{justify-content:flex-end}.expand-shrink.expanded limel-icon{transform:rotateY(180deg)}.expand-shrink:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.expand-shrink limel-icon{width:calc(var(--dock-expand-shrink-button-height) - 0.25rem);color:var(--dock-item-icon-color--deselected, var(--button-text))}";export{s as limel_dock}

package/dist/types/components/dock/dock-button/dock-button.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { DockItem } from '../dock.types';
+/**
+ * @private
+ */
+export declare class DockButton {
+  /**
+   * @inheritdoc
+   */
+  item: DockItem;
+  /**
+   * @inheritdoc
+   */
+  expanded?: boolean;
+  /**
+   * @inheritdoc
+   */
+  useMobileLayout?: boolean;
+  /**
+   * Fired when clicking on the flow item.
+   */
+  private interact;
+  private isOpen;
+  close: EventEmitter<void>;
+  private tooltipId;
+  constructor();
+  render(): any;
+  private renderPopover;
+  private renderButton;
+  private openPopover;
+  private onPopoverClose;
+  private handleClick;
+  private renderIcon;
+  private renderLabel;
+  private renderTooltip;
+}

package/dist/types/components/dock/dock.d.ts

@@ -0,0 +1,71 @@
+import { DockItem } from './dock.types';
+/**
+ * @exampleComponent limel-example-dock-basic
+ * @exampleComponent limel-example-dock-custom-component
+ * @exampleComponent limel-example-dock-mobile
+ * @exampleComponent limel-example-dock-expanded
+ * @exampleComponent limel-example-dock-colors-css
+ * @private
+ */
+export declare class Dock {
+  /**
+   * Items that are placed in the dock.
+   */
+  dockItems: DockItem[];
+  /**
+   * Items that are placed at the bottom of the dock. (Or at the end in mobile
+   * layout.)
+   */
+  dockFooterItems?: DockItem[];
+  /**
+   * A label used to describe the purpose of the navigation element to users
+   * of assistive technologies, like screen readers. Especially useful when
+   * there are multiple navigation elements in the user interface.
+   * Example value: "Primary navigation"
+   */
+  accessibleLabel?: string;
+  /**
+   * Defines the width of the component, when it loads.
+   * - `true`: shows both icons and labels of the Dock items.
+   * - `false`: only shows icons of the doc items, and displays
+   * their labels as tooltip.
+   *
+   * Note: when `useMobileLayout` is `true`, labels will always
+   * be shown as tooltips. Read more below…
+   */
+  expanded?: boolean;
+  /**
+   * Set to `false` if you do not want to allow end-users
+   * to exapnd or shrink the Dock. This will hide the
+   * expand/shrink button, and the only things that defines
+   * the layout will be the `expanded` property, and
+   * the `mobileBreakPoint`.
+   */
+  allowResize?: boolean;
+  /**
+   * Defines the breakpoint in pixles, at which the component will be rendered
+   * in a hoizontal layout. Default breakpoint is `700` pixels, which means
+   * when the screen size is smaller than `700px`, the component will automatically
+   * switch to a horizontal layout.
+   */
+  mobileBreakPoint?: number;
+  /**
+   * Fired when a Dock item has been selected from the dock.
+   */
+  private itemSelected;
+  /**
+   * Is used to render the component horizontally, and place
+   * the Dock items in a row.
+   */
+  private useMobileLayout;
+  private resizeObserver;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+  private renderSeparator;
+  private renderDockItem;
+  private handleDockItemClick;
+  private handleResize;
+  private renderExpandShrinkToggle;
+  private toggleDockWidth;
+}

package/dist/types/components/dock/dock.types.d.ts

@@ -0,0 +1,53 @@
+export interface DockItem {
+  /**
+   * A non-changing value to uniquely identify each item.
+   */
+  id: string;
+  /**
+   * Text to display for the item.
+   */
+  label: string;
+  /**
+   * Name of the icon to use.
+   */
+  icon: string;
+  /**
+   * Additional helper text for the dock item.
+   * Example usage can be a keyboard shortcut to activate the dock item.
+   */
+  helperLabel?: string;
+  /**
+   * Whether the dock item should indicate it is selected.
+   * These dock items normally take the user to a top-level location within
+   * the navigation tree; for example "Home", "Search" or "My Account".
+   * Set `selected` to `true`, when:
+   * - the user interface is showing the same top-level location as the dock
+   * item is pointing at, or
+   * - the user interface is showing a page which is a sub-location of the
+   * top-level location. For example, when user is at
+   * _My Account > Notification Settings_, the dock item of _My Account_
+   * should have the `selected` state.
+   */
+  selected?: boolean;
+  /**
+   * Used to specify a custom component to render as a menu for the dock item.
+   */
+  dockMenu?: DockMenu;
+}
+export interface DockMenu {
+  /**
+   * The tag name of a custom component to be displayed in a popover when
+   * clicking on the dock item this menu belongs to.
+   */
+  componentName: string;
+  /**
+   * Whether the menu is open.
+   */
+  menuOpen?: boolean;
+  /**
+   * Any properties that should be set on the custom component.
+   */
+  props?: {
+    [key: string]: any;
+  };
+}

package/dist/types/components.d.ts

@@ -10,6 +10,7 @@ import { Action as Action1, Chip, ClosingActions, DateType, DialogHeading, FileI
 import { CircularProgressSize } from "./components/circular-progress/circular-progress.types";
 import { ColorScheme, Language } from "./components/code-editor/code-editor.types";
 import { Action } from "./components/collapsible-section/action";
+import { DockItem } from "./components/dock/dock.types";
 import { FormError, ValidationError, ValidationStatus } from "./components/form/form.types";
 import { IconSize } from "./components/icon/icon.types";
 import { InputType } from "./components/input-field/input-field.types";
@@ -359,6 +360,46 @@ export namespace Components {
          */
         "open": boolean;
     }
+    interface LimelDock {
+        /**
+          * A label used to describe the purpose of the navigation element to users of assistive technologies, like screen readers. Especially useful when there are multiple navigation elements in the user interface. Example value: "Primary navigation"
+         */
+        "accessibleLabel"?: string;
+        /**
+          * Set to `false` if you do not want to allow end-users to exapnd or shrink the Dock. This will hide the expand/shrink button, and the only things that defines the layout will be the `expanded` property, and the `mobileBreakPoint`.
+         */
+        "allowResize"?: boolean;
+        /**
+          * Items that are placed at the bottom of the dock. (Or at the end in mobile layout.)
+         */
+        "dockFooterItems"?: DockItem[];
+        /**
+          * Items that are placed in the dock.
+         */
+        "dockItems": DockItem[];
+        /**
+          * Defines the width of the component, when it loads. - `true`: shows both icons and labels of the Dock items. - `false`: only shows icons of the doc items, and displays their labels as tooltip.  Note: when `useMobileLayout` is `true`, labels will always be shown as tooltips. Read more below…
+         */
+        "expanded"?: boolean;
+        /**
+          * Defines the breakpoint in pixles, at which the component will be rendered in a hoizontal layout. Default breakpoint is `700` pixels, which means when the screen size is smaller than `700px`, the component will automatically switch to a horizontal layout.
+         */
+        "mobileBreakPoint"?: number;
+    }
+    interface LimelDockButton {
+        /**
+          * @inheritdoc
+         */
+        "expanded"?: boolean;
+        /**
+          * @inheritdoc
+         */
+        "item": DockItem;
+        /**
+          * @inheritdoc
+         */
+        "useMobileLayout"?: boolean;
+    }
     interface LimelFile {
         /**
           * The [accepted file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)
@@ -1156,6 +1197,18 @@ declare global {
         prototype: HTMLLimelDialogElement;
         new (): HTMLLimelDialogElement;
     };
+    interface HTMLLimelDockElement extends Components.LimelDock, HTMLStencilElement {
+    }
+    var HTMLLimelDockElement: {
+        prototype: HTMLLimelDockElement;
+        new (): HTMLLimelDockElement;
+    };
+    interface HTMLLimelDockButtonElement extends Components.LimelDockButton, HTMLStencilElement {
+    }
+    var HTMLLimelDockButtonElement: {
+        prototype: HTMLLimelDockButtonElement;
+        new (): HTMLLimelDockButtonElement;
+    };
     interface HTMLLimelFileElement extends Components.LimelFile, HTMLStencilElement {
     }
     var HTMLLimelFileElement: {
@@ -1351,6 +1404,8 @@ declare global {
         "limel-config": HTMLLimelConfigElement;
         "limel-date-picker": HTMLLimelDatePickerElement;
         "limel-dialog": HTMLLimelDialogElement;
+        "limel-dock": HTMLLimelDockElement;
+        "limel-dock-button": HTMLLimelDockButtonElement;
         "limel-file": HTMLLimelFileElement;
         "limel-flatpickr-adapter": HTMLLimelFlatpickrAdapterElement;
         "limel-flex-container": HTMLLimelFlexContainerElement;
@@ -1764,6 +1819,55 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
     }
+    interface LimelDock {
+        /**
+          * A label used to describe the purpose of the navigation element to users of assistive technologies, like screen readers. Especially useful when there are multiple navigation elements in the user interface. Example value: "Primary navigation"
+         */
+        "accessibleLabel"?: string;
+        /**
+          * Set to `false` if you do not want to allow end-users to exapnd or shrink the Dock. This will hide the expand/shrink button, and the only things that defines the layout will be the `expanded` property, and the `mobileBreakPoint`.
+         */
+        "allowResize"?: boolean;
+        /**
+          * Items that are placed at the bottom of the dock. (Or at the end in mobile layout.)
+         */
+        "dockFooterItems"?: DockItem[];
+        /**
+          * Items that are placed in the dock.
+         */
+        "dockItems"?: DockItem[];
+        /**
+          * Defines the width of the component, when it loads. - `true`: shows both icons and labels of the Dock items. - `false`: only shows icons of the doc items, and displays their labels as tooltip.  Note: when `useMobileLayout` is `true`, labels will always be shown as tooltips. Read more below…
+         */
+        "expanded"?: boolean;
+        /**
+          * Defines the breakpoint in pixles, at which the component will be rendered in a hoizontal layout. Default breakpoint is `700` pixels, which means when the screen size is smaller than `700px`, the component will automatically switch to a horizontal layout.
+         */
+        "mobileBreakPoint"?: number;
+        /**
+          * Fired when a Dock item has been selected from the dock.
+         */
+        "onItemSelected"?: (event: CustomEvent<DockItem>) => void;
+    }
+    interface LimelDockButton {
+        /**
+          * @inheritdoc
+         */
+        "expanded"?: boolean;
+        /**
+          * @inheritdoc
+         */
+        "item": DockItem;
+        "onClose"?: (event: CustomEvent<void>) => void;
+        /**
+          * Fired when clicking on the flow item.
+         */
+        "onInteract"?: (event: CustomEvent<DockItem>) => void;
+        /**
+          * @inheritdoc
+         */
+        "useMobileLayout"?: boolean;
+    }
     interface LimelFile {
         /**
           * The [accepted file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)
@@ -2622,6 +2726,8 @@ declare namespace LocalJSX {
         "limel-config": LimelConfig;
         "limel-date-picker": LimelDatePicker;
         "limel-dialog": LimelDialog;
+        "limel-dock": LimelDock;
+        "limel-dock-button": LimelDockButton;
         "limel-file": LimelFile;
         "limel-flatpickr-adapter": LimelFlatpickrAdapter;
         "limel-flex-container": LimelFlexContainer;
@@ -2672,6 +2778,8 @@ declare module "@stencil/core" {
             "limel-config": LocalJSX.LimelConfig & JSXBase.HTMLAttributes<HTMLLimelConfigElement>;
             "limel-date-picker": LocalJSX.LimelDatePicker & JSXBase.HTMLAttributes<HTMLLimelDatePickerElement>;
             "limel-dialog": LocalJSX.LimelDialog & JSXBase.HTMLAttributes<HTMLLimelDialogElement>;
+            "limel-dock": LocalJSX.LimelDock & JSXBase.HTMLAttributes<HTMLLimelDockElement>;
+            "limel-dock-button": LocalJSX.LimelDockButton & JSXBase.HTMLAttributes<HTMLLimelDockButtonElement>;
             "limel-file": LocalJSX.LimelFile & JSXBase.HTMLAttributes<HTMLLimelFileElement>;
             "limel-flatpickr-adapter": LocalJSX.LimelFlatpickrAdapter & JSXBase.HTMLAttributes<HTMLLimelFlatpickrAdapterElement>;
             "limel-flex-container": LocalJSX.LimelFlexContainer & JSXBase.HTMLAttributes<HTMLLimelFlexContainerElement>;

package/dist/types/interface.d.ts

@@ -20,3 +20,4 @@ export * from './components/spinner/spinner.types';
 export * from './components/tab-bar/tab.types';
 export * from './components/tab-panel/tab-panel.types';
 export * from './components/table/table.types';
+export * from './components/dock/dock.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "36.0.0-next.6",
+  "version": "36.0.0-next.7",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

package/dist/cjs/limel-popover-surface.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2a28697b.js');
-
-const popoverSurfaceCss = ".limel-popover-surface{position:relative;display:flex;flex-direction:column;width:var(--popover-surface-width, auto);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);margin:0 0.25rem;border-radius:var(--popover-border-radius, 0.75rem);box-shadow:var(--shadow-depth-16);backdrop-filter:blur(0.3125rem);-webkit-backdrop-filter:blur(0.3125rem)}.limel-popover-surface:after{transition:opacity 0.4s ease;pointer-events:none;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0.75;border-radius:var(--popover-border-radius, 0.75rem);background-color:var(--popover-body-background-color, rgb(var(--contrast-100)))}.limel-popover-surface:focus,.limel-popover-surface:focus-within{outline:none}.limel-popover-surface:focus:after,.limel-popover-surface:focus-within:after{opacity:1}.limel-popover-surface:focus-visible{box-shadow:var(--shadow-depth-16-focused)}";
-
-const PopoverSurface = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  componentDidLoad() {
-    this.appendElement();
-  }
-  render() {
-    return index.h("div", { class: "limel-popover-surface", tabindex: "0" });
-  }
-  appendElement() {
-    const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');
-    Array.from(this.contentCollection).forEach((child) => {
-      if (child.slot === 'trigger') {
-        return;
-      }
-      portalContainer.appendChild(child);
-    });
-  }
-  get host() { return index.getElement(this); }
-};
-PopoverSurface.style = popoverSurfaceCss;
-
-exports.limel_popover_surface = PopoverSurface;

package/dist/cjs/limel-tooltip_2.cjs.entry.js

@@ -1,102 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2a28697b.js');
-const randomString = require('./random-string-4c3b7f1c.js');
-
-const tooltipCss = ".trigger-anchor{position:relative}";
-
-const DEFAULT_MAX_LENGTH = 50;
-const Tooltip = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * The maximum amount of characters before rendering 'label' and
-     * 'helperLabel' in two rows.
-     */
-    this.maxlength = DEFAULT_MAX_LENGTH;
-    this.showTooltip = () => {
-      const tooltipDelay = 500;
-      this.showTooltipTimeoutHandle = window.setTimeout(() => {
-        this.open = true;
-      }, tooltipDelay);
-    };
-    this.hideTooltip = () => {
-      clearTimeout(this.showTooltipTimeoutHandle);
-      this.open = false;
-    };
-    this.portalId = randomString.createRandomString();
-    this.tooltipId = randomString.createRandomString();
-  }
-  connectedCallback() {
-    this.setOwnerAriaLabel();
-    this.addListeners();
-  }
-  disconnectedCallback() {
-    this.removeListeners();
-  }
-  render() {
-    const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-    return (index.h("div", { class: "trigger-anchor" }, index.h("limel-portal", { openDirection: "bottom-start", visible: this.open, containerId: this.portalId, containerStyle: {
-        'z-index': tooltipZIndex,
-        'pointer-events': 'none',
-      } }, index.h("limel-tooltip-content", { label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
-  }
-  setOwnerAriaLabel() {
-    const owner = this.getOwnerElement();
-    owner === null || owner === void 0 ? void 0 : owner.setAttribute('aria-describedby', this.tooltipId);
-  }
-  addListeners() {
-    const owner = this.getOwnerElement();
-    owner === null || owner === void 0 ? void 0 : owner.addEventListener('mouseover', this.showTooltip);
-    owner === null || owner === void 0 ? void 0 : owner.addEventListener('mouseout', this.hideTooltip);
-    owner === null || owner === void 0 ? void 0 : owner.addEventListener('click', this.hideTooltip);
-  }
-  removeListeners() {
-    const owner = this.getOwnerElement();
-    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('mouseover', this.showTooltip);
-    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('mouseout', this.hideTooltip);
-    owner === null || owner === void 0 ? void 0 : owner.removeEventListener('click', this.hideTooltip);
-  }
-  getOwnerElement() {
-    var _a;
-    let element = this.host;
-    do {
-      element = element.parentNode;
-    } while (element &&
-      element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&
-      element.nodeType !== Node.DOCUMENT_NODE);
-    return (_a = element) === null || _a === void 0 ? void 0 : _a.getElementById(this.elementId);
-  }
-  get host() { return index.getElement(this); }
-};
-Tooltip.style = tooltipCss;
-
-const tooltipContentCss = ":host{animation:display-tooltip 0.2s ease;display:flex;border-radius:0.25rem;padding:0.25rem 0.5rem;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16)}text{font-size:0.875rem;line-height:1.25;display:flex;column-gap:1rem}text.has-column-layout{display:table-cell;width:fit-content;max-width:min(var(--tooltip-max-width-of-text), 80vw)}text.has-column-layout .label{padding-bottom:0.5rem}text.has-column-layout .helper-label{padding-bottom:0.25rem}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}.helper-label:empty{display:none}@keyframes display-tooltip{0%{opacity:0;transform:translate3d(0, 0, 0) scale(0.94)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";
-
-const TooltipContent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    let isLabelsTextLong = false;
-    if (this.helperLabel && this.maxlength) {
-      isLabelsTextLong =
-        this.label.length + this.helperLabel.length > this.maxlength;
-    }
-    const props = {};
-    if (this.maxlength) {
-      props.style = {
-        '--tooltip-max-width-of-text': `${this.maxlength}` + 'ch',
-      };
-    }
-    return [
-      index.h("text", Object.assign({ class: { 'has-column-layout': isLabelsTextLong } }, props), index.h("div", { class: "label" }, this.label), index.h("div", { class: "helper-label" }, this.helperLabel)),
-    ];
-  }
-};
-TooltipContent.style = tooltipContentCss;
-
-exports.limel_tooltip = Tooltip;
-exports.limel_tooltip_content = TooltipContent;

package/dist/esm/limel-popover-surface.entry.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-11cd0b60.js';
-
-const popoverSurfaceCss = ".limel-popover-surface{position:relative;display:flex;flex-direction:column;width:var(--popover-surface-width, auto);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);margin:0 0.25rem;border-radius:var(--popover-border-radius, 0.75rem);box-shadow:var(--shadow-depth-16);backdrop-filter:blur(0.3125rem);-webkit-backdrop-filter:blur(0.3125rem)}.limel-popover-surface:after{transition:opacity 0.4s ease;pointer-events:none;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0.75;border-radius:var(--popover-border-radius, 0.75rem);background-color:var(--popover-body-background-color, rgb(var(--contrast-100)))}.limel-popover-surface:focus,.limel-popover-surface:focus-within{outline:none}.limel-popover-surface:focus:after,.limel-popover-surface:focus-within:after{opacity:1}.limel-popover-surface:focus-visible{box-shadow:var(--shadow-depth-16-focused)}";
-
-const PopoverSurface = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentDidLoad() {
-    this.appendElement();
-  }
-  render() {
-    return h("div", { class: "limel-popover-surface", tabindex: "0" });
-  }
-  appendElement() {
-    const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');
-    Array.from(this.contentCollection).forEach((child) => {
-      if (child.slot === 'trigger') {
-        return;
-      }
-      portalContainer.appendChild(child);
-    });
-  }
-  get host() { return getElement(this); }
-};
-PopoverSurface.style = popoverSurfaceCss;
-
-export { PopoverSurface as limel_popover_surface };