@uplynk/lynk-design 1.18.0 → 1.18.1

package/cdn/chunks/chunk.3PFFIZNK.js

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

package/cdn/chunks/chunk.3Q5IO6VL.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.5MH2SKQ3.js";import{a as f}from"./chunk.NAU66JCC.js";import{a as i}from"./chunk.YZSIY5HS.js";import{a,e as c,g as d}from"./chunk.OGCRBJYC.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as m}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends d{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1;this.handleAnimationFinish=()=>{this.play=!1,this.hasStarted=!1,this.emit("ev-finish")};this.handleAnimationCancel=()=>{this.play=!1,this.hasStarted=!1,this.emit("ev-cancel")}}get currentTime(){var s,n;return(n=(s=this.animation)==null?void 0:s.currentTime)!=null?n:0}set currentTime(s){this.animation&&(this.animation.currentTime=s)}connectedCallback(){super.connectedCallback(),this.createAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var h,o;let s=(h=r.easings[this.easing])!=null?h:this.easing,n=(o=this.keyframes)!=null?o:r[this.name],l=(await this.defaultSlot).assignedElements()[0];return!l||!n?!1:(this.destroyAnimation(),this.animation=l.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:s,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("ev-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("ev-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var s;(s=this.animation)==null||s.cancel()}finish(){var s;(s=this.animation)==null||s.finish()}render(){return m` <slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=[p,f],e([c("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([i("name"),i("delay"),i("direction"),i("duration"),i("easing"),i("endDelay"),i("fill"),i("iterations"),i("iterationsStart"),i("keyframes")],t.prototype,"handleAnimationChange",1),e([i("play")],t.prototype,"handlePlayChange",1),e([i("playbackRate")],t.prototype,"handlePlaybackRateChange",1);export{t as a};

package/cdn/chunks/chunk.3T2M5MZS.js

@@ -0,0 +1,149 @@
+import{a as e}from"./chunk.PINNEFCM.js";var t=e`
+  :host {
+    display: block;
+    --submenu-offset: -2px;
+  }
+
+  :host([inert]) {
+    display: none;
+  }
+
+  .menu-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    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-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-neutral-700);
+    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-2x-small);
+    transition: var(--lynk-transition-fast) fill;
+    user-select: none;
+    -webkit-user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+  }
+
+  .menu-item.menu-item--disabled {
+    outline: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .menu-item.menu-item--loading {
+    outline: none;
+    cursor: wait;
+  }
+
+  .menu-item.menu-item--loading *:not(lynk-spinner) {
+    opacity: 0.5;
+  }
+
+  .menu-item--loading lynk-spinner {
+    --indicator-color: currentColor;
+    --track-width: 1px;
+    position: absolute;
+    font-size: 0.75em;
+    top: calc(50% - 0.5em);
+    left: 0.65rem;
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .menu-item .menu-item__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .menu-item .menu-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  /* Safe triangle */
+  .menu-item--submenu-expanded::after {
+    content: '';
+    position: fixed;
+    z-index: calc(var(--lynk-z-index-dropdown) - 1);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    clip-path: polygon(
+      var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),
+      var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0),
+      var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0)
+    );
+  }
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  :host(:hover:not([aria-disabled='true'])) .menu-item,
+  :host(:focus-visible) .menu-item,
+  :host(:focus-visible:hover:not([aria-disabled='true'])) .menu-item,
+  .menu-item--submenu-expanded {
+    outline: none;
+    background-color: var(--lynk-color-neutral-200);
+    color: var(--lynk-color-neutral-1000);
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__check,
+  .menu-item .menu-item__chevron {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5em;
+    visibility: hidden;
+  }
+
+  .menu-item--checked .menu-item__check,
+  .menu-item--has-submenu .menu-item__chevron {
+    visibility: visible;
+  }
+
+  /* Add elevation and z-index to submenus */
+  lynk-popup::part(popup) {
+    box-shadow: var(--lynk-shadow-large);
+    z-index: var(--lynk-z-index-dropdown);
+    margin-left: var(--submenu-offset);
+  }
+
+  .menu-item--rtl lynk-popup::part(popup) {
+    margin-left: calc(-1 * var(--submenu-offset));
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .menu-item,
+    :host(:focus-visible) .menu-item {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+
+  ::slotted(lynk-menu) {
+    max-width: var(--auto-size-available-width) !important;
+    max-height: var(--auto-size-available-height) !important;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.3T5GMCDZ.js

@@ -0,0 +1,56 @@
+import{a as b}from"./chunk.FMW7CFR4.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as h,c as d}from"./chunk.VDJQBFEB.js";import{a as u,c as p}from"./chunk.DCN42ZX4.js";import{a as g}from"./chunk.MEKW2OXH.js";import{a as v}from"./chunk.YHSYTTFF.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as l}from"./chunk.7TAXE2HP.js";import{a,b as f,d as r,g as y}from"./chunk.OGCRBJYC.js";import{a as w}from"./chunk.MXDME6T6.js";import{a as T}from"./chunk.OM4Y7C6R.js";import{d as n}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var s=Object.assign(document.createElement("div"),{className:"lynk-toast-stack"}),t=class extends y{constructor(){super(...arguments);this.hasSlotController=new v(this,"icon","suffix","action");this.localize=new g(this);this.open=!1;this.closable=!1;this.type="primary";this.appearance="standard";this.size="medium";this.duration=1/0;this.remainingTime=this.duration}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100))}pauseAutoHide(){var e;(e=this.countdownAnimation)==null||e.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)}resumeAutoHide(){var e;this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.remainingTime),this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100),(e=this.countdownAnimation)==null||e.play())}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){let{countdownElement:e}=this,o="100%",C="0";this.countdownAnimation=e.animate([{width:o},{width:C}],{duration:this.duration,easing:"linear"})}}handleCloseClick(){this.hide()}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.duration<1/0&&this.restartAutoHide(),await d(this.base),this.base.hidden=!1;let{keyframes:e,options:o}=p(this,"alert.show",{dir:this.localize.dir()});await h(this.base,e,o),this.emit("ev-after-show")}else{this.emit("ev-hide"),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),await d(this.base);let{keyframes:e,options:o}=p(this,"alert.hide",{dir:this.localize.dir()});await h(this.base,e,o),this.base.hidden=!0,this.emit("ev-after-hide")}}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,await m(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,await m(this,"ev-after-hide")}async toast(){return await new Promise(e=>{this.handleCountdownChange(),s.parentElement===null&&document.body.append(s),s.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("ev-after-hide",()=>{s.removeChild(this),e(),s.querySelector("lynk-alert")===null&&s.remove()},{once:!0})})}render(){return n`
+      <div
+        part="base"
+        class=${l({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--standard":this.appearance==="standard","alert--filled":this.appearance==="filled","alert--small":this.size==="small","alert--medium":this.size==="medium","alert--large":this.size==="large","alert--has-icon":this.hasSlotController.test("icon")||this.type==="info"||this.type==="neutral"||this.type==="success"||this.type==="warning"||this.type==="danger","alert--primary":this.type==="primary","alert--info":this.type==="info","alert--success":this.type==="success","alert--neutral":this.type==="neutral","alert--warning":this.type==="warning","alert--danger":this.type==="danger"})}
+        role="alert"
+        aria-hidden=${this.open?"false":"true"}
+        @mouseenter=${this.pauseAutoHide}
+        @mouseleave=${this.resumeAutoHide}
+      >
+        <div part="icon" class="alert__icon">
+          <slot name="icon">
+            ${this.type?n`
+                    <lynk-icon
+                      library="system"
+                      name="${this.type==="info"?"info-circle":this.type==="neutral"?"question-square":this.type==="success"?"check-circle":this.type==="warning"?"exclamation-triangle":this.type==="danger"?"exclamation-octagon":""}"
+                    ></lynk-icon>
+                  `:""}
+          </slot>
+        </div>
+
+        <div part="message" class="alert__message" aria-live="polite">
+          <slot></slot>
+        </div>
+
+        ${this.hasSlotController.test("action")?n`
+                <span part="action" class="alert__action">
+                  <slot name="action"></slot>
+                </span>
+              `:""}
+        ${this.closable?n`
+                <lynk-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  class="alert__close-button"
+                  size="small"
+                  name="x"
+                  color=${this.type}
+                  appearance="plain"
+                  circle
+                  @click=${this.handleCloseClick}
+                >
+                  <lynk-icon name="x" label=${this.localize.term("close")} library="system"></lynk-icon>
+                </lynk-button>
+              `:""}
+
+        <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+        ${this.countdown?n`
+                <div
+                  class=${l({alert__countdown:!0,"alert__countdown--ltr":this.countdown==="ltr"})}
+                >
+                  <div class="alert__countdown-elapsed"></div>
+                </div>
+              `:""}
+      </div>
+    `}};t.styles=[w,T],t.dependencies={"lynk-icon-button":b},i([r('[part="base"]')],t.prototype,"base",2),i([r(".alert__countdown-elapsed")],t.prototype,"countdownElement",2),i([a({type:Boolean,reflect:!0})],t.prototype,"open",2),i([a({type:Boolean,reflect:!0})],t.prototype,"closable",2),i([a({reflect:!0})],t.prototype,"type",2),i([a({reflect:!0})],t.prototype,"appearance",2),i([a({reflect:!0})],t.prototype,"size",2),i([a({type:Number})],t.prototype,"duration",2),i([a({type:String,reflect:!0})],t.prototype,"countdown",2),i([f()],t.prototype,"remainingTime",2),i([c("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([c("duration")],t.prototype,"handleDurationChange",1);u("alert.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});u("alert.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};

package/cdn/chunks/chunk.3XR2Q4AL.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.CZTW2WL3.js";var r=e;e.define("lynk-nav-group");export{r as a};

package/cdn/chunks/chunk.3YOH2VPP.js

@@ -0,0 +1,85 @@
+import{a as o}from"./chunk.PINNEFCM.js";var r=o`
+  :host([color='neutral']) {
+    --lynk-color-fill-loud: var(--lynk-color-neutral-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-neutral-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-neutral-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-neutral-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-neutral-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-neutral-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-neutral-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-neutral-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-neutral-on-quiet);
+  }
+
+  :host([color='primary']) {
+    --lynk-color-fill-loud: var(--lynk-color-primary-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-primary-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-primary-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-primary-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-primary-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-primary-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-primary-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-primary-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-primary-on-quiet);
+  }
+
+  :host([color='accent']) {
+    --lynk-color-fill-loud: var(--lynk-color-accent-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-accent-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-accent-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-accent-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-accent-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-accent-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-accent-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-accent-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-accent-on-quiet);
+  }
+
+  :host([color='success']) {
+    --lynk-color-fill-loud: var(--lynk-color-success-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-success-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-success-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-success-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-success-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-success-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-success-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-success-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-success-on-quiet);
+  }
+
+  :host([color='warning']) {
+    --lynk-color-fill-loud: var(--lynk-color-warning-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-warning-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-warning-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-warning-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-warning-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-warning-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-warning-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-warning-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-warning-on-quiet);
+  }
+
+  :host([color='danger']) {
+    --lynk-color-fill-loud: var(--lynk-color-danger-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-danger-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-danger-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-danger-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-danger-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-danger-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-danger-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-danger-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-danger-on-quiet);
+  }
+
+  :host([color='info']) {
+    --lynk-color-fill-loud: var(--lynk-color-info-fill-loud);
+    --lynk-color-fill-normal: var(--lynk-color-info-fill-normal);
+    --lynk-color-fill-quiet: var(--lynk-color-info-fill-quiet);
+    --lynk-color-border-loud: var(--lynk-color-info-border-loud);
+    --lynk-color-border-normal: var(--lynk-color-info-border-normal);
+    --lynk-color-border-quiet: var(--lynk-color-info-border-quiet);
+    --lynk-color-on-loud: var(--lynk-color-info-on-loud);
+    --lynk-color-on-normal: var(--lynk-color-info-on-normal);
+    --lynk-color-on-quiet: var(--lynk-color-info-on-quiet);
+  }
+`;export{r as a};

package/cdn/chunks/chunk.3Z5O4ABS.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7X3DH6XR.js";var o=e;e.define("lynk-clock");export{o as a};

package/cdn/chunks/chunk.42OVAFJP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.76MOMAEB.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tree";e.define("lynk-tree");var r=n({tagName:o,elementClass:e,react:t,events:{EvSelectionChange:"ev-selection-change"},displayName:"LynkTree"}),s=r;export{s as a};

package/cdn/chunks/chunk.42VYGSDW.js

@@ -0,0 +1,50 @@
+import{a as T}from"./chunk.3HXL4YZH.js";import{a as y}from"./chunk.R46EGIPR.js";import{a as o,c,d as p}from"./chunk.VDJQBFEB.js";import{a as f,c as u}from"./chunk.DCN42ZX4.js";import{a as m,b as d}from"./chunk.UBVFZZFQ.js";import{a as w}from"./chunk.MEKW2OXH.js";import{a as S}from"./chunk.NEUNERXI.js";import{a as n}from"./chunk.TETFNMKN.js";import{b as $}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as x}from"./chunk.7TAXE2HP.js";import{a as s,b as l,d as r,g as C}from"./chunk.OGCRBJYC.js";import{a as v}from"./chunk.MXDME6T6.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class t extends C{constructor(){super(...arguments);this.localize=new w(this);this.childItems=[];this.isParent=!1;this.isChild=!1;this.loading=!1;this.depth=0;this.squished=!1;this.title="";this.name="";this.value="";this.href="";this.selected=!1;this.expanded=!1;this.disabled=!1;this.noLabel=!1}static isTreeItem(e){return e instanceof Element&&e.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children",this.isChild=!0,this.depth=this.getDepth())}firstUpdated(){this.childrenContainer&&(this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0"),this.isParent=this.hasChildren,this.handleExpandedChange(),this.handleSquished()}click(){this.navItem.click()}async animateCollapse(){this.emit("ev-collapse"),await c(this.childrenContainer);let{keyframes:e,options:a}=u(this,"nav-item.collapse",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("ev-after-collapse")}async animateExpand(){this.emit("ev-expand"),await c(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:e,options:a}=u(this,"nav-item.expand",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("ev-after-expand")}isNestedItem(){let e=this.parentElement;return!!e&&t.isTreeItem(e)}handleChildrenSlotChange(){this.childItems=this.getChildrenItems(),this.isParent=this.childItems.length>0}get hasChildren(){return this.childItems.length>0}getDepth(){let e=0,a=this.parentElement;for(;a instanceof t;)e++,a=a.parentElement;return e}getTextLabel(){return $(this.defaultSlot)}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleExpandedChange(){this.hasChildren?this.setAttribute("aria-expanded",this.expanded?"true":"false"):this.removeAttribute("aria-expanded")}handleExpandAnimation(){this.expanded?this.animateExpand():this.animateCollapse()}handleSquished(){this.squished?this.setAttribute("squished",this.squished?"true":"false"):this.removeAttribute("squished")}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.hasChildren&&(this.expanded=!this.expanded,e.stopPropagation())}handleDefaultSlotChange(){let e=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=e;return}e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}getChildrenItems({includeDisabled:e=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>t.isTreeItem(a)&&(e||!a.disabled)):[]}render(){let e=!!this.href,a=e?m`a`:m`button`,g=this.localize.dir()==="rtl";return d`
+      <${a}
+        class=${x({"nav-item":!0,"nav-item--disabled":this.disabled,"nav-item--selected":this.selected,"nav-item--has-children":this.isParent,"nav-item--expanded":this.expanded,"nav-item--squished":this.squished,"nav-item--rtl":g})}
+        ?disabled=${this.disabled}
+        title=${this.title}
+        part="nav-item"
+        name=${n(e?void 0:this.name)}
+        value=${n(e?void 0:this.value)}
+        href=${n(e?this.href:void 0)}
+        target=${n(e?this.target:void 0)}
+        download=${n(e?this.download:void 0)}
+        rel=${n(e&&this.target?"noreferrer noopener":void 0)}
+        data-level=${this.depth}
+        aria-disabled=${this.disabled?"true":"false"}
+        @click=${this.handleClick}
+        tabindex="-1"
+        aria-current=${n(this.selected&&this.href?"page":void 0)}
+      >
+        <slot name="prefix" part="prefix" class="nav-item__prefix"></slot>
+        <slot part="label" class="nav-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="nav-item__suffix"></slot>
+
+        ${this.isParent?d`
+                <span class="nav-item__chevron">
+                  <lynk-icon
+                    library="system"
+                    aria-hidden="true"
+                    name=${this.squished?"chevron-down":g?"chevron-left":"chevron-right"}
+                  ></lynk-icon>
+                </span>
+              `:""}
+
+        ${this.target==="_blank"?d`
+                <span class="nav-item__external">
+                  <lynk-icon library="system" aria-hidden="true" name="external"></lynk-icon>
+                </span>
+              `:""}
+
+      </${a}>
+
+      <div
+        part="children"
+        class="nav-item__children"
+        role="group"
+        ?inert=${!this.expanded}
+      >
+        <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
+      </div>
+    `}};t.styles=[v,T],t.dependencies={"lynk-icon":S,"lynk-tooltip":y},i([l()],t.prototype,"isParent",2),i([l()],t.prototype,"isChild",2),i([l()],t.prototype,"loading",2),i([l()],t.prototype,"depth",2),i([s({type:Boolean,reflect:!0})],t.prototype,"squished",2),i([s()],t.prototype,"title",2),i([s()],t.prototype,"name",2),i([s()],t.prototype,"value",2),i([s()],t.prototype,"href",2),i([s()],t.prototype,"target",2),i([s()],t.prototype,"download",2),i([s({type:Boolean,reflect:!0})],t.prototype,"selected",2),i([s({type:Boolean,reflect:!0})],t.prototype,"expanded",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({attribute:"no-label",type:Boolean,reflect:!0})],t.prototype,"noLabel",2),i([r("slot:not([name])")],t.prototype,"defaultSlot",2),i([r("slot[name=children]")],t.prototype,"childrenSlot",2),i([r(".nav-item")],t.prototype,"navItem",2),i([r(".nav-item__children")],t.prototype,"childrenContainer",2),i([h("disabled")],t.prototype,"handleDisabledChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandedChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandAnimation",1),i([h("squished",{waitUntilFirstUpdate:!0})],t.prototype,"handleSquished",1);var b=t;f("nav-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});f("nav-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{b as a};

package/cdn/chunks/chunk.45XJQKDT.js

@@ -0,0 +1,10 @@
+import{a as o}from"./chunk.PINNEFCM.js";var i=o`
+  .combobox:not(.combobox--disabled) .combobox__display-input {
+    cursor: text;
+  }
+
+  .listbox__options ::slotted(lynk-option[hidden]),
+  .listbox__options ::slotted(lynk-optgroup[hidden]) {
+    display: none;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.4AEY4HH6.js

@@ -0,0 +1,25 @@
+import{a as r}from"./chunk.PINNEFCM.js";var a=r`
+  :host {
+    --color: var(--lynk-divider-color, var(--lynk-color-neutral-200));
+    --width: var(--lynk-panel-border-width, 1px);
+    --spacing: var(--lynk-spacing-medium);
+  }
+
+  :host(:not([vertical])) {
+    display: block;
+    width: 100%;
+    border-top: solid var(--width) var(--color);
+    margin: var(--spacing) 0;
+  }
+
+  :host([vertical]) {
+    display: inline-block;
+    height: 100%;
+    border-left: solid var(--width) var(--color);
+    margin: 0 var(--spacing);
+  }
+
+  :host([vertical][auto]) {
+    height: auto;
+  }
+`;export{a};

package/cdn/chunks/chunk.4BEJ7WDD.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.QC3T2S63.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var m="lynk-menu";e.define("lynk-menu");var o=n({tagName:m,elementClass:e,react:t,events:{EvSelect:"ev-select"},displayName:"LynkMenu"}),s=o;export{s as a};

package/cdn/chunks/chunk.4D37TQMU.js

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

package/cdn/chunks/chunk.4GDPYWDZ.js

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

package/cdn/chunks/chunk.4HNCA6LP.js

@@ -0,0 +1,144 @@
+import{a as H}from"./chunk.6IYFH3LH.js";import{a as A}from"./chunk.ZFVYL76J.js";import{c as I}from"./chunk.HUMDDNNQ.js";import{a as D}from"./chunk.JI63QKDW.js";import{a as k}from"./chunk.TDOASTU4.js";import{a as _}from"./chunk.MU6JKVJB.js";import{b as T}from"./chunk.V7E6ITFP.js";import{a as y}from"./chunk.KLRPP4NQ.js";import{a as f,c as v}from"./chunk.VDJQBFEB.js";import{a as b,c as g}from"./chunk.DCN42ZX4.js";import{a as $}from"./chunk.MEKW2OXH.js";import{a as E}from"./chunk.NEUNERXI.js";import{a as w}from"./chunk.YHSYTTFF.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a as C}from"./chunk.7TAXE2HP.js";import{a as o,b as u,d as c,g as O}from"./chunk.OGCRBJYC.js";import{a as x}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends O{constructor(){super(...arguments);this.formControlController=new T(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new w(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new $(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.readonly=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.form="";this.required=!1;this.optional=!1;this.dirty=!1;this.restricted=!1;this.state="default";this.inline=!1;this.getTag=t=>r`
+      <lynk-tag
+        part="tag"
+        exportparts="
+              base:tag__base,
+              content:tag__content,
+              remove-button:tag__remove-button,
+              remove-button__base:tag__remove-button__base
+            "
+        ?pill=${this.pill}
+        size=${this.size}
+        ?removable=${!this.restricted}
+        @ev-remove=${s=>this.handleTagRemove(s,t)}
+      >
+        ${t.getTextLabel()}
+      </lynk-tag>
+    `;this.handleDocumentFocusIn=t=>{let s=t.composedPath();this&&!s.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let s=t.target,l=s.closest(".select__clear")!==null,n=s.closest("lynk-icon-button")!==null,p=s.closest("lynk-input")!==null;if(!(l||n||p)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let a=this.getAllOptions(),d=a.indexOf(this.currentOption),h=Math.max(0,d);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=d+1,h>a.length-1&&(h=0)):t.key==="ArrowUp"?(h=d-1,h<0&&(h=a.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=a.length-1),this.setCurrentOption(a[h])}if(t.key.length===1||t.key==="Backspace"){let a=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let d of a)if(d.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(d);break}}}};this.handleDocumentMouseDown=t=>{let s=t.composedPath();this&&!s.includes(this)&&this.hide()}}get value(){return this._value}set value(t){t==null&&(t=this.multiple?[]:""),this.multiple?t=Array.isArray(t)?t:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleComboboxMouseDown(t){let l=t.composedPath().some(n=>n instanceof Element&&n.tagName.toLowerCase()==="lynk-icon-button");this.disabled||this.readonly||this.restricted||l||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let l=t.target.closest("lynk-option"),n=this.value;l&&!l.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(l):this.setSelectedOptions(l),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==n&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("lynk-option")||customElements.whenDefined("lynk-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),s=this.valueHasChanged?this.value:this.defaultValue,l=Array.isArray(s)?s:[s],n=[];t.forEach(p=>n.push(p.value)),this.setSelectedOptions(t.filter(p=>l.includes(p.value)))}handleTagRemove(t,s){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(s,!1),this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}))}getAllOptions(){return[...this.querySelectorAll("lynk-option")]}getFirstOption(){return this.querySelector("lynk-option")}setCurrentOption(t){this.getAllOptions().forEach(l=>{l.current=!1,l.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let s=this.getAllOptions(),l=Array.isArray(t)?t:[t];s.forEach(n=>n.selected=!1),l.length&&l.forEach(n=>n.selected=!0),this.selectionChanged()}toggleOptionSelection(t,s){s===!0||s===!1?t.selected=s:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var l,n,p;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let s=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length);else{let a=this.selectedOptions[0];this.value=(l=a==null?void 0:a.value)!=null?l:"",this.displayLabel=(p=(n=a==null?void 0:a.getTextLabel)==null?void 0:n.call(a))!=null?p:""}this.valueHasChanged=s,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,s)=>{if(s<this.maxOptionsVisible||this.maxOptionsVisible<=0){let l=this.getTag(t,s);return r`<div @ev-remove=${n=>this.handleTagRemove(n,t)}>
+          ${typeof l=="string"?D(l):l}
+        </div>`}else if(s===this.maxOptionsVisible)return r`<lynk-tag size=${this.size}>+${this.selectedOptions.length-s}</lynk-tag>`;return r``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){(this.disabled||this.restricted)&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,s,l){if(super.attributeChangedCallback(t,s,l),t==="value"){let n=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=n}}handleValueChange(){if(!this.valueHasChanged){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}let t=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(l=>s.includes(l.value)))}async handleOpenChange(){if(this.open&&!this.disabled&&!this.readonly){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("ev-show"),this.addOpenListeners(),await v(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:s}=g(this,"select.show",{dir:this.localize.dir()});await f(this.popup.popup,t,s),this.currentOption&&I(this.currentOption,this.listbox,"vertical","auto"),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await v(this);let{keyframes:t,options:s}=g(this,"select.hide",{dir:this.localize.dir()});await f(this.popup.popup,t,s),this.listbox.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}async show(){if(this.open||this.disabled||this.readonly||this.restricted){this.open=!1;return}return this.open=!0,await y(this,"ev-after-show")}async hide(){if(!this.open||this.disabled||this.readonly||this.restricted){this.open=!1;return}return this.open=!1,await y(this,"ev-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){let t=this.clearable&&!this.disabled&&!this.readonly&&this.value&&this.value.length>0,s=this.placeholder&&(!this.value||this.value.length===0);return r`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?r`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?r`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?r`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <lynk-popup
+          class=${C({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--restricted":this.restricted,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":s,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
+          placement=${this.placement}
+          strategy=${this.hoist?"fixed":"absolute"}
+          flip
+          shift
+          sync="width"
+          auto-size="vertical"
+          auto-size-padding="10"
+        >
+          <div
+            part="combobox"
+            class="select__combobox"
+            slot="anchor"
+            @keydown=${this.handleComboboxKeyDown}
+            @mousedown=${this.handleComboboxMouseDown}
+          >
+            <slot part="prefix" name="prefix" class="select__prefix"></slot>
+
+            ${this.restricted?r`
+                    <div part="display-input" class="select__display-input">
+                      ${this.displayLabel?this.displayLabel:"-"}
+                    </div>
+                  `:r`
+                    <input
+                      part="display-input"
+                      class="select__display-input"
+                      type="text"
+                      placeholder=${this.placeholder}
+                      .disabled=${this.disabled}
+                      .value=${this.displayLabel}
+                      autocomplete="off"
+                      spellcheck="false"
+                      autocapitalize="off"
+                      readonly
+                      aria-controls="listbox"
+                      aria-expanded=${this.open?"true":"false"}
+                      aria-haspopup="listbox"
+                      aria-disabled=${this.disabled?"true":"false"}
+                      aria-readonly=${this.readonly?"true":"false"}
+                      aria-label=${this.label||"Select"}
+                      role="combobox"
+                      tabindex="0"
+                      @focus=${this.handleFocus}
+                      @blur=${this.handleBlur}
+                    />
+                  `}
+            ${this.multiple?r`<div part="tags" class="select__tags">${this.tags}</div>`:""}
+
+            <input
+              class="select__value-input"
+              type="text"
+              ?disabled=${this.disabled||this.restricted}
+              ?required=${this.required}
+              .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+              tabindex="-1"
+              aria-hidden="true"
+              @focus=${()=>this.focus()}
+              @invalid=${this.handleInvalid}
+            />
+
+            ${t?r`
+                    <button
+                      part="clear-button"
+                      class="select__clear"
+                      type="button"
+                      aria-label=${this.localize.term("clearEntry")}
+                      @mousedown=${this.handleClearMouseDown}
+                      @click=${this.handleClearClick}
+                      tabindex="-1"
+                    >
+                      <slot name="clear-icon">
+                        <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
+                      </slot>
+                    </button>
+                  `:""}
+
+            <slot name="suffix" part="suffix" class="select__suffix"></slot>
+
+            <slot name="expand-icon" part="expand-icon" class="select__expand-icon">
+              <lynk-icon library="system" name="chevron-down"></lynk-icon>
+            </slot>
+          </div>
+
+          <div
+            id="listbox"
+            role="listbox"
+            aria-expanded=${this.open?"true":"false"}
+            aria-multiselectable=${this.multiple?"true":"false"}
+            aria-label=${this.label||"Select options"}
+            part="listbox"
+            class="select__listbox"
+            tabindex="-1"
+            @mouseup=${this.handleOptionClick}
+            @slotchange=${this.handleDefaultSlotChange}
+          >
+            <slot></slot>
+          </div>
+        </lynk-popup>
+      </lynk-form-field>
+    `}};e.styles=[x,H],e.dependencies={"lynk-form-field":k,"lynk-icon":E,"lynk-popup":_,"lynk-tag":A},i([c(".select")],e.prototype,"popup",2),i([c(".select__combobox")],e.prototype,"combobox",2),i([c(".select__display-input")],e.prototype,"displayInput",2),i([c(".select__value-input")],e.prototype,"valueInput",2),i([c(".select__listbox")],e.prototype,"listbox",2),i([u()],e.prototype,"hasFocus",2),i([u()],e.prototype,"displayLabel",2),i([u()],e.prototype,"currentOption",2),i([u()],e.prototype,"selectedOptions",2),i([u()],e.prototype,"valueHasChanged",2),i([o()],e.prototype,"name",2),i([u()],e.prototype,"value",1),i([o({attribute:"value"})],e.prototype,"defaultValue",2),i([o({reflect:!0})],e.prototype,"size",2),i([o()],e.prototype,"placeholder",2),i([o({type:Boolean,reflect:!0})],e.prototype,"multiple",2),i([o({attribute:"max-options-visible",type:Number})],e.prototype,"maxOptionsVisible",2),i([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([o({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([o({type:Boolean})],e.prototype,"clearable",2),i([o({type:Boolean,reflect:!0})],e.prototype,"open",2),i([o({type:Boolean})],e.prototype,"hoist",2),i([o({type:Boolean,reflect:!0})],e.prototype,"filled",2),i([o({type:Boolean,reflect:!0})],e.prototype,"pill",2),i([o()],e.prototype,"label",2),i([o({reflect:!0})],e.prototype,"placement",2),i([o({attribute:"help-text"})],e.prototype,"helpText",2),i([o({attribute:"label-end"})],e.prototype,"labelEnd",2),i([o({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),i([o({attribute:"help-tip"})],e.prototype,"helpTip",2),i([o({reflect:!0})],e.prototype,"form",2),i([o({type:Boolean,reflect:!0})],e.prototype,"required",2),i([o({type:Boolean,reflect:!0})],e.prototype,"optional",2),i([o({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([o({type:Boolean,reflect:!0})],e.prototype,"restricted",2),i([o({reflect:!0})],e.prototype,"state",2),i([o({type:Boolean,reflect:!0})],e.prototype,"inline",2),i([o()],e.prototype,"getTag",2),i([m(["disabled","restricted"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([m(["defaultValue","value"],{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),i([m("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1);b("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{e as a};

package/cdn/chunks/chunk.4J2PTOHP.js

@@ -0,0 +1,15 @@
+import{b as S}from"./chunk.CMH4T3CX.js";import{a as y,b as c,c as g}from"./chunk.SOFM6CQG.js";import{d as p,h as d}from"./chunk.PINNEFCM.js";var r=(i,e)=>{var s;let t=i._$AN;if(t===void 0)return!1;for(let o of t)(s=o._$AO)==null||s.call(o,e,!1),r(o,e);return!0},h=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while((t==null?void 0:t.size)===0)},C=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),A(e)}};function L(i){this._$AN!==void 0?(h(this),this._$AM=i,C(this)):this._$AM=i}function M(i,e=!1,t=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(s))for(let n=t;n<s.length;n++)r(s[n],!1),h(s[n]);else s!=null&&(r(s,!1),h(s));else r(this,i)}var A=i=>{var e,t;i.type==y.CHILD&&((e=i._$AP)!=null||(i._$AP=M),(t=i._$AQ)!=null||(i._$AQ=L))},u=class extends g{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,s){super._$AT(e,t,s),C(this),this.isConnected=e._$AU}_$AO(e,t=!0){var s,o;e!==this.isConnected&&(this.isConnected=e,e?(s=this.reconnected)==null||s.call(this):(o=this.disconnected)==null||o.call(this)),t&&(r(this,e),h(this))}setValue(e){if(S(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var E=()=>new f,f=class{},m=new WeakMap,$=c(class extends u{render(i){return d}update(i,[e]){var s;let t=e!==this.G;return t&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=e,this.ht=(s=i.options)==null?void 0:s.host,this.rt(this.ct=i.element)),d}rt(i){var e;if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let t=(e=this.ht)!=null?e:globalThis,s=m.get(t);s===void 0&&(s=new WeakMap,m.set(t,s)),s.get(this.G)!==void 0&&this.G.call(this.ht,void 0),s.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,t;return typeof this.G=="function"?(e=m.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var k=class{constructor(e,t){this.popupRef=E();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var t;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="lynk-menu-item"||(t=e.target.role)!=null&&t.startsWith("menuitem"))&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),t=e==null?void 0:e.assignedElements({flatten:!0}).filter(v=>v.localName==="lynk-menu")[0],s=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:o,top:n,width:a,height:l}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${s?o+a:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${s?o+a:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+l}px`)};(this.host=e).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("ev-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("ev-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let s=null;for(let o of t.assignedElements())if(s=o.querySelectorAll("lynk-menu-item, [role^='menuitem']"),s.length!==0)break;if(!(!s||s.length===0)){s[0].setAttribute("tabindex","0");for(let o=1;o!==s.length;++o)s[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?s[0]instanceof HTMLElement&&s[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{s[0]instanceof HTMLElement&&s[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),s=["padding-top","border-top-width","margin-top"].reduce((n,a)=>{var b;let l=(b=e.get(a))!=null?b:new CSSUnitValue(0,"px"),R=(l instanceof CSSUnitValue?l:new CSSUnitValue(0,"px")).to("px");return n-R.value},0);this.skidding=s}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?p`
+      <lynk-popup
+        ${$(this.popupRef)}
+        placement=${e?"left-start":"right-start"}
+        .anchor=${this.host}
+        flip
+        flip-fallback-strategy="best-fit"
+        skidding="${this.skidding}"
+        strategy="fixed"
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <slot name="submenu"></slot>
+      </lynk-popup>
+    `:p` <slot name="submenu" hidden></slot> `}};export{k as a};

package/cdn/chunks/chunk.4NGVBKBN.js

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