@uplynk/lynk-design 1.16.0 → 1.17.0

package/cdn/chunks/chunk.MMJNMKTK.js

@@ -0,0 +1,355 @@
+import{a as o}from"./chunk.QRMWQQRW.js";var r=o`
+  :host {
+    display: block;
+  }
+
+  /** The popup */
+  .combobox {
+    flex: 1 1 auto;
+    display: inline-flex;
+    width: 100%;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .combobox::part(popup) {
+    z-index: var(--lynk-z-index-dropdown);
+  }
+
+  .combobox[data-current-placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .combobox[data-current-placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  /* Combobox */
+  .combobox__inputs {
+    flex: 1;
+    display: flex;
+    width: 100%;
+    min-width: 0;
+    position: relative;
+    align-items: center;
+    justify-content: start;
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    letter-spacing: var(--lynk-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: pointer;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  .combobox__display-input {
+    position: relative;
+    width: 100%;
+    font: inherit;
+    border: none;
+    background: none;
+    color: var(--lynk-input-color);
+    cursor: inherit;
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .combobox__display-input::placeholder {
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .combobox:not(.combobox--disabled):hover .combobox__display-input {
+    color: var(--lynk-input-color-hover);
+  }
+
+  .combobox__display-input:focus {
+    outline: none;
+  }
+
+  .combobox__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+
+  /* Standard combobox */
+  .combobox--standard .combobox__inputs {
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+  }
+
+  .combobox--standard.combobox--disabled .combobox__inputs {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    color: var(--lynk-input-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+    outline: none;
+  }
+
+  .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,
+  .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus) !important;
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  /* Sizes */
+  .combobox--small .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    min-height: var(--lynk-input-height-small);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--small .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--small .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--medium .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    min-height: var(--lynk-input-height-medium);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--medium .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--medium .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--large .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    min-height: var(--lynk-input-height-large);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-large);
+  }
+
+  .combobox--large .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-large);
+  }
+
+  .combobox--large .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-large);
+  }
+
+  /* Prefix and Suffix */
+  .combobox__prefix,
+  .combobox__suffix {
+    flex: 0;
+    display: inline-flex;
+    align-items: center;
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Clear button */
+  .combobox__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--lynk-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--lynk-transition-fast) color;
+    cursor: pointer;
+  }
+
+  .combobox__clear:hover {
+    color: var(--lynk-input-icon-color-hover);
+  }
+
+  .combobox__clear:focus {
+    outline: none;
+  }
+
+  .combobox--medium .combobox__clear {
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Expand icon */
+  .combobox__expand-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--lynk-transition-medium) rotate ease;
+    rotate: 0;
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  .combobox--open .combobox__expand-icon {
+    rotate: -180deg;
+  }
+
+  .combobox--readonly .combobox__inputs {
+    border-color: var(--lynk-color-neutral-200);
+    cursor: default;
+  }
+
+  .combobox--readonly.combobox--focused .combobox__inputs {
+    border-color: var(--lynk-color-neutral-400);
+    box-shadow: none;
+  }
+
+  .combobox--readonly .combobox__expand-icon {
+    color: var(--lynk-color-neutral-300);
+  }
+
+  /* Listbox */
+  .combobox__listbox {
+    display: block;
+    position: relative;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    box-shadow: var(--lynk-shadow-large);
+    background: var(--lynk-panel-background-color);
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+    border-radius: var(--lynk-border-radius-medium);
+    padding-block: var(--lynk-spacing-x-small);
+    padding-inline: 0;
+    overflow: auto;
+    overscroll-behavior: none;
+
+    /* Make sure it adheres to the popup's auto size */
+    max-width: var(--auto-size-available-width);
+    max-height: var(--auto-size-available-height);
+  }
+
+  .combobox__listbox ::slotted(lynk-divider) {
+    --spacing: var(--lynk-spacing-x-small);
+  }
+
+  .combobox__listbox ::slotted(small) {
+    display: block;
+    font-size: var(--lynk-font-size-small);
+    font-weight: var(--lynk-font-weight-semibold);
+    color: var(--lynk-color-neutral-500);
+    padding-block: var(--lynk-spacing-2x-small);
+    padding-inline: var(--lynk-spacing-x-large);
+  }
+
+  /**
+   * Invalid user data
+   */
+  :host([data-user-invalid]) .combobox__inputs {
+    border-color: var(--lynk-input-border-color-focus-error);
+  }
+
+  :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,
+  :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {
+    border-color: var(--lynk-input-border-color-focus-error);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-error);
+  }
+
+  /* Expand icon */
+  .combobox__expand-icon {
+    color: var(--lynk-color-neutral-950);
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Change combobox border on hover */
+  .combobox:not(.combobox--disabled):hover .combobox__inputs {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+
+  /* Prefix and Suffix */
+
+  /* Small */
+  .combobox--small .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .combobox--small .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  /* Medium */
+  .combobox--medium .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--medium .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  /* Large */
+  .combobox--large .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--large .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox__prefix,
+  .combobox__suffix {
+    color: var(--lynk-input-help-text-color);
+  }
+
+  /* Listbox */
+  .combobox__listbox {
+    /* @todo: Should be --lynk-border-radius-medium, which should be set to 0 */
+    border-radius: var(--lynk-border-radius-none);
+    box-shadow: var(--lynk-shadow-medium);
+  }
+
+  /**
+   * Make sure to hide the lynk-divider for the first lynk-optgroup
+   * Note! ::slotted does currently not work with ::part, so we
+   * opted for using a css variable here.
+   */
+  .combobox__listbox ::slotted(lynk-optgroup:first-of-type) {
+    --display-divider: none;
+  }
+
+  /* Custom option */
+  .combobox__custom-option {
+    position: relative;
+    display: flex;
+    align-items: center;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    line-height: var(--lynk-line-height-dense);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-neutral-700);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-medium);
+    transition: var(--lynk-transition-fast) all;
+    cursor: pointer;
+  }
+
+  .combobox__custom-option:hover,
+  .combobox__custom-option--current {
+    color: var(--lynk-color-primary);
+    background-color: var(--lynk-color-primary-50);
+  }
+`;export{r as a};

package/cdn/chunks/chunk.MQSMWODC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.VP7GZOVO.js";var n=e;e.define("lynk-option");export{n as a};

package/cdn/chunks/chunk.MQY4FTPV.js

@@ -0,0 +1,16 @@
+import{a as Ht}from"./chunk.J7D3XAWM.js";import{a as Ft}from"./chunk.Q3J7P2MZ.js";import{a as Ct}from"./chunk.3RH6CRTR.js";import{a as A,d as St,g as Mt}from"./chunk.OIRZUCYP.js";import{a as Nt}from"./chunk.45RIPFQU.js";import{d as Et}from"./chunk.QRMWQQRW.js";import{a as S,b as D,c as gt,e as R}from"./chunk.FI4IKBIW.js";var _=Math.min,P=Math.max,ut=Math.round,ht=Math.floor,F=t=>({x:t,y:t}),be={left:"right",right:"left",bottom:"top",top:"bottom"};function yt(t,e,n){return P(t,_(e,n))}function Z(t,e){return typeof t=="function"?t(e):t}function I(t){return t.split("-")[0]}function tt(t){return t.split("-")[1]}function Pt(t){return t==="x"?"y":"x"}function xt(t){return t==="y"?"height":"width"}function k(t){let e=t[0];return e==="t"||e==="b"?"y":"x"}function bt(t){return Pt(k(t))}function _t(t,e,n){n===void 0&&(n=!1);let i=tt(t),o=bt(t),s=xt(o),r=o==="x"?i===(n?"end":"start")?"right":"left":i==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(r=ft(r)),[r,ft(r)]}function kt(t){let e=ft(t);return[wt(t),e,wt(e)]}function wt(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}var Wt=["left","right"],Vt=["right","left"],ve=["top","bottom"],Re=["bottom","top"];function Ae(t,e,n){switch(t){case"top":case"bottom":return n?e?Vt:Wt:e?Wt:Vt;case"left":case"right":return e?ve:Re;default:return[]}}function jt(t,e,n,i){let o=tt(t),s=Ae(I(t),n==="start",i);return o&&(s=s.map(r=>r+"-"+o),e&&(s=s.concat(s.map(wt)))),s}function ft(t){let e=I(t);return be[e]+t.slice(e.length)}function Oe(t){return S({top:0,right:0,bottom:0,left:0},t)}function Tt(t){return typeof t!="number"?Oe(t):{top:t,right:t,bottom:t,left:t}}function et(t){let{x:e,y:n,width:i,height:o}=t;return{width:i,height:o,top:n,left:e,right:e+i,bottom:n+o,x:e,y:n}}function Xt(t,e,n){let{reference:i,floating:o}=t,s=k(e),r=bt(e),l=xt(r),a=I(e),h=s==="y",c=i.x+i.width/2-o.width/2,f=i.y+i.height/2-o.height/2,d=i[l]/2-o[l]/2,u;switch(a){case"top":u={x:c,y:i.y-o.height};break;case"bottom":u={x:c,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:f};break;case"left":u={x:i.x-o.width,y:f};break;default:u={x:i.x,y:i.y}}switch(tt(e)){case"start":u[r]-=d*(n&&h?-1:1);break;case"end":u[r]+=d*(n&&h?-1:1);break}return u}async function Yt(t,e){var n;e===void 0&&(e={});let{x:i,y:o,platform:s,rects:r,elements:l,strategy:a}=t,{boundary:h="clippingAncestors",rootBoundary:c="viewport",elementContext:f="floating",altBoundary:d=!1,padding:u=0}=Z(e,t),m=Tt(u),g=l[d?f==="floating"?"reference":"floating":f],w=et(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(g)))==null||n?g:g.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(l.floating)),boundary:h,rootBoundary:c,strategy:a})),y=f==="floating"?{x:i,y:o,width:r.floating.width,height:r.floating.height}:r.reference,x=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l.floating)),v=await(s.isElement==null?void 0:s.isElement(x))?await(s.getScale==null?void 0:s.getScale(x))||{x:1,y:1}:{x:1,y:1},O=et(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:y,offsetParent:x,strategy:a}):y);return{top:(w.top-O.top+m.top)/v.y,bottom:(O.bottom-w.bottom+m.bottom)/v.y,left:(w.left-O.left+m.left)/v.x,right:(O.right-w.right+m.right)/v.x}}var Ee=50,It=async(t,e,n)=>{let{placement:i="bottom",strategy:o="absolute",middleware:s=[],platform:r}=n,l=r.detectOverflow?r:D(S({},r),{detectOverflow:Yt}),a=await(r.isRTL==null?void 0:r.isRTL(e)),h=await r.getElementRects({reference:t,floating:e,strategy:o}),{x:c,y:f}=Xt(h,i,a),d=i,u=0,m={};for(let p=0;p<s.length;p++){let g=s[p];if(!g)continue;let{name:w,fn:y}=g,{x,y:v,data:O,reset:E}=await y({x:c,y:f,initialPlacement:i,placement:d,strategy:o,middlewareData:m,rects:h,platform:l,elements:{reference:t,floating:e}});c=x!=null?x:c,f=v!=null?v:f,m[w]=S(S({},m[w]),O),E&&u<Ee&&(u++,typeof E=="object"&&(E.placement&&(d=E.placement),E.rects&&(h=E.rects===!0?await r.getElementRects({reference:t,floating:e,strategy:o}):E.rects),{x:c,y:f}=Xt(h,d,a)),p=-1)}return{x:c,y:f,placement:d,strategy:o,middlewareData:m}},qt=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:i,placement:o,rects:s,platform:r,elements:l,middlewareData:a}=e,{element:h,padding:c=0}=Z(t,e)||{};if(h==null)return{};let f=Tt(c),d={x:n,y:i},u=bt(o),m=xt(u),p=await r.getDimensions(h),g=u==="y",w=g?"top":"left",y=g?"bottom":"right",x=g?"clientHeight":"clientWidth",v=s.reference[m]+s.reference[u]-d[u]-s.floating[m],O=d[u]-s.reference[u],E=await(r.getOffsetParent==null?void 0:r.getOffsetParent(h)),C=E?E[x]:0;(!C||!await(r.isElement==null?void 0:r.isElement(E)))&&(C=l.floating[x]||s.floating[m]);let X=v/2-O/2,W=C/2-p[m]/2-1,$=_(f[w],W),U=_(f[y],W),V=$,K=C-p[m]-U,B=C/2-p[m]/2+X,M=yt(V,B,K),J=!a.arrow&&tt(o)!=null&&B!==M&&s.reference[m]/2-(B<V?$:U)-p[m]/2<0,Y=J?B<V?B-V:B-K:0;return{[u]:d[u]+Y,data:S({[u]:M,centerOffset:B-M-Y},J&&{alignmentOffset:Y}),reset:J}}});var Ut=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,i;let{placement:o,middlewareData:s,rects:r,initialPlacement:l,platform:a,elements:h}=e,B=Z(t,e),{mainAxis:c=!0,crossAxis:f=!0,fallbackPlacements:d,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:p=!0}=B,g=gt(B,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=s.arrow)!=null&&n.alignmentOffset)return{};let w=I(o),y=k(l),x=I(l)===l,v=await(a.isRTL==null?void 0:a.isRTL(h.floating)),O=d||(x||!p?[ft(l)]:kt(l)),E=m!=="none";!d&&E&&O.push(...jt(l,p,m,v));let C=[l,...O],X=await a.detectOverflow(e,g),W=[],$=((i=s.flip)==null?void 0:i.overflows)||[];if(c&&W.push(X[w]),f){let M=_t(o,r,v);W.push(X[M[0]],X[M[1]])}if($=[...$,{placement:o,overflows:W}],!W.every(M=>M<=0)){var U,V;let M=(((U=s.flip)==null?void 0:U.index)||0)+1,J=C[M];if(J&&(!(f==="alignment"?y!==k(J):!1)||$.every(N=>k(N.placement)===y?N.overflows[0]>0:!0)))return{data:{index:M,overflows:$},reset:{placement:J}};let Y=(V=$.filter(Q=>Q.overflows[0]<=0).sort((Q,N)=>Q.overflows[1]-N.overflows[1])[0])==null?void 0:V.placement;if(!Y)switch(u){case"bestFit":{var K;let Q=(K=$.filter(N=>{if(E){let G=k(N.placement);return G===y||G==="y"}return!0}).map(N=>[N.placement,N.overflows.filter(G=>G>0).reduce((G,xe)=>G+xe,0)]).sort((N,G)=>N[1]-G[1])[0])==null?void 0:K[0];Q&&(Y=Q);break}case"initialPlacement":Y=l;break}if(o!==Y)return{reset:{placement:Y}}}return{}}}};var Se=new Set(["left","top"]);async function Ce(t,e){let{placement:n,platform:i,elements:o}=t,s=await(i.isRTL==null?void 0:i.isRTL(o.floating)),r=I(n),l=tt(n),a=k(n)==="y",h=Se.has(r)?-1:1,c=s&&a?-1:1,f=Z(e,t),{mainAxis:d,crossAxis:u,alignmentAxis:m}=typeof f=="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis||0,crossAxis:f.crossAxis||0,alignmentAxis:f.alignmentAxis};return l&&typeof m=="number"&&(u=l==="end"?m*-1:m),a?{x:u*c,y:d*h}:{x:d*h,y:u*c}}var Kt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,i;let{x:o,y:s,placement:r,middlewareData:l}=e,a=await Ce(e,t);return r===((n=l.offset)==null?void 0:n.placement)&&(i=l.arrow)!=null&&i.alignmentOffset?{}:{x:o+a.x,y:s+a.y,data:D(S({},a),{placement:r})}}}},Gt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:i,placement:o,platform:s}=e,w=Z(t,e),{mainAxis:r=!0,crossAxis:l=!1,limiter:a={fn:y=>{let{x,y:v}=y;return{x,y:v}}}}=w,h=gt(w,["mainAxis","crossAxis","limiter"]),c={x:n,y:i},f=await s.detectOverflow(e,h),d=k(I(o)),u=Pt(d),m=c[u],p=c[d];if(r){let y=u==="y"?"top":"left",x=u==="y"?"bottom":"right",v=m+f[y],O=m-f[x];m=yt(v,m,O)}if(l){let y=d==="y"?"top":"left",x=d==="y"?"bottom":"right",v=p+f[y],O=p-f[x];p=yt(v,p,O)}let g=a.fn(D(S({},e),{[u]:m,[d]:p}));return D(S({},g),{data:{x:g.x-n,y:g.y-i,enabled:{[u]:r,[d]:l}}})}}};var Jt=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){var n,i;let{placement:o,rects:s,platform:r,elements:l}=e,$=Z(t,e),{apply:a=()=>{}}=$,h=gt($,["apply"]),c=await r.detectOverflow(e,h),f=I(o),d=tt(o),u=k(o)==="y",{width:m,height:p}=s.floating,g,w;f==="top"||f==="bottom"?(g=f,w=d===(await(r.isRTL==null?void 0:r.isRTL(l.floating))?"start":"end")?"left":"right"):(w=f,g=d==="end"?"top":"bottom");let y=p-c.top-c.bottom,x=m-c.left-c.right,v=_(p-c[g],y),O=_(m-c[w],x),E=!e.middlewareData.shift,C=v,X=O;if((n=e.middlewareData.shift)!=null&&n.enabled.x&&(X=x),(i=e.middlewareData.shift)!=null&&i.enabled.y&&(C=y),E&&!d){let U=P(c.left,0),V=P(c.right,0),K=P(c.top,0),B=P(c.bottom,0);u?X=m-2*(U!==0||V!==0?U+V:P(c.left,c.right)):C=p-2*(K!==0||B!==0?K+B:P(c.top,c.bottom))}await a(D(S({},e),{availableWidth:X,availableHeight:C}));let W=await r.getDimensions(l.floating);return m!==W.width||p!==W.height?{reset:{rects:!0}}:{}}}};function vt(){return typeof window!="undefined"}function it(t){return Zt(t)?(t.nodeName||"").toLowerCase():"#document"}function T(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function H(t){var e;return(e=(Zt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Zt(t){return vt()?t instanceof Node||t instanceof T(t).Node:!1}function L(t){return vt()?t instanceof Element||t instanceof T(t).Element:!1}function j(t){return vt()?t instanceof HTMLElement||t instanceof T(t).HTMLElement:!1}function Qt(t){return!vt()||typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof T(t).ShadowRoot}function lt(t){let{overflow:e,overflowX:n,overflowY:i,display:o}=z(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&o!=="inline"&&o!=="contents"}function te(t){return/^(table|td|th)$/.test(it(t))}function dt(t){try{if(t.matches(":popover-open"))return!0}catch(e){}try{return t.matches(":modal")}catch(e){return!1}}var Pe=/transform|translate|scale|rotate|perspective|filter/,Te=/paint|layout|strict|content/,nt=t=>!!t&&t!=="none",Bt;function ct(t){let e=L(t)?z(t):t;return nt(e.transform)||nt(e.translate)||nt(e.scale)||nt(e.rotate)||nt(e.perspective)||!Rt()&&(nt(e.backdropFilter)||nt(e.filter))||Pe.test(e.willChange||"")||Te.test(e.contain||"")}function ee(t){let e=q(t);for(;j(e)&&!ot(e);){if(ct(e))return e;if(dt(e))return null;e=q(e)}return null}function Rt(){return Bt==null&&(Bt=typeof CSS!="undefined"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Bt}function ot(t){return/^(html|body|#document)$/.test(it(t))}function z(t){return T(t).getComputedStyle(t)}function mt(t){return L(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function q(t){if(it(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Qt(t)&&t.host||H(t);return Qt(e)?e.host:e}function ne(t){let e=q(t);return ot(e)?t.ownerDocument?t.ownerDocument.body:t.body:j(e)&&lt(e)?e:ne(e)}function st(t,e,n){var i;e===void 0&&(e=[]),n===void 0&&(n=!0);let o=ne(t),s=o===((i=t.ownerDocument)==null?void 0:i.body),r=T(o);if(s){let l=At(r);return e.concat(r,r.visualViewport||[],lt(o)?o:[],l&&n?st(l):[])}else return e.concat(o,st(o,[],n))}function At(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function se(t){let e=z(t),n=parseFloat(e.width)||0,i=parseFloat(e.height)||0,o=j(t),s=o?t.offsetWidth:n,r=o?t.offsetHeight:i,l=ut(n)!==s||ut(i)!==r;return l&&(n=s,i=r),{width:n,height:i,$:l}}function Dt(t){return L(t)?t:t.contextElement}function at(t){let e=Dt(t);if(!j(e))return F(1);let n=e.getBoundingClientRect(),{width:i,height:o,$:s}=se(e),r=(s?ut(n.width):n.width)/i,l=(s?ut(n.height):n.height)/o;return(!r||!Number.isFinite(r))&&(r=1),(!l||!Number.isFinite(l))&&(l=1),{x:r,y:l}}var Be=F(0);function le(t){let e=T(t);return!Rt()||!e.visualViewport?Be:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function $e(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==T(t)?!1:e}function rt(t,e,n,i){e===void 0&&(e=!1),n===void 0&&(n=!1);let o=t.getBoundingClientRect(),s=Dt(t),r=F(1);e&&(i?L(i)&&(r=at(i)):r=at(t));let l=$e(s,n,i)?le(s):F(0),a=(o.left+l.x)/r.x,h=(o.top+l.y)/r.y,c=o.width/r.x,f=o.height/r.y;if(s){let d=T(s),u=i&&L(i)?T(i):i,m=d,p=At(m);for(;p&&i&&u!==m;){let g=at(p),w=p.getBoundingClientRect(),y=z(p),x=w.left+(p.clientLeft+parseFloat(y.paddingLeft))*g.x,v=w.top+(p.clientTop+parseFloat(y.paddingTop))*g.y;a*=g.x,h*=g.y,c*=g.x,f*=g.y,a+=x,h+=v,m=T(p),p=At(m)}}return et({width:c,height:f,x:a,y:h})}function Ot(t,e){let n=mt(t).scrollLeft;return e?e.left+n:rt(H(t)).left+n}function ce(t,e){let n=t.getBoundingClientRect(),i=n.left+e.scrollLeft-Ot(t,n),o=n.top+e.scrollTop;return{x:i,y:o}}function De(t){let{elements:e,rect:n,offsetParent:i,strategy:o}=t,s=o==="fixed",r=H(i),l=e?dt(e.floating):!1;if(i===r||l&&s)return n;let a={scrollLeft:0,scrollTop:0},h=F(1),c=F(0),f=j(i);if((f||!f&&!s)&&((it(i)!=="body"||lt(r))&&(a=mt(i)),f)){let u=rt(i);h=at(i),c.x=u.x+i.clientLeft,c.y=u.y+i.clientTop}let d=r&&!f&&!s?ce(r,a):F(0);return{width:n.width*h.x,height:n.height*h.y,x:n.x*h.x-a.scrollLeft*h.x+c.x+d.x,y:n.y*h.y-a.scrollTop*h.y+c.y+d.y}}function Le(t){return Array.from(t.getClientRects())}function ze(t){let e=H(t),n=mt(t),i=t.ownerDocument.body,o=P(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),s=P(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight),r=-n.scrollLeft+Ot(t),l=-n.scrollTop;return z(i).direction==="rtl"&&(r+=P(e.clientWidth,i.clientWidth)-o),{width:o,height:s,x:r,y:l}}var ie=25;function Me(t,e){let n=T(t),i=H(t),o=n.visualViewport,s=i.clientWidth,r=i.clientHeight,l=0,a=0;if(o){s=o.width,r=o.height;let c=Rt();(!c||c&&e==="fixed")&&(l=o.offsetLeft,a=o.offsetTop)}let h=Ot(i);if(h<=0){let c=i.ownerDocument,f=c.body,d=getComputedStyle(f),u=c.compatMode==="CSS1Compat"&&parseFloat(d.marginLeft)+parseFloat(d.marginRight)||0,m=Math.abs(i.clientWidth-f.clientWidth-u);m<=ie&&(s-=m)}else h<=ie&&(s+=h);return{width:s,height:r,x:l,y:a}}function Ne(t,e){let n=rt(t,!0,e==="fixed"),i=n.top+t.clientTop,o=n.left+t.clientLeft,s=j(t)?at(t):F(1),r=t.clientWidth*s.x,l=t.clientHeight*s.y,a=o*s.x,h=i*s.y;return{width:r,height:l,x:a,y:h}}function oe(t,e,n){let i;if(e==="viewport")i=Me(t,n);else if(e==="document")i=ze(H(t));else if(L(e))i=Ne(e,n);else{let o=le(t);i={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return et(i)}function ae(t,e){let n=q(t);return n===e||!L(n)||ot(n)?!1:z(n).position==="fixed"||ae(n,e)}function Fe(t,e){let n=e.get(t);if(n)return n;let i=st(t,[],!1).filter(l=>L(l)&&it(l)!=="body"),o=null,s=z(t).position==="fixed",r=s?q(t):t;for(;L(r)&&!ot(r);){let l=z(r),a=ct(r);!a&&l.position==="fixed"&&(o=null),(s?!a&&!o:!a&&l.position==="static"&&!!o&&(o.position==="absolute"||o.position==="fixed")||lt(r)&&!a&&ae(t,r))?i=i.filter(c=>c!==r):o=l,r=q(r)}return e.set(t,i),i}function He(t){let{element:e,boundary:n,rootBoundary:i,strategy:o}=t,r=[...n==="clippingAncestors"?dt(e)?[]:Fe(e,this._c):[].concat(n),i],l=oe(e,r[0],o),a=l.top,h=l.right,c=l.bottom,f=l.left;for(let d=1;d<r.length;d++){let u=oe(e,r[d],o);a=P(u.top,a),h=_(u.right,h),c=_(u.bottom,c),f=P(u.left,f)}return{width:h-f,height:c-a,x:f,y:a}}function We(t){let{width:e,height:n}=se(t);return{width:e,height:n}}function Ve(t,e,n){let i=j(e),o=H(e),s=n==="fixed",r=rt(t,!0,s,e),l={scrollLeft:0,scrollTop:0},a=F(0);function h(){a.x=Ot(o)}if(i||!i&&!s)if((it(e)!=="body"||lt(o))&&(l=mt(e)),i){let u=rt(e,!0,s,e);a.x=u.x+e.clientLeft,a.y=u.y+e.clientTop}else o&&h();s&&!i&&o&&h();let c=o&&!i&&!s?ce(o,l):F(0),f=r.left+l.scrollLeft-a.x-c.x,d=r.top+l.scrollTop-a.y-c.y;return{x:f,y:d,width:r.width,height:r.height}}function $t(t){return z(t).position==="static"}function re(t,e){if(!j(t)||z(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return H(t)===n&&(n=n.ownerDocument.body),n}function fe(t,e){let n=T(t);if(dt(t))return n;if(!j(t)){let o=q(t);for(;o&&!ot(o);){if(L(o)&&!$t(o))return o;o=q(o)}return n}let i=re(t,e);for(;i&&te(i)&&$t(i);)i=re(i,e);return i&&ot(i)&&$t(i)&&!ct(i)?n:i||ee(t)||n}var _e=async function(t){let e=this.getOffsetParent||fe,n=this.getDimensions,i=await n(t.floating);return{reference:Ve(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}};function ke(t){return z(t).direction==="rtl"}var pt={convertOffsetParentRelativeRectToViewportRelativeRect:De,getDocumentElement:H,getClippingRect:He,getOffsetParent:fe,getElementRects:_e,getClientRects:Le,getDimensions:We,getScale:at,isElement:L,isRTL:ke};function ue(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function je(t,e){let n=null,i,o=H(t);function s(){var l;clearTimeout(i),(l=n)==null||l.disconnect(),n=null}function r(l,a){l===void 0&&(l=!1),a===void 0&&(a=1),s();let h=t.getBoundingClientRect(),{left:c,top:f,width:d,height:u}=h;if(l||e(),!d||!u)return;let m=ht(f),p=ht(o.clientWidth-(c+d)),g=ht(o.clientHeight-(f+u)),w=ht(c),x={rootMargin:-m+"px "+-p+"px "+-g+"px "+-w+"px",threshold:P(0,_(1,a))||1},v=!0;function O(E){let C=E[0].intersectionRatio;if(C!==a){if(!v)return r();C?r(!1,C):i=setTimeout(()=>{r(!1,1e-7)},1e3)}C===1&&!ue(h,t.getBoundingClientRect())&&r(),v=!1}try{n=new IntersectionObserver(O,D(S({},x),{root:o.ownerDocument}))}catch(E){n=new IntersectionObserver(O,x)}n.observe(t)}return r(!0),s}function he(t,e,n,i){i===void 0&&(i={});let{ancestorScroll:o=!0,ancestorResize:s=!0,elementResize:r=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:a=!1}=i,h=Dt(t),c=o||s?[...h?st(h):[],...e?st(e):[]]:[];c.forEach(w=>{o&&w.addEventListener("scroll",n,{passive:!0}),s&&w.addEventListener("resize",n)});let f=h&&l?je(h,n):null,d=-1,u=null;r&&(u=new ResizeObserver(w=>{let[y]=w;y&&y.target===h&&u&&e&&(u.unobserve(e),cancelAnimationFrame(d),d=requestAnimationFrame(()=>{var x;(x=u)==null||x.observe(e)})),n()}),h&&!a&&u.observe(h),e&&u.observe(e));let m,p=a?rt(t):null;a&&g();function g(){let w=rt(t);p&&!ue(p,w)&&n(),p=w,m=requestAnimationFrame(g)}return n(),()=>{var w;c.forEach(y=>{o&&y.removeEventListener("scroll",n),s&&y.removeEventListener("resize",n)}),f==null||f(),(w=u)==null||w.disconnect(),u=null,a&&cancelAnimationFrame(m)}}var de=Kt;var me=Gt,pe=Ut,Lt=Jt;var ge=qt;var we=(t,e,n)=>{let i=new Map,o=S({platform:pt},n),s=D(S({},o.platform),{_c:i});return It(t,e,D(S({},o),{platform:s}))};function ye(t){return Xe(t)}function zt(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function Xe(t){for(let e=t;e;e=zt(e))if(e instanceof Element&&getComputedStyle(e).display==="none")return null;for(let e=zt(t);e;e=zt(e)){if(!(e instanceof Element))continue;let n=getComputedStyle(e);if(n.display!=="contents"&&(n.position!=="static"||ct(n)||e.tagName==="BODY"))return e}return null}function Ye(t){return t!==null&&typeof t=="object"&&"getBoundingClientRect"in t&&("contextElement"in t?t instanceof Element:!0)}var b=class extends Mt{constructor(){super(...arguments);this.localize=new Ft(this);this.active=!1;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let n=this.anchorEl.getBoundingClientRect(),i=this.popup.getBoundingClientRect(),o=this.placement.includes("top")||this.placement.includes("bottom"),s=0,r=0,l=0,a=0,h=0,c=0,f=0,d=0;o?n.top<i.top?(s=n.left,r=n.bottom,l=n.right,a=n.bottom,h=i.left,c=i.top,f=i.right,d=i.top):(s=i.left,r=i.bottom,l=i.right,a=i.bottom,h=n.left,c=n.top,f=n.right,d=n.top):n.left<i.left?(s=n.right,r=n.top,l=i.left,a=i.top,h=n.right,c=n.bottom,f=i.left,d=i.bottom):(s=i.right,r=i.top,l=n.left,a=n.top,h=i.right,c=i.bottom,f=n.left,d=n.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${s}px`),this.style.setProperty("--hover-bridge-top-left-y",`${r}px`),this.style.setProperty("--hover-bridge-top-right-x",`${l}px`),this.style.setProperty("--hover-bridge-top-right-y",`${a}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${h}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${c}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${f}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${d}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(n){super.updated(n),n.has("active")&&(this.active?this.start():this.stop()),n.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let n=this.getRootNode();this.anchorEl=n.getElementById(this.anchor)}else this.anchor instanceof Element||Ye(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){!this.anchorEl||!this.active||(this.cleanup=he(this.anchorEl,this.popup,()=>{this.reposition()}))}stop(){return new Promise(n=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame(()=>n())):n()})}reposition(){if(!this.active||!this.anchorEl)return;let n=[de({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?n.push(Lt({apply:({rects:o})=>{let s=this.sync==="width"||this.sync==="both",r=this.sync==="height"||this.sync==="both";this.popup.style.width=s?`${o.reference.width}px`:"",this.popup.style.height=r?`${o.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&n.push(pe({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&n.push(me({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?n.push(Lt({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:o,availableHeight:s})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${s}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${o}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&n.push(ge({element:this.arrowEl,padding:this.arrowPadding}));let i=this.strategy==="absolute"?o=>pt.getOffsetParent(o,ye):pt.getOffsetParent;we(this.anchorEl,this.popup,{placement:this.placement,middleware:n,strategy:this.strategy,platform:D(S({},pt),{getOffsetParent:i})}).then(({x:o,y:s,middlewareData:r,placement:l})=>{let a=this.localize.dir()==="rtl",h={top:"bottom",right:"left",bottom:"top",left:"right"}[l.split("-")[0]];if(this.setAttribute("data-current-placement",l),Object.assign(this.popup.style,{left:`${o}px`,top:`${s}px`}),this.arrow){let c=r.arrow.x,f=r.arrow.y,d="",u="",m="",p="";if(this.arrowPlacement==="start"){let g=typeof c=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";d=typeof f=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",u=a?g:"",p=a?"":g}else if(this.arrowPlacement==="end"){let g=typeof c=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";u=a?"":g,p=a?g:"",m=typeof f=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else this.arrowPlacement==="center"?(p=typeof c=="number"?"calc(50% - var(--arrow-size-diagonal))":"",d=typeof f=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(p=typeof c=="number"?`${c}px`:"",d=typeof f=="number"?`${f}px`:"");Object.assign(this.arrowEl.style,{top:d,right:u,bottom:m,left:p,[h]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge()),this.emit("ev-reposition")}render(){return Et`
+      <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
+
+      <span
+        part="hover-bridge"
+        class=${Ct({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}
+      ></span>
+
+      <div
+        part="popup"
+        class=${Ct({popup:!0,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}
+      >
+        <slot></slot>
+        ${this.arrow?Et`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}
+      </div>
+    `}};b.styles=[Nt,Ht],R([St(".popup")],b.prototype,"popup",2),R([St(".popup__arrow")],b.prototype,"arrowEl",2),R([A()],b.prototype,"anchor",2),R([A({type:Boolean,reflect:!0})],b.prototype,"active",2),R([A({reflect:!0})],b.prototype,"placement",2),R([A({reflect:!0})],b.prototype,"strategy",2),R([A({type:Number})],b.prototype,"distance",2),R([A({type:Number})],b.prototype,"skidding",2),R([A({type:Boolean})],b.prototype,"arrow",2),R([A({attribute:"arrow-placement"})],b.prototype,"arrowPlacement",2),R([A({attribute:"arrow-padding",type:Number})],b.prototype,"arrowPadding",2),R([A({type:Boolean})],b.prototype,"flip",2),R([A({attribute:"flip-fallback-placements",converter:{fromAttribute:n=>n.split(" ").map(i=>i.trim()).filter(i=>i!==""),toAttribute:n=>n.join(" ")}})],b.prototype,"flipFallbackPlacements",2),R([A({attribute:"flip-fallback-strategy"})],b.prototype,"flipFallbackStrategy",2),R([A({type:Object})],b.prototype,"flipBoundary",2),R([A({attribute:"flip-padding",type:Number})],b.prototype,"flipPadding",2),R([A({type:Boolean})],b.prototype,"shift",2),R([A({type:Object})],b.prototype,"shiftBoundary",2),R([A({attribute:"shift-padding",type:Number})],b.prototype,"shiftPadding",2),R([A({attribute:"auto-size"})],b.prototype,"autoSize",2),R([A()],b.prototype,"sync",2),R([A({type:Object})],b.prototype,"autoSizeBoundary",2),R([A({attribute:"auto-size-padding",type:Number})],b.prototype,"autoSizePadding",2),R([A({attribute:"hover-bridge",type:Boolean})],b.prototype,"hoverBridge",2);export{b as a};

package/cdn/chunks/chunk.MZ5C44AP.js

@@ -0,0 +1,23 @@
+import{a as u}from"./chunk.J4RL3AWT.js";import{a as f}from"./chunk.MJSPPTEA.js";import{a as r,b as o}from"./chunk.PSTR2CVL.js";import{a as b}from"./chunk.Q3J7P2MZ.js";import{a}from"./chunk.ZP7BBHMJ.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.3RH6CRTR.js";import{a as i,d as c,g as h}from"./chunk.OIRZUCYP.js";import{a as p}from"./chunk.45RIPFQU.js";import{e}from"./chunk.FI4IKBIW.js";var m=0,t=class extends h{constructor(){super(...arguments);this.localize=new b(this);this.attrId=++m;this.componentId=`lynk-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(){this.emit("ev-close")}isLink(){return!!this.href}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}focus(s){this.tab.focus(s)}blur(){this.tab.blur()}render(){let s=this.isLink(),n=s?r`a`:r`div`;return this.id=this.id.length>0?this.id:this.componentId,o`
+      <${n}
+        part="base"
+        href=${a(s?this.href:void 0)}
+        rel=${a(s?this.rel:void 0)}
+        class=${d({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
+        tabindex=${this.disabled?"-1":"0"}
+      >
+        <slot></slot>
+        ${this.closable?o`
+                <lynk-icon-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  name="x-lg"
+                  library="system"
+                  label=${this.localize.term("close")}
+                  class="tab__close-button"
+                  @click=${this.handleCloseClick}
+                  tabindex="-1"
+                ></lynk-icon-button>
+              `:""}
+      </${n}>
+    `}};t.styles=[p,u],t.dependencies={"lynk-icon-button":f},e([c(".tab")],t.prototype,"tab",2),e([i({reflect:!0})],t.prototype,"panel",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean})],t.prototype,"closable",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i()],t.prototype,"href",2),e([i()],t.prototype,"rel",2),e([l("active")],t.prototype,"handleActiveChange",1),e([l("disabled")],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.NBFRJSSN.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.IUQC3KD6.js";import*as t from"react";import{createComponent as o}from"@lit/react";var a="lynk-split";e.define("lynk-split");var n=o({tagName:a,elementClass:e,react:t,events:{},displayName:"LynkSplit"}),m=n;export{m as a};

package/cdn/chunks/chunk.NCY5QP4P.js

@@ -0,0 +1,24 @@
+import{a as E}from"./chunk.C3YMGEJ5.js";import{a as y}from"./chunk.6S67HV2F.js";import{a as P}from"./chunk.FC4RDJJF.js";import{a as d}from"./chunk.Q3J7P2MZ.js";import{a as v}from"./chunk.ZP7BBHMJ.js";import{a as z}from"./chunk.YZSIY5HS.js";import{a as m,g as b}from"./chunk.OIRZUCYP.js";import{a as S}from"./chunk.45RIPFQU.js";import{d as g}from"./chunk.QRMWQQRW.js";import{e as p}from"./chunk.FI4IKBIW.js";var c=class extends b{constructor(){super(...arguments);this.localize=new d(this);this.hasEmittedReady=!1;this.isInitialized=!1;this.hasRunFirstUpdated=!1;this.sizes=[];this.positions=[];this.vertical=!1;this.disabled=!1;this.push=!1;this.dividerWidth=8;this.snap="";this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.loadPositions(),this.resizeObserver=new ResizeObserver(t=>this.handleResize(t)),this.mutationObserver=new MutationObserver(()=>this.handleSlotChange())}async firstUpdated(){if(this.hasRunFirstUpdated)return;this.hasRunFirstUpdated=!0,this.resizeObserver.observe(this),this.detectSize(),this.setupAutoObservation(),await customElements.whenDefined("lynk-splitter-pane"),await this.updateComplete;let t=this.getPanes();this.detectSize(),this.sizes.length>0?(this.positions=this.calculatePositions(t),this.requestUpdate()):t.length>0&&t.some(e=>e.size)?(this.positions=this.calculatePositions(t),this.requestUpdate()):t.length>0&&this.positions.length===0&&(this.positions=this.getEqualPositions(t.length)),this.isInitialized=!0,this.handleSlotChange()}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this),(e=this.mutationObserver)==null||e.disconnect()}detectSize(){let{width:t,height:e}=this.getBoundingClientRect();this.size=this.vertical?e:t}pixelsToPercentage(t){return t/this.size*100}loadPositions(){if(this.autoSaveId&&typeof localStorage!="undefined")try{let t=localStorage.getItem(`lynk-splitter-${this.autoSaveId}`);t&&(this.positions=JSON.parse(t))}catch(t){}}savePositions(){if(this.autoSaveId&&typeof localStorage!="undefined")try{localStorage.setItem(`lynk-splitter-${this.autoSaveId}`,JSON.stringify(this.positions))}catch(t){}}setupAutoObservation(){var e;this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["hidden"]});let t=(e=this.shadowRoot)==null?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",()=>this.handleSlotChange())}handleSlotChange(){if(!this.isInitialized)return;let t=this.getPanes(),e=t.length,s=this.positions.length+1;e!==s&&(this.detectSize(),this.recalculatePositionsForPanes(t)),this.requestUpdate(),!this.hasEmittedReady&&t.length>0&&(this.hasEmittedReady=!0,this.updateComplete.then(()=>{setTimeout(()=>this.emitReadyEvent(),0)}))}recalculatePositionsForPanes(t){if(t.length<=1){this.positions=[];return}this.sizes.length>0||t.some(s=>s.size||s.minSize||s.maxSize)?this.positions=this.calculatePositions(t):this.positions=this.getEqualPositions(t.length)}getEqualPositions(t){if(t<=1)return[];let e=[],s=100/t;for(let i=1;i<t;i++)e.push(s*i);return e}calculatePositions(t){if(t.length<=1)return[];let e=this.getAvailableSpace(t.length),s=this.calculatePaneSizes(t,e);return this.convertSizesToPositions(s,e)}getAvailableSpace(t){return 100-this.getTotalDividerWidth(t)}calculatePaneSizes(t,e){let s=new Array(t.length).fill(0),i=0,n=0;for(let o=0;o<t.length;o++){let h=t[o],l=0;this.sizes[o]&&this.sizes[o]!=="auto"?l=this.parseSize(this.sizes[o],e):h.size?l=this.parseSize(h.size,e):h.minSize&&(l=this.parseSize(h.minSize,e)),l>0&&(s[o]=l,i+=l,n++)}let a=Math.max(0,e-i),r=t.length-n;if(r>0){let o=a/r;for(let h=0;h<t.length;h++)s[h]===0&&(s[h]=o)}return this.enforceMaxSizeConstraints(t,s,e),s}enforceMaxSizeConstraints(t,e,s){let i=!0;for(;i;){i=!1;let n=0,a=[];for(let r=0;r<t.length;r++){let o=t[r];if(o.maxSize){let h=this.parseSize(o.maxSize,s);e[r]>h?(n+=e[r]-h,e[r]=h,i=!0):a.push(r)}else a.push(r)}if(n>0&&a.length>0){let r=n/a.length;a.forEach(o=>{e[o]+=r})}}}convertSizesToPositions(t,e){let s=[],i=0;for(let n=0;n<t.length-1;n++)i+=t[n],s.push(i/e*100);return s}parseSize(t,e){return t.endsWith("%")?parseFloat(t)/100*e:t.endsWith("px")?parseFloat(t)/this.size*100/100*e:parseFloat(t)/100*e}getPanes(){return[...this.children].filter(t=>t.tagName==="LYNK-SPLITTER-PANE"&&!t.hasAttribute("hidden"))}handleDrag(t,e){this.disabled||(t.cancelable&&t.preventDefault(),y(this,{onMove:(s,i)=>{let n=this.vertical?i:s,a=this.pixelsToPercentage(n);if(this.snap&&(a=this.applySnapping(a)),this.push)this.positions=this.handlePushResize(e,a);else{let r=this.calculateConstraints(e);this.positions=[...this.positions],this.positions[e]=P(a,r.min,r.max)}this.requestUpdate(),this.emitSplitterResizeEvent(t,e)},onStop:()=>{this.savePositions(),this.emitAfterSplitterResizeEvent(t,e)},initialEvent:t}))}handleKeyDown(t,e){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(t.key)){t.preventDefault();let s=t.shiftKey?5:1,i=this.calculateConstraints(e),n=this.positions[e];(t.key==="ArrowLeft"&&!this.vertical||t.key==="ArrowUp"&&this.vertical)&&(n-=s),(t.key==="ArrowRight"&&!this.vertical||t.key==="ArrowDown"&&this.vertical)&&(n+=s),n=P(n,i.min,i.max),this.push&&(this.positions=this.handlePushResize(e,n)),this.positions=[...this.positions],this.positions[e]=n,this.requestUpdate(),this.savePositions(),this.emitAfterSplitterResizeEvent(t,e)}}handleResize(t){let{width:e,height:s}=t[0].contentRect,i=this.size;this.size=this.vertical?s:e,i&&Math.abs(this.size-i)>1&&(this.recalculatePositionsForResize(),this.requestUpdate())}handleSizesChange(){if(this.sizes.length===0)return;let t=this.getPanes();t.length>0&&(this.positions=this.calculatePositions(t),this.requestUpdate())}handleVerticalChange(){this.detectSize()}updatePaneStyles(){var a;let t=this.getPanes(),s=100-this.getTotalDividerWidth(t.length),i=this.getPaneSizeStrings();t.forEach((r,o)=>{let h=parseFloat(i[o])/100*s;r.style.flex=`0 0 ${h}%`,r.style.order=(o*2).toString()});let n=(a=this.shadowRoot)==null?void 0:a.querySelectorAll(".divider");n==null||n.forEach((r,o)=>{r.style.order=(o*2+1).toString(),r.style.flex=`0 0 ${this.dividerWidth}px`})}calculateConstraints(t){let e=this.getPanes(),s=e[t],i=e[t+1],n=this.getAvailableSpace(e.length),a=t>0?this.positions[t-1]:0,r=t<this.positions.length-1?this.positions[t+1]:100;if(s){let{minSize:o,maxSize:h}=this.getPaneConstraints(s,n),l=o/n*100,u=h!==1/0?h/n*100:1/0;if(l>0&&(a=Math.max(a,a+l)),u!==1/0){let f=t>0?this.positions[t-1]:0;r=Math.min(r,f+u)}}if(i){let{minSize:o,maxSize:h}=this.getPaneConstraints(i,n),l=o/n*100,u=h!==1/0?h/n*100:1/0;if(l>0){let f=t<this.positions.length-1?this.positions[t+1]:100;r=Math.min(r,f-l)}if(u!==1/0){let f=t<this.positions.length-1?this.positions[t+1]:100;a=Math.max(a,f-u)}}return{min:a,max:r}}getPaneConstraints(t,e){let s=t.minSize?this.parseSize(t.minSize,e):0,i=t.maxSize?this.parseSize(t.maxSize,e):1/0;return{minSize:s,maxSize:i}}getTotalDividerWidth(t){let e=t-1;return this.dividerWidth*e/this.size*100}handlePushResize(t,e){let s=this.getPanes(),i=e-this.positions[t];if(Math.abs(i)<.1)return this.positions;let n=this.getCurrentPaneSizes(this.positions,s.length);return i>0?this.resizePanes(n,s,t,t+1,i):this.resizePanes(n,s,t+1,t,Math.abs(i)),this.convertSizesToPositions(n,100)}getCurrentPaneSizes(t,e){let s=[],i=0;for(let n=0;n<e;n++){let a=n<t.length?t[n]:100;s.push(a-i),i=a}return s}applySnapping(t){if(!this.snap)return t;let e=this.snap.split(" "),s=t,i=this.snapThreshold+1;return e.forEach(n=>{let a;n.endsWith("%")?a=parseFloat(n):n.endsWith("px")?a=this.pixelsToPercentage(parseFloat(n)):a=parseFloat(n);let r=Math.abs(t-a);r<=this.snapThreshold&&r<i&&(s=a,i=r)}),s}recalculatePositionsForResize(){let t=this.getPanes();if(t.length===0)return;t.some(s=>{var i,n,a;return((i=s.size)==null?void 0:i.endsWith("px"))||((n=s.minSize)==null?void 0:n.endsWith("px"))||((a=s.maxSize)==null?void 0:a.endsWith("px"))})&&(this.positions=this.calculatePositions(t),this.requestUpdate())}resizePanes(t,e,s,i,n){let a=this.getAvailableSpace(e.length),{maxSize:r}=this.getPaneConstraints(e[s],a),o=Math.min(n,r-t[s]);if(o<=0)return;let{minSize:h}=this.getPaneConstraints(e[i],a),l=Math.min(o,t[i]-h);t[i]-=l,t[s]+=l;let u=o-l;if(u<=0)return;let[f,C]=s<i?[i+1,e.length]:[0,i];this.cascadeShrink(t,e,f,C,u,s,a)}cascadeShrink(t,e,s,i,n,a,r){let o=n;for(let h=s;h<i&&o>0;h++){let{minSize:l}=this.getPaneConstraints(e[h],r),u=Math.min(o,t[h]-l);u>0&&(t[h]-=u,t[a]+=u,o-=u)}}getPaneSizeStrings(){let t=[],e=0;for(let[s]of this.positions.entries())t.push(`${this.positions[s]-e}%`),e=this.positions[s];return t.push(`${100-e}%`),t}createPaneDetails(){let t=this.getPanes(),e=this.getPaneSizeStrings();return t.map((s,i)=>{let n=parseFloat(e[i]),a=n/100*this.size;return{index:i,size:n,sizePixels:Math.round(a),element:s}})}emitSplitterResizeEvent(t,e){let s=this.createPaneDetails(),i=e>=0?s[e]:null,n=e+1<s.length?s[e+1]:null;this.emit("ev-splitter-resize",{detail:{event:t,index:e,prevPane:i,nextPane:n,panes:s}})}emitAfterSplitterResizeEvent(t,e){let s=this.createPaneDetails(),i=e>=0?s[e]:null,n=e+1<s.length?s[e+1]:null;this.emit("ev-after-splitter-resize",{detail:{event:t,index:e,prevPane:i,nextPane:n,panes:s}})}emitReadyEvent(){if(this.getPanes().length===0)return;let e=this.createPaneDetails();this.emit("ev-ready",{detail:{panes:e}})}updated(){this.updatePaneStyles()}render(){return g`
+      <slot @slotchange=${this.handleSlotChange}></slot>
+      ${this.positions.map((t,e)=>g`
+          <div
+            part="divider divider-${e}"
+            style="--divider-width: ${this.dividerWidth}px;"
+            class="divider"
+            data-index="${e}"
+            tabindex=${v(this.disabled?void 0:"0")}
+            role="separator"
+            aria-valuenow=${this.positions[e]||50}
+            aria-valuemin="0"
+            aria-valuemax="100"
+            aria-label=${this.localize.term("resize")}
+            @keydown=${s=>this.handleKeyDown(s,e)}
+            @mousedown=${s=>this.handleDrag(s,e)}
+            @touchstart=${s=>this.handleDrag(s,e)}
+          >
+            <slot name="divider-${e}">
+              <slot part="handle" class="handle" name="divider"></slot>
+            </slot>
+          </div>
+        `)}
+    `}};c.styles=[S,E],p([m({type:Array,converter:{fromAttribute:t=>{if(!t)return[];try{let e=t.replace(/'/g,'"');return JSON.parse(e)}catch(e){return[]}},toAttribute:t=>JSON.stringify(t)}})],c.prototype,"sizes",2),p([m({type:Boolean,reflect:!0})],c.prototype,"vertical",2),p([m({type:Boolean,reflect:!0})],c.prototype,"disabled",2),p([m({attribute:"auto-save-id"})],c.prototype,"autoSaveId",2),p([m({type:Boolean})],c.prototype,"push",2),p([m({type:Number,attribute:"divider-width"})],c.prototype,"dividerWidth",2),p([m()],c.prototype,"snap",2),p([m({type:Number,attribute:"snap-threshold"})],c.prototype,"snapThreshold",2),p([z("sizes")],c.prototype,"handleSizesChange",1),p([z("vertical")],c.prototype,"handleVerticalChange",1);export{c as a};

package/cdn/chunks/chunk.ND6JQCSV.js

@@ -0,0 +1,14 @@
+import{a as m}from"./chunk.QOXO6BSW.js";import{a as i,b as d,d as b,g as p}from"./chunk.OIRZUCYP.js";import{a as h}from"./chunk.45RIPFQU.js";import{d as g}from"./chunk.QRMWQQRW.js";import{e as a}from"./chunk.FI4IKBIW.js";var o=class extends p{constructor(){super(...arguments);this.disableRole=!1;this.label="";this.gapped=!1}handleFocus(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--focus",!0)}handleBlur(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--focus",!1)}handleMouseOver(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--hover",!0)}handleMouseOut(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let r=e.indexOf(t),l=n(t);l&&(this.gapped||(l.toggleAttribute("data-lynk-button-group__button",!0),l.toggleAttribute("data-lynk-button-group__button--first",r===0),l.toggleAttribute("data-lynk-button-group__button--inner",r>0&&r<e.length-1),l.toggleAttribute("data-lynk-button-group__button--last",r===e.length-1)),l.toggleAttribute("data-lynk-button-group__button--radio",l.tagName.toLowerCase()==="lynk-radio-button"))})}render(){return g`
+      <div
+        part="base"
+        class="button-group"
+        role="${this.disableRole?"presentation":"group"}"
+        aria-label=${this.label}
+        @focusout=${this.handleBlur}
+        @focusin=${this.handleFocus}
+        @mouseover=${this.handleMouseOver}
+        @mouseout=${this.handleMouseOut}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};o.styles=[h,m],a([b("slot")],o.prototype,"defaultSlot",2),a([d()],o.prototype,"disableRole",2),a([i()],o.prototype,"label",2),a([i({type:Boolean,reflect:!0})],o.prototype,"gapped",2);function n(s){var e;let u="lynk-button, lynk-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{o as a};

package/cdn/chunks/chunk.NDHEEB6P.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.UE5AKNX6.js";var t=o;o.define("lynk-tooltip");export{t as a};