@uplynk/lynk-design 1.14.0 → 1.16.0

package/cdn/chunks/chunk.W7S2CWW4.js

@@ -0,0 +1,17 @@
+import{a as l}from"./chunk.OAB62Q2Y.js";var a=l`
+  :host {
+    display: block;
+  }
+
+  .menu-label {
+    display: inline-block;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-small);
+    font-weight: var(--lynk-font-weight-semibold);
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-neutral-500);
+    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-large);
+    user-select: none;
+  }
+`;export{a};

package/cdn/chunks/chunk.WDKD5DIJ.js

@@ -0,0 +1,230 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var a=e`
+  :host {
+    display: block;
+    --hover-bg-color: var(--lynk-color-gray-a25);
+    --selected-color: var(--lynk-color-neutral-1000);
+    --selected-indicator-color: var(--lynk-color-primary);
+    --selected-bg-color: var(--lynk-color-gray-a25);
+    --border-radius: var(--lynk-border-radius-medium);
+    --padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-small);
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .nav-item {
+    align-items: stretch;
+    justify-content: start;
+    color: var(--nav-item-color);
+    cursor: pointer;
+    border-radius: var(--border-radius);
+    display: flex;
+    hyphens: auto;
+    padding: var(--padding);
+    position: relative;
+    text-decoration: none;
+    border: none;
+    background: none;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    text-align: unset;
+    width: 100%;
+    width: -moz-available;
+    width: -webkit-fill-available;
+    width: fill-available;
+    word-break: normal;
+    line-height: var(--lynk-line-height-dense);
+    transition: var(--lynk-transition-fast) fill;
+  }
+
+  .nav-item::before {
+    position: absolute;
+    width: 4px;
+    bottom: -2px;
+    top: -2px;
+    left: -8px;
+    content: '';
+    pointer-events: none;
+    border-radius: var(--border-radius);
+  }
+
+  :host(:focus-visible) .nav-item {
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+    background-color: var(--hover-bg-color);
+    outline: 1px solid var(--lynk-color-primary);
+    z-index: 2;
+  }
+
+  .nav-item:hover {
+    background-color: var(--hover-bg-color);
+  }
+
+  .nav-item.nav-item--disabled {
+    outline: none;
+    opacity: 0.5;
+  }
+
+  .nav-item.nav-item--selected {
+    color: var(--selected-color);
+    background-color: var(--selected-bg-color);
+  }
+
+  .nav-item.nav-item--selected::before {
+    background-color: var(--selected-indicator-color);
+    display: block;
+  }
+
+  .nav-item .nav-item__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    min-width: 0;
+  }
+
+  .nav-item .nav-item__prefix,
+  .nav-item .nav-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: 1.25em;
+  }
+
+  .nav-item .nav-item__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-small);
+  }
+
+  .nav-item .nav-item__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  .nav-item__chevron {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--lynk-transition-fast) all;
+  }
+
+  .nav-item--expanded .nav-item__chevron {
+    rotate: 90deg;
+  }
+
+  .nav-item__children {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-2x-small);
+    margin: var(--lynk-spacing-2x-small) 0;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .nav-item[data-level='1'] {
+    margin-inline-start: var(--lynk-spacing-x-large);
+  }
+
+  .nav-item[data-level='2'] {
+    margin-inline-start: var(--lynk-spacing-2x-large);
+  }
+
+  .nav-item.nav-item--rtl[data-level='1'] {
+    margin-inline-end: calc(var(--lynk-spacing-x-large) + 2px);
+  }
+
+  .nav-item.nav-item--rtl[data-level='2'] {
+    margin-inline-end: var(--lynk-spacing-2x-large);
+  }
+
+  .nav-item.nav-item--squished {
+    text-align: center;
+    flex-direction: column;
+    align-items: center;
+    font-size: var(--lynk-font-size-small);
+    line-height: var(--lynk-line-height-dense);
+    border-radius: var(--border-radius);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-2x-small);
+    margin-inline-start: 0;
+  }
+
+  .nav-item--squished.nav-item--selected {
+    color: var(--selected-color);
+    background-color: var(--selected-bg-color);
+  }
+
+  .nav-item.nav-item--squished::before {
+    display: none;
+  }
+
+  .nav-item.nav-item--squished .nav-item__chevron {
+    opacity: 0;
+    position: absolute;
+    bottom: -2px;
+    margin-left: -6px;
+    left: 50%;
+  }
+
+  .nav-item.nav-item--squished:hover .nav-item__chevron,
+  .nav-item.nav-item--expanded .nav-item__chevron {
+    opacity: 1;
+  }
+
+  .nav-item--expanded.nav-item--squished .nav-item__chevron {
+    rotate: 180deg;
+  }
+
+  .nav-item.nav-item--squished.nav-item--selected::before {
+    border-color: var(--selected-color);
+  }
+
+  .nav-item.nav-item--squished .nav-item__prefix::slotted(*) {
+    margin-inline-end: 0;
+    margin-block-end: var(--lynk-spacing-2x-small);
+  }
+
+  .nav-item.nav-item--squished .nav-item__suffix::slotted(*) {
+    margin-inline-start: 0;
+    margin-block-start: var(--lynk-spacing-2x-small);
+  }
+
+  .nav-item.nav-item--squished .nav-item__prefix,
+  .nav-item.nav-item--squished .nav-item__suffix {
+    font-size: 20px;
+  }
+
+  .nav-item--squished + .nav-item__children {
+    margin: var(--lynk-spacing-2x-small) 0;
+    padding: var(--lynk-spacing-2x-small) 0;
+    border-top: 1px solid var(--selected-bg-color);
+    border-bottom: 1px solid var(--selected-bg-color);
+  }
+
+  :host([no-label]) .nav-item__label {
+    display: none;
+  }
+
+  :host([no-label]) .nav-item .nav-item__prefix::slotted(*) {
+    margin-inline-end: 0;
+    margin-block-end: 0;
+  }
+
+  :host([no-label]) .nav-item .nav-item__suffix::slotted(*) {
+    margin-inline-start: 0;
+    margin-block-start: 0;
+  }
+
+  .nav-item__external {
+    opacity: 0;
+    position: absolute;
+    top: 2px;
+    right: 2px;
+  }
+
+  .nav-item:hover .nav-item__external {
+    opacity: 1;
+  }
+`;export{a};

package/cdn/chunks/chunk.WF4MYOHY.js

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

package/cdn/chunks/chunk.WQD32QXG.js

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

package/cdn/chunks/chunk.WWEZ7J46.js

@@ -0,0 +1,14 @@
+import{a as d}from"./chunk.TQEJJVHA.js";import{a as h}from"./chunk.Q3J7P2MZ.js";import{a as c}from"./chunk.5FCGOT5T.js";import{a as n,d as s,g as p}from"./chunk.ODSBDO47.js";import{a as m}from"./chunk.6UGEFC7C.js";import{d as i}from"./chunk.OAB62Q2Y.js";import{e as r}from"./chunk.FI4IKBIW.js";var e=class extends p{constructor(){super(...arguments);this.localize=new h(this);this.separatorDir=this.localize.dir();this.label=""}getSeparator(){let t=this.separatorSlot.assignedElements({flatten:!0})[0].cloneNode(!0);return[t,...t.querySelectorAll("[id]")].forEach(o=>o.removeAttribute("id")),t.setAttribute("data-default",""),t.slot="separator",t}handleSlotChange(){let a=[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>t.tagName.toLowerCase()==="lynk-breadcrumb-item");a.forEach((t,o)=>{let l=t.querySelector('[slot="separator"]');l===null?t.append(this.getSeparator()):l.hasAttribute("data-default")&&l.replaceWith(this.getSeparator()),o===a.length-1?t.setAttribute("aria-current","page"):t.removeAttribute("aria-current")})}render(){return this.separatorDir!==this.localize.dir()&&(this.separatorDir=this.localize.dir(),this.updateComplete.then(()=>this.handleSlotChange())),i`
+      <nav part="base" class="breadcrumb" aria-label=${this.label}>
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </nav>
+
+      <span hidden aria-hidden="true">
+        <slot name="separator">
+          <lynk-icon
+            name=${this.localize.dir()==="rtl"?"chevron-left":"chevron-right"}
+            library="system"
+          ></lynk-icon>
+        </slot>
+      </span>
+    `}};e.styles=[m,d],e.dependencies={"lynk-icon":c},r([s("slot")],e.prototype,"defaultSlot",2),r([s('slot[name="separator"]')],e.prototype,"separatorSlot",2),r([n()],e.prototype,"label",2);export{e as a};

package/cdn/chunks/chunk.X4G5ZBWE.js

@@ -0,0 +1,52 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var i=e`
+  :host {
+    display: contents;
+  }
+
+  .page {
+    width: 100%;
+    height: 100%;
+    display: grid;
+    grid-template:
+      'left-sidebar left-inset-sidebar header right-inset-sidebar right-sidebar' min-content
+      'left-sidebar left-inset-sidebar main right-inset-sidebar right-sidebar' 1fr
+      'left-sidebar footer footer footer right-sidebar' min-content
+      / auto auto 1fr auto auto;
+  }
+
+  .page__main {
+    grid-area: main;
+    display: block;
+    overflow: auto;
+  }
+
+  .page__header {
+    grid-area: header;
+    display: block;
+  }
+
+  .page__footer {
+    grid-area: footer;
+    display: block;
+  }
+
+  .page__left-sidebar {
+    grid-area: left-sidebar;
+    display: block;
+  }
+
+  .page__right-sidebar {
+    grid-area: right-sidebar;
+    display: block;
+  }
+
+  .page__left-inset-sidebar {
+    grid-area: left-inset-sidebar;
+    display: block;
+  }
+
+  .page__right-inset-sidebar {
+    grid-area: right-inset-sidebar;
+    display: block;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.X5NFNOTB.js

@@ -0,0 +1,32 @@
+import{a as K}from"./chunk.DBAPV6G5.js";import{a as T}from"./chunk.4KNBVUGF.js";import{a as C}from"./chunk.ALHVMVDH.js";import{a as L}from"./chunk.KSEBZT7R.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as h,c as p}from"./chunk.VDJQBFEB.js";import{a as d,c}from"./chunk.DCN42ZX4.js";import{a as b}from"./chunk.Q3J7P2MZ.js";import{a as k}from"./chunk.PGNVXJKR.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as y}from"./chunk.LUIZCMPE.js";import{a as o,d as l,g as w}from"./chunk.ODSBDO47.js";import{a as E}from"./chunk.6UGEFC7C.js";import{d as g}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var n=class extends w{constructor(){super(...arguments);this.localize=new b(this);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.block=!1;this.hoist=!1;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="lynk-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(a,r)=>{if(!a)return null;let m=a.closest(r);if(m)return m;let f=a.getRootNode();return f instanceof ShadowRoot?s(f.host,r):null};setTimeout(()=>{var r;let a=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?T():document.activeElement;(!this.containingElement||s(a,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="lynk-menu"&&(this.hide(),this.focusOnTrigger())};this.handleCloseWatcherKeyDown=e=>{e.key==="Escape"&&e.stopImmediatePropagation()}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="lynk-menu")}handleTriggerClick(){this.open?this.hide():(this.show(),this.focusOnTrigger())}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),a=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(a),a.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){let t=this.trigger.assignedElements({flatten:!0}).find(a=>C(a).start),s;if(t){switch(t.tagName.toLowerCase()){case"lynk-button":case"lynk-icon-button":s=t.button;break;default:s=t}s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-expanded",this.open?"true":"false")}}show(){if(!this.open)return this.open=!0,u(this,"ev-after-show")}hide(){if(this.open)return this.open=!1,u(this,"ev-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("ev-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()},document.addEventListener("keydown",this.handleCloseWatcherKeyDown,!0)):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("ev-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleCloseWatcherKeyDown,!0),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("ev-show"),this.addOpenListeners(),await p(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=c(this,"dropdown.show",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await p(this);let{keyframes:e,options:t}=c(this,"dropdown.hide",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}render(){return g`
+      <lynk-popup
+        part="base"
+        exportparts="popup:base__popup"
+        id="dropdown"
+        placement=${this.placement}
+        distance=${this.distance}
+        skidding=${this.skidding}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        auto-size="vertical"
+        auto-size-padding="10"
+        sync=${k(this.sync?this.sync:void 0)}
+        class=${y({dropdown:!0,"dropdown--open":this.open})}
+      >
+        <slot
+          name="trigger"
+          slot="anchor"
+          part="trigger"
+          class="dropdown__trigger"
+          @click=${this.handleTriggerClick}
+          @keydown=${this.handleTriggerKeyDown}
+          @keyup=${this.handleTriggerKeyUp}
+          @slotchange=${this.handleTriggerSlotChange}
+        ></slot>
+
+        <div aria-hidden=${this.open?"false":"true"} aria-labelledby="dropdown">
+          <slot part="panel" class="dropdown__panel"></slot>
+        </div>
+      </lynk-popup>
+    `}};n.styles=[E,K],n.dependencies={"lynk-popup":L},i([l(".dropdown")],n.prototype,"popup",2),i([l(".dropdown__trigger")],n.prototype,"trigger",2),i([l(".dropdown__panel")],n.prototype,"panel",2),i([o({type:Boolean,reflect:!0})],n.prototype,"open",2),i([o({reflect:!0})],n.prototype,"placement",2),i([o({type:Boolean,reflect:!0})],n.prototype,"disabled",2),i([o({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],n.prototype,"stayOpenOnSelect",2),i([o({attribute:!1})],n.prototype,"containingElement",2),i([o({type:Number})],n.prototype,"distance",2),i([o({type:Number})],n.prototype,"skidding",2),i([o({type:Boolean,reflect:!0})],n.prototype,"block",2),i([o({type:Boolean})],n.prototype,"hoist",2),i([o({reflect:!0})],n.prototype,"sync",2),i([v("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1);d("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});d("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{n as a};

package/cdn/chunks/chunk.XARTUMCV.js

@@ -0,0 +1,16 @@
+import{a}from"./chunk.OAB62Q2Y.js";var p=a`
+  :host {
+    --padding: 0;
+
+    display: none;
+  }
+
+  :host([active]) {
+    display: block;
+  }
+
+  .tab-panel {
+    display: block;
+    padding: var(--padding);
+  }
+`;export{p as a};

package/cdn/chunks/chunk.XDMGNYDP.js

@@ -0,0 +1,25 @@
+import{a as k}from"./chunk.J7XX5VZM.js";import{a as v}from"./chunk.UUFIY5O2.js";import{a as f}from"./chunk.KSEBZT7R.js";import{a as b}from"./chunk.MYONZHST.js";import{a as u}from"./chunk.Q3J7P2MZ.js";import{a as p}from"./chunk.5FCGOT5T.js";import{a as d,b as m}from"./chunk.YHSYTTFF.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.LUIZCMPE.js";import{a as s,d as a,g as c}from"./chunk.ODSBDO47.js";import{a as h}from"./chunk.6UGEFC7C.js";import{d as l}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.localize=new u(this);this.type="normal";this.checked=!1;this.value="";this.loading=!1;this.disabled=!1;this.hasSlotController=new d(this,"submenu");this.submenuController=new v(this,this.hasSlotController);this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation()),this.emit("ev-click")}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return m(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let t=this.localize.dir()==="rtl",o=this.submenuController.isExpanded();return l`
+      <div
+        part="base"
+        class=${n({"menu-item":!0,"menu-item--rtl":t,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":o})}
+        ?aria-haspopup="${this.isSubmenu()}"
+        ?aria-expanded="${!!o}"
+      >
+        <span part="checked-icon" class="menu-item__check">
+          <lynk-icon name="check" library="system" aria-hidden="true"></lynk-icon>
+        </span>
+
+        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+
+        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+
+        <span part="submenu-icon" class="menu-item__chevron">
+          <lynk-icon name=${t?"chevron-left":"chevron-right"} library="system" aria-hidden="true"></lynk-icon>
+        </span>
+
+        ${this.submenuController.renderSubmenu()}
+        ${this.loading?l` <lynk-spinner part="spinner" exportparts="base:spinner__base"></lynk-spinner> `:""}
+      </div>
+    `}};e.styles=[h,k],e.dependencies={"lynk-icon":p,"lynk-popup":f,"lynk-spinner":b},i([a("slot:not([name])")],e.prototype,"defaultSlot",2),i([a(".menu-item")],e.prototype,"menuItem",2),i([s()],e.prototype,"type",2),i([s({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([s()],e.prototype,"value",2),i([s({type:Boolean,reflect:!0})],e.prototype,"loading",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([r("checked")],e.prototype,"handleCheckedChange",1),i([r("disabled")],e.prototype,"handleDisabledChange",1),i([r("type")],e.prototype,"handleTypeChange",1);export{e as a};

package/cdn/chunks/chunk.XEK3DDZ2.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.22LFBWZ2.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var a="lynk-tree-item";e.define("lynk-tree-item");var v=n({tagName:a,elementClass:e,react:t,events:{EvExpand:"ev-expand",EvAfterExpand:"ev-after-expand",EvCollapse:"ev-collapse",EvAfterCollapse:"ev-after-collapse",EvLazyChange:"ev-lazy-change",EvLazyLoad:"ev-lazy-load"},displayName:"LynkTreeItem"}),r=v;export{r as a};

package/cdn/chunks/chunk.XFEWIDXX.js

@@ -0,0 +1,14 @@
+import{a as o}from"./chunk.CIILGSMR.js";import{a as h}from"./chunk.5FCGOT5T.js";import{a}from"./chunk.YZSIY5HS.js";import{a as l}from"./chunk.LUIZCMPE.js";import{a as s,b as r,g as c}from"./chunk.ODSBDO47.js";import{a as d}from"./chunk.6UGEFC7C.js";import{d as i}from"./chunk.OAB62Q2Y.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super();this.checked=!1;this.hasFocus=!1;this.size="medium";this.disabled=!1;this.handleBlur=()=>{this.hasFocus=!1,this.emit("ev-blur")};this.handleClick=()=>{this.disabled||(this.checked=!0)};this.handleFocus=()=>{this.hasFocus=!0,this.emit("ev-focus")};this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return i`
+      <span
+        part="base"
+        class=${l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
+      >
+        <span part="${`control${this.checked?" control--checked":""}`}" class="radio__control">
+          ${this.checked?i`
+                <lynk-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></lynk-icon>
+              `:""}
+        </span>
+
+        <slot part="label" class="radio__label"></slot>
+      </span>
+    `}};e.styles=[d,o],e.dependencies={"lynk-icon":h},t([r()],e.prototype,"checked",2),t([r()],e.prototype,"hasFocus",2),t([s()],e.prototype,"value",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("checked")],e.prototype,"handleCheckedChange",1),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.XJGVZNT6.js

@@ -0,0 +1,59 @@
+import{a as r}from"./chunk.OAB62Q2Y.js";var a=r`
+  :host {
+    --track-width: 3px;
+    --track-color: rgb(128 128 128 / 25%);
+    --indicator-color: var(--lynk-color-primary-600);
+    --speed: 2s;
+
+    display: inline-flex;
+    width: 1em;
+    height: 1em;
+    flex: none;
+  }
+
+  .spinner {
+    flex: 1 1 auto;
+    height: 100%;
+    width: 100%;
+  }
+
+  .spinner__track,
+  .spinner__indicator {
+    fill: none;
+    stroke-width: var(--track-width);
+    r: calc(0.5em - var(--track-width) / 2);
+    cx: 0.5em;
+    cy: 0.5em;
+    transform-origin: 50% 50%;
+  }
+
+  .spinner__track {
+    stroke: var(--track-color);
+    transform-origin: 0% 0%;
+    mix-blend-mode: multiply;
+  }
+
+  .spinner__indicator {
+    stroke: var(--indicator-color);
+    stroke-linecap: round;
+    stroke-dasharray: 150% 75%;
+    animation: spin var(--speed) linear infinite;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+
+    50% {
+      transform: rotate(450deg);
+      stroke-dasharray: 1.375em, 1.375em;
+    }
+
+    100% {
+      transform: rotate(1080deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+  }
+`;export{a};

package/cdn/chunks/chunk.XLMYA37L.js

@@ -0,0 +1,11 @@
+import{a as c}from"./chunk.CBT7LV5V.js";import{a as k}from"./chunk.M7RMZTBJ.js";import{a as v}from"./chunk.FC4RDJJF.js";import{a as b}from"./chunk.Q3J7P2MZ.js";import{a as g}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.LUIZCMPE.js";import{a as u,d as f,g as y}from"./chunk.ODSBDO47.js";import{a as I}from"./chunk.6UGEFC7C.js";import{d as m}from"./chunk.OAB62Q2Y.js";import{e as d}from"./chunk.FI4IKBIW.js";var a=class extends y{constructor(){super();this.value=void 0;this.squished=!1;this.localize=new b(this);this.handleFocusOut=e=>{let t=e.relatedTarget;(!t||!this.contains(t))&&(this.tabIndex=0)};this.handleFocusIn=e=>{let t=e.target;e.target===this&&this.focusItem(this.lastFocusedItem||this.getAllNavItems()[0]),c.isTreeItem(t)&&!t.disabled&&(this.lastFocusedItem&&(this.lastFocusedItem.tabIndex=-1),this.lastFocusedItem=t,this.tabIndex=-1,t.tabIndex=0)};this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}async connectedCallback(){super.connectedCallback(),this.squished&&this.handleSquishedChange(),this.setAttribute("role","navigation"),this.setAttribute("tabindex","0"),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleNavChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.mutationObserver)==null||e.disconnect()}handleNavChanged(e){for(let t of e)[...t.removedNodes].filter(c.isTreeItem).includes(this.lastFocusedItem)&&this.focusItem(this.getFocusableItems()[0])}getAllNavItems(){return[...this.querySelectorAll("lynk-nav-item")]}getNavGroups(){return[...this.querySelectorAll("lynk-nav-group")]}getFocusableItems(){let e=this.getAllNavItems(),t=new Set;return e.filter(s=>{var r;if(s.disabled)return!1;let o=(r=s.parentElement)==null?void 0:r.closest("[role=treeitem]");return o&&(!o.expanded||t.has(o))&&t.add(s),!t.has(s)})}focusItem(e){e==null||e.focus()}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter","Tab"," "].includes(e.key))return;let t=this.getFocusableItems(),s=this.localize.dir()==="ltr",o=this.localize.dir()==="rtl";if(t.length>0){let r=t.findIndex(l=>l.matches(":focus")),i=t[r],n=l=>{let w=t[v(l,0,t.length-1)];this.focusItem(w)},h=l=>{i.expanded=l};e.key==="Tab"&&!e.shiftKey&&r===t.length-1?(this.tabIndex=0,i.tabIndex=0):e.key==="Tab"&&e.shiftKey&&r===0?(this.tabIndex=-1,i.tabIndex=-1):(e.preventDefault(),e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey?n(r+1):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?n(r-1):s&&e.key==="ArrowRight"||o&&e.key==="ArrowLeft"?!i||i.disabled||i.isParent&&i.expanded||!i.isParent?n(r+1):h(!0):s&&e.key==="ArrowLeft"||o&&e.key==="ArrowRight"?!i||i.disabled||!i.isParent||i.isParent&&!i.expanded?n(r-1):h(!1):e.key==="Home"?n(0):e.key==="End"?n(t.length-1):(e.key==="Enter"||e.key===" ")&&(i.disabled||i.click()))}}handleClick(e){let s=e.target.closest("lynk-nav-item");!s||s.disabled||s.inert||this.emit("ev-nav-select",{detail:{item:s}})}handleSquishedChange(){let e=this.getAllNavItems(),t=this.getNavGroups();e.forEach(s=>{s.squished=this.squished,s.expanded=!1,s.isParent=!1}),t.forEach(s=>{s.squished=this.squished})}render(){return m`
+      <div
+        part="base"
+        class=${p({nav:!0,"nav--squished":this.squished})}
+        role="tree"
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <slot part="list"></slot>
+      </div>
+    `}};a.styles=[I,k],d([f("slot:not([name])")],a.prototype,"defaultSlot",2),d([u({reflect:!0})],a.prototype,"value",2),d([u({type:Boolean,reflect:!0})],a.prototype,"squished",2),d([g("squished",{waitUntilFirstUpdate:!0})],a.prototype,"handleSquishedChange",1);export{a};

package/cdn/chunks/chunk.XMIKOUFV.js

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

package/cdn/chunks/chunk.XMX2C6LI.js

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

package/cdn/chunks/chunk.XT7VJ7TE.js

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

package/cdn/chunks/chunk.XVIJKWOD.js

@@ -0,0 +1,75 @@
+import{a as T}from"./chunk.JCDTK4M3.js";import{a as b,b as M,c as A,d as $,m as P}from"./chunk.NQSWYSUG.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.LUIZCMPE.js";import{a as c,b as g,d as S,g as f}from"./chunk.ODSBDO47.js";import{a as _}from"./chunk.6UGEFC7C.js";import{d as n}from"./chunk.OAB62Q2Y.js";import{a as h,b as u,e as o}from"./chunk.FI4IKBIW.js";var r=class extends f{constructor(){super(...arguments);this.timeSegment=null;this.value="";this.disabled=!1;this.format="locale";this.seconds=!1;this.minuteInterval=1;this.size="medium"}get showAmPm(){return this.format==="12h"?!0:this.format==="24h"?!1:this.isLocale12Hour()}get hour12(){if(!this.timeSegment)return 12;let e=this.timeSegment.hours;return e===0?12:e>12?e-12:e}get period(){return this.timeSegment?this.timeSegment.hours<12?"AM":"PM":null}connectedCallback(){super.connectedCallback(),this.parseValue()}isLocale12Hour(){var e;try{return(e=P.fromOptions({hour:"numeric"}).options.hour12)!=null?e:!1}catch(m){let s=new Date(2e3,0,1,13,0,0).toLocaleTimeString();return s.includes("PM")||s.includes("AM")}}parseValue(){var e;if(!this.value){this.timeSegment=null;return}if(b(this.value))this.timeSegment=M($(this.value));else{let m=this.value.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM)?$/i);if(m){let i=parseInt(m[1]),s=parseInt(m[2]),t=parseInt(m[3])||0,l=(e=m[4])==null?void 0:e.toUpperCase();l&&(l==="AM"&&i===12?i=0:l==="PM"&&i!==12&&(i+=12)),this.timeSegment={hours:i,minutes:s,seconds:t,milliseconds:0}}}}formatValue(){if(!this.timeSegment)return"";let e=this.seconds?"HH:mm:ss":"HH:mm";return A(this.timeSegment,e)}updateValue(){this.timeSegment&&(this.value=this.formatValue(),this.emit("ev-change"))}handleHourClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};if(this.showAmPm){let i=this.period,s=e;i==="AM"&&e===12?s=0:i==="PM"&&e!==12&&(s=e+12),this.timeSegment=u(h({},m),{hours:s})}else this.timeSegment=u(h({},m),{hours:e});this.updateValue(),this.scrollToSelected("hours")}handleMinuteClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};this.timeSegment=u(h({},m),{minutes:e}),this.updateValue(),this.scrollToSelected("minutes")}handleSecondClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};this.timeSegment=u(h({},m),{seconds:e}),this.updateValue(),this.scrollToSelected("seconds")}handlePeriodClick(e){if(this.disabled||!this.showAmPm)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0},i=this.timeSegment?this.hour12:12,s=i;e==="AM"&&i===12?s=0:e==="PM"&&i!==12&&(s=i+12),this.timeSegment=u(h({},m),{hours:s}),this.updateValue(),this.scrollToSelected("ampm")}scrollToSelected(e,m=!1){requestAnimationFrame(()=>{var t;let i,s;switch(e){case"hours":if(!this.timeSegment)return;i=this.showAmPm?this.hour12===12?0:this.hour12:this.timeSegment.hours,s=this.hoursColumn;break;case"minutes":if(!this.timeSegment)return;i=Math.floor(this.timeSegment.minutes/this.minuteInterval),s=this.minutesColumn;break;case"seconds":if(!this.timeSegment)return;i=this.timeSegment.seconds,s=this.secondsColumn;break;case"ampm":{if(!this.timeSegment)return;i=this.period==="PM"?1:0;let l=(t=this.shadowRoot)==null?void 0:t.querySelector(".clock__ampm-toggle");if(!l)return;s=l;break}}if(s){let a=i*38;s.scrollTo({top:a,behavior:m?"auto":"smooth"})}})}firstUpdated(){this.value&&this.scrollAllToSelected(!0)}scrollAllToSelected(e=!1){this.scrollToSelected("hours",e),this.scrollToSelected("minutes",e),this.seconds&&this.scrollToSelected("seconds",e),this.showAmPm&&this.scrollToSelected("ampm",e)}scrollToCurrentTime(e=!0){this.scrollAllToSelected(e)}handleValueChange(){this.parseValue()}render(){let e=this.showAmPm?[12,...Array.from({length:11},(t,l)=>l+1)]:Array.from({length:24},(t,l)=>l),m=Array.from({length:Math.ceil(60/this.minuteInterval)},(t,l)=>l*this.minuteInterval),i=Array.from({length:60},(t,l)=>l),s=["AM","PM"];return n`
+      <div
+        part="base"
+        class=${d({clock:!0,"clock--small":this.size==="small","clock--medium":this.size==="medium","clock--large":this.size==="large","clock--disabled":this.disabled})}
+      >
+        <div part="picker" class="clock__picker">
+          <div part="column" class="clock__column">
+            <ol class="clock__hours" role="listbox" tabindex="0" aria-label="Hours">
+              ${e.map(t=>n`
+                  <li
+                    part="time-item ${this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t)?"time-item--selected":""}"
+                    class=${d({"clock__time-item":!0,"clock__time-item--selected":!!(this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t))})}
+                    role="option"
+                    aria-selected=${this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t)?"true":"false"}
+                    @click=${()=>this.handleHourClick(t)}
+                  >
+                    ${this.showAmPm?t:t.toString().padStart(2,"0")}
+                  </li>
+                `)}
+            </ol>
+          </div>
+
+          <div part="column" class="clock__column">
+            <ol class="clock__minutes" role="listbox" tabindex="0" aria-label="Minutes">
+              ${m.map(t=>{var l,a,p;return n`
+                  <li
+                    part="time-item ${((l=this.timeSegment)==null?void 0:l.minutes)===t?"time-item--selected":""}"
+                    class=${d({"clock__time-item":!0,"clock__time-item--selected":((a=this.timeSegment)==null?void 0:a.minutes)===t})}
+                    role="option"
+                    aria-selected=${((p=this.timeSegment)==null?void 0:p.minutes)===t?"true":"false"}
+                    @click=${()=>this.handleMinuteClick(t)}
+                  >
+                    ${t.toString().padStart(2,"0")}
+                  </li>
+                `})}
+            </ol>
+          </div>
+
+          ${this.seconds?n`
+                <div part="column" class="clock__column">
+                  <ol class="clock__seconds" role="listbox" tabindex="0" aria-label="Seconds">
+                    ${i.map(t=>{var l,a,p;return n`
+                        <li
+                          part="time-item ${((l=this.timeSegment)==null?void 0:l.seconds)===t?"time-item--selected":""}"
+                          class=${d({"clock__time-item":!0,"clock__time-item--selected":((a=this.timeSegment)==null?void 0:a.seconds)===t})}
+                          role="option"
+                          aria-selected=${((p=this.timeSegment)==null?void 0:p.seconds)===t?"true":"false"}
+                          @click=${()=>this.handleSecondClick(t)}
+                        >
+                          ${t.toString().padStart(2,"0")}
+                        </li>
+                      `})}
+                  </ol>
+                </div>
+              `:""}
+          ${this.showAmPm?n`
+                <div part="column" class="clock__column clock__column--ampm">
+                  <ol part="ampm-toggle" class="clock__ampm-toggle" role="listbox" tabindex="0" aria-label="AM/PM">
+                    ${s.map(t=>n`
+                        <li
+                          class=${d({"clock__time-item":!0,"clock__time-item--selected":!!(this.timeSegment&&this.period===t)})}
+                          role="option"
+                          aria-selected=${this.timeSegment&&this.period===t?"true":"false"}
+                          @click=${()=>this.handlePeriodClick(t)}
+                          ?disabled=${this.disabled}
+                        >
+                          ${t}
+                        </li>
+                      `)}
+                  </ol>
+                </div>
+              `:""}
+        </div>
+      </div>
+    `}};r.styles=[_,T],o([g()],r.prototype,"timeSegment",2),o([S(".clock__hours")],r.prototype,"hoursColumn",2),o([S(".clock__minutes")],r.prototype,"minutesColumn",2),o([S(".clock__seconds")],r.prototype,"secondsColumn",2),o([c()],r.prototype,"value",2),o([c({type:Boolean,reflect:!0})],r.prototype,"disabled",2),o([c({reflect:!0})],r.prototype,"format",2),o([c({type:Boolean})],r.prototype,"seconds",2),o([c({type:Number,attribute:"minute-interval"})],r.prototype,"minuteInterval",2),o([c({reflect:!0})],r.prototype,"size",2),o([v("value",{waitUntilFirstUpdate:!0})],r.prototype,"handleValueChange",1);export{r as a};

package/cdn/chunks/chunk.XW2ULPCR.js

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

package/cdn/chunks/chunk.XXO5AWXL.js

@@ -0,0 +1,5 @@
+import{a as h}from"./chunk.Q3J7P2MZ.js";import{a as t,g as n}from"./chunk.ODSBDO47.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends n{constructor(){super(...arguments);this.localize=new h(this);this.date=new Date;this.hourFormat="auto"}render(){let r=new Date(this.date),s=this.hourFormat==="auto"?void 0:this.hourFormat==="12";if(!isNaN(r.getMilliseconds()))return o`
+      <time datetime=${r.toISOString()}>
+        ${this.localize.date(r,{weekday:this.weekday,era:this.era,year:this.year,month:this.month,day:this.day,hour:this.hour,minute:this.minute,second:this.second,timeZoneName:this.timeZoneName,timeZone:this.timeZone,hour12:s})}
+      </time>
+    `}};i([t()],e.prototype,"date",2),i([t()],e.prototype,"weekday",2),i([t()],e.prototype,"era",2),i([t()],e.prototype,"year",2),i([t()],e.prototype,"month",2),i([t()],e.prototype,"day",2),i([t()],e.prototype,"hour",2),i([t()],e.prototype,"minute",2),i([t()],e.prototype,"second",2),i([t({attribute:"time-zone-name"})],e.prototype,"timeZoneName",2),i([t({attribute:"time-zone"})],e.prototype,"timeZone",2),i([t({attribute:"hour-format"})],e.prototype,"hourFormat",2);export{e as a};

package/cdn/chunks/chunk.Y6ZLAU2X.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.CT7CF4AC.js";var n=r;r.define("lynk-progress-ring");export{n as a};

package/cdn/chunks/chunk.YCWUI5EF.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZEFMLVVZ.js";var i=e;e.define("lynk-responsive-media");export{i as a};

package/cdn/chunks/chunk.YHFDQA5Q.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.D4C5MARD.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tab";e.define("lynk-tab");var s=n({tagName:o,elementClass:e,react:t,events:{EvClose:"ev-close"},displayName:"LynkTab"}),p=s;export{p as a};