@uplynk/lynk-design 1.12.1 → 1.13.0

package/cdn/chunks/chunk.VNUL4DMP.js

@@ -0,0 +1,46 @@
+import{h as o}from"./chunk.3I3N5SZS.js";var a=o`
+  :host {
+    display: table-cell;
+    background-color: var(--lynk-table-header-background-color);
+    color: var(--lynk-table-header-color);
+    border: 1px solid transparent;
+    font-weight: var(--lynk-font-weight-bold);
+    font-size: var(--lynk-font-size-small);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-base);
+    user-select: none;
+    vertical-align: middle;
+    transition:
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) color;
+  }
+
+  :host([sortable]) {
+    cursor: pointer;
+    white-space: nowrap;
+  }
+
+  :host([sort-direction='1']),
+  :host([sort-direction='-1']) {
+    color: var(--lynk-color-primary);
+  }
+
+  :host([sort-direction='1']) lynk-icon,
+  :host([sort-direction='-1']) lynk-icon {
+    opacity: 1;
+  }
+
+  :host([sortable]:hover) {
+    color: var(--lynk-color-primary-600);
+    background-color: var(--lynk-color-primary-50);
+    border: 1px solid var(--lynk-color-primary);
+    /* box-shadow: inset 0 0 0 1px var(--lynk-color-primary); */
+  }
+
+  lynk-icon {
+    padding-inline-start: var(--lynk-spacing-2x-small);
+    font-size: 18px;
+    vertical-align: middle;
+    margin-top: -2px;
+    opacity: 0.5;
+  }
+`;export{a};

package/cdn/chunks/chunk.VNWHYWND.js

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

package/cdn/chunks/chunk.VOB6WWQU.js

@@ -0,0 +1,13 @@
+import{a as x}from"./chunk.RZEKBTJC.js";import{a as m}from"./chunk.ZIVA76PA.js";import{a as L}from"./chunk.FC4RDJJF.js";import{a as T}from"./chunk.NZJ7BTMN.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as y,d as h,g as k}from"./chunk.GJLEIQTM.js";import{a as g}from"./chunk.KQHRUDLH.js";import{a as I}from"./chunk.3I3N5SZS.js";import{e as c}from"./chunk.FI4IKBIW.js";function f(u,p=!1){function e(n){let l=n.getChildrenItems({includeDisabled:!1});if(l.length){let i=l.every(a=>a.selected),r=l.every(a=>!a.selected&&!a.indeterminate);n.selected=i,n.indeterminate=!i&&!r}}function t(n){let l=n.parentElement;m.isTreeItem(l)&&(e(l),t(l))}function s(n){for(let l of n.getChildrenItems())l.selected=p?n.selected||l.selected:!l.disabled&&n.selected,s(l)}s(u),p&&e(u),t(u)}var o=class extends k{constructor(){super();this.selection="single";this.clickTarget=null;this.localize=new T(this);this.initTreeItem=e=>{e.selectable=this.selection==="multiple",["expand","collapse"].filter(t=>!!this.querySelector(`[slot="${t}-icon"]`)).forEach(t=>{let s=e.querySelector(`[slot="${t}-icon"]`),n=this.getExpandButtonIcon(t);n&&(s===null?e.append(n):s.hasAttribute("data-default")&&s.replaceWith(n))})};this.handleTreeChanged=e=>{for(let t of e){let s=[...t.addedNodes].filter(m.isTreeItem),n=[...t.removedNodes].filter(m.isTreeItem);s.forEach(this.initTreeItem),this.lastFocusedItem&&n.includes(this.lastFocusedItem)&&(this.lastFocusedItem=null)}};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.getAllTreeItems()[0]),m.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),this.addEventListener("ev-lazy-change",this.handleSlotChange)}async connectedCallback(){super.connectedCallback(),this.setAttribute("role","tree"),this.setAttribute("tabindex","0"),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleTreeChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.mutationObserver)==null||e.disconnect()}getExpandButtonIcon(e){let s=(e==="expand"?this.expandedIconSlot:this.collapsedIconSlot).assignedElements({flatten:!0})[0];if(s){let n=s.cloneNode(!0);return[n,...n.querySelectorAll("[id]")].forEach(l=>l.removeAttribute("id")),n.setAttribute("data-default",""),n.slot=`${e}-icon`,n}return null}selectItem(e){let t=[...this.selectedItems];if(e.readonly)return;if(this.selection==="multiple")e.selected=!e.selected,e.lazy&&(e.expanded=!0),f(e);else if(this.selection==="single"||e.isLeaf){let n=this.getAllTreeItems();for(let l of n)l.selected=l===e}else this.selection==="leaf"&&(e.expanded=!e.expanded);let s=this.selectedItems;(t.length!==s.length||s.some(n=>!t.includes(n)))&&Promise.all(s.map(n=>n.updateComplete)).then(()=>{this.emit("ev-selection-change",{detail:{selection:s}})})}getAllTreeItems(){return[...this.querySelectorAll("lynk-tree-item")]}focusItem(e){e==null||e.focus()}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter"," "].includes(e.key)||e.composedPath().some(l=>{var i;return["input","textarea"].includes((i=l==null?void 0:l.tagName)==null?void 0:i.toLowerCase())}))return;let t=this.getFocusableItems(),s=this.localize.dir()==="ltr",n=this.localize.dir()==="rtl";if(t.length>0){e.preventDefault();let l=t.findIndex(d=>d.matches(":focus")),i=t[l],r=d=>{let E=t[L(d,0,t.length-1)];this.focusItem(E)},a=d=>{i.expanded=d};e.key==="ArrowDown"?r(l+1):e.key==="ArrowUp"?r(l-1):s&&e.key==="ArrowRight"||n&&e.key==="ArrowLeft"?!i||i.disabled||i.expanded||i.isLeaf&&!i.lazy?r(l+1):a(!0):s&&e.key==="ArrowLeft"||n&&e.key==="ArrowRight"?!i||i.disabled||i.isLeaf||!i.expanded?r(l-1):a(!1):e.key==="Home"?r(0):e.key==="End"?r(t.length-1):(e.key==="Enter"||e.key===" ")&&(i.disabled||this.selectItem(i))}}handleClick(e){let t=e.target,s=t.closest("lynk-tree-item"),n=e.composedPath().some(l=>{var i;return(i=l==null?void 0:l.classList)==null?void 0:i.contains("tree-item__expand-button")});!s||s.disabled||t!==this.clickTarget||(n?s.expanded=!s.expanded:this.selectItem(s))}handleMouseDown(e){this.clickTarget=e.target}handleSlotChange(){this.getAllTreeItems().forEach(this.initTreeItem),this.selection==="multiple"&&requestAnimationFrame(()=>{[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(t=>f(t,!0))})}async handleSelectionChange(){let e=this.selection==="multiple",t=this.getAllTreeItems();this.setAttribute("aria-multiselectable",e?"true":"false");for(let s of t)s.selectable=e;e&&(await this.updateComplete,await Promise.all(t.map(s=>s.updateComplete)),[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(s=>f(s,!0)))}get selectedItems(){let e=this.getAllTreeItems(),t=s=>s.selected;return e.filter(t)}getFocusableItems(){let e=this.getAllTreeItems(),t=new Set;return e.filter(s=>{var l;if(s.disabled)return!1;let n=(l=s.parentElement)==null?void 0:l.closest("[role=treeitem]");return n&&(!n.expanded||n.loading||t.has(n))&&t.add(s),!t.has(s)})}render(){return I`
+      <div
+        part="base"
+        class="tree"
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+        <span hidden aria-hidden="true"><slot name="expand-icon"></slot></span>
+        <span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span>
+      </div>
+    `}};o.styles=[g,x],c([h("slot:not([name])")],o.prototype,"defaultSlot",2),c([h("slot[name=expand-icon]")],o.prototype,"expandedIconSlot",2),c([h("slot[name=collapse-icon]")],o.prototype,"collapsedIconSlot",2),c([y()],o.prototype,"selection",2),c([b("selection")],o.prototype,"handleSelectionChange",1);export{o as a};

package/cdn/chunks/chunk.VR2TOF74.js

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

package/cdn/chunks/chunk.VTR3E6Y2.js

@@ -0,0 +1,75 @@
+import{a as T}from"./chunk.QIIDYFYH.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.B7RKX34M.js";import{a as c,b as g,d as S,g as _}from"./chunk.GJLEIQTM.js";import{a as f}from"./chunk.KQHRUDLH.js";import{a as n}from"./chunk.3I3N5SZS.js";import{a as h,b as u,e as o}from"./chunk.FI4IKBIW.js";var r=class extends _{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=[f,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.VUIP7H7J.js

@@ -0,0 +1 @@
+import{b as r}from"./chunk.3S3PJQES.js";var e={name:"default",resolver:a=>`${r()}/assets/icons/${a}.svg`},t=e;export{t as a};

package/cdn/chunks/chunk.VYI3UUPT.js

@@ -0,0 +1,52 @@
+import{a as b}from"./chunk.6OLHG5AF.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as h,c as d}from"./chunk.VDJQBFEB.js";import{a as m,c}from"./chunk.DCN42ZX4.js";import{a as g}from"./chunk.NZJ7BTMN.js";import{a as w}from"./chunk.YHSYTTFF.js";import{a as p}from"./chunk.YZSIY5HS.js";import{a as T}from"./chunk.KPZWSFIZ.js";import{a as r}from"./chunk.B7RKX34M.js";import{a as n,b as f,d as l,g as v}from"./chunk.GJLEIQTM.js";import{a as y}from"./chunk.KQHRUDLH.js";import{a}from"./chunk.3I3N5SZS.js";import{e as i}from"./chunk.FI4IKBIW.js";var s=Object.assign(document.createElement("div"),{className:"lynk-toast-stack"}),t=class extends v{constructor(){super(...arguments);this.hasSlotController=new w(this,"icon","suffix","action");this.localize=new g(this);this.open=!1;this.closable=!1;this.type="primary";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}=c(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}=c(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,u(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"ev-after-hide")}async toast(){return 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 a`
+      <div
+        part="base"
+        class=${r({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"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"||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?a`
+                  <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")?a`
+              <span part="action" class="alert__action">
+                <slot name="action"></slot>
+              </span>
+            `:""}
+        ${this.closable?a`
+              <lynk-icon-button
+                part="close-button"
+                exportparts="base:close-button__base"
+                class="alert__close-button"
+                name="x"
+                library="system"
+                label=${this.localize.term("close")}
+                @click=${this.handleCloseClick}
+              ></lynk-icon-button>
+            `:""}
+
+        <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+        ${this.countdown?a`
+              <div
+                class=${r({alert__countdown:!0,"alert__countdown--ltr":this.countdown==="ltr"})}
+              >
+                <div class="alert__countdown-elapsed"></div>
+              </div>
+            `:""}
+      </div>
+    `}};t.styles=[y,T],t.dependencies={"lynk-icon-button":b},i([l('[part="base"]')],t.prototype,"base",2),i([l(".alert__countdown-elapsed")],t.prototype,"countdownElement",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({type:Boolean,reflect:!0})],t.prototype,"closable",2),i([n({reflect:!0})],t.prototype,"type",2),i([n({type:Number})],t.prototype,"duration",2),i([n({type:String,reflect:!0})],t.prototype,"countdown",2),i([f()],t.prototype,"remainingTime",2),i([p("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([p("duration")],t.prototype,"handleDurationChange",1);m("alert.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});m("alert.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};

package/cdn/chunks/chunk.W3KDWLZO.js

@@ -0,0 +1,82 @@
+import{h as r}from"./chunk.3I3N5SZS.js";var o=r`
+  :host {
+    --height: 1rem;
+    --track-color: var(--lynk-color-neutral-200);
+    --indicator-color: var(--lynk-color-primary-600);
+    --label-color: var(--lynk-color-neutral-0);
+
+    display: block;
+  }
+
+  .progress-bar {
+    position: relative;
+    background-color: var(--track-color);
+    height: var(--height);
+    border-radius: var(--lynk-border-radius-pill);
+    box-shadow: inset var(--lynk-shadow-small);
+    overflow: hidden;
+  }
+
+  .progress-bar__indicator {
+    height: 100%;
+    font-family: var(--lynk-font-sans);
+    font-size: 12px;
+    font-weight: var(--lynk-font-weight-normal);
+    background-color: var(--indicator-color);
+    color: var(--label-color);
+    text-align: center;
+    line-height: var(--height);
+    white-space: nowrap;
+    overflow: hidden;
+    transition:
+      400ms width,
+      400ms background-color;
+    user-select: none;
+  }
+
+  /* Indeterminate */
+  .progress-bar--indeterminate .progress-bar__indicator {
+    position: absolute;
+    animation: indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);
+  }
+
+  .progress-bar--indeterminate.progress-bar--rtl .progress-bar__indicator {
+    animation-name: indeterminate-rtl;
+  }
+
+  @media (forced-colors: active) {
+    .progress-bar {
+      outline: solid 1px SelectedItem;
+      background-color: var(--lynk-color-neutral-0);
+    }
+
+    .progress-bar__indicator {
+      outline: solid 1px SelectedItem;
+      background-color: SelectedItem;
+    }
+  }
+
+  @keyframes indeterminate {
+    0% {
+      left: -50%;
+      width: 50%;
+    }
+    75%,
+    100% {
+      left: 100%;
+      width: 50%;
+    }
+  }
+
+  @keyframes indeterminate-rtl {
+    0% {
+      right: -50%;
+      width: 50%;
+    }
+    75%,
+    100% {
+      right: 100%;
+      width: 50%;
+    }
+  }
+`;export{o as a};

package/cdn/chunks/chunk.W5LHQ4ZV.js

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

package/cdn/chunks/chunk.WANOWX2T.js

@@ -0,0 +1,5 @@
+import{h as o}from"./chunk.3I3N5SZS.js";var l=o`
+  :host {
+    display: table-column-group;
+  }
+`;export{l as a};

package/cdn/chunks/chunk.WB6OUKYN.js

@@ -0,0 +1,64 @@
+import{a as k}from"./chunk.BJMQS77W.js";import{a as c}from"./chunk.RPKD7SRB.js";import{a as v}from"./chunk.G6HN7DNO.js";import{a as g}from"./chunk.AOAALEJV.js";import{b}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.5XTAHVID.js";import{a as p}from"./chunk.5Z563OMH.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a}from"./chunk.B7RKX34M.js";import{a as l,b as o,d as n,g as m}from"./chunk.GJLEIQTM.js";import{a as d}from"./chunk.KQHRUDLH.js";import{a as r}from"./chunk.3I3N5SZS.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends m{constructor(){super(...arguments);this.formControlController=new b(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,s)=>i.checked=s});this.hasSlotController=new u(this,"help-text");this.hasLabel=!1;this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.noBubble=!1;this.state="default";this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}handleHostClick(i){this.disabled&&(i.preventDefault(),i.stopImmediatePropagation()),this.noBubble&&i.stopPropagation()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("ev-change",{bubbles:!this.noBubble})}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleSlotChange(){[...this.defaultSlot.assignedNodes({flatten:!0})].length?this.hasLabel=!0:this.hasLabel=!1}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){let i=this.hasSlotController.test("help-text"),s=this.helpText?!0:!!i;return r`
+      <div
+        class=${a({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":s})}
+      >
+        <label
+          part="base"
+          class=${a({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--has-label":this.hasLabel,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large","checkbox--has-error":this.state==="error"||this.hasAttribute("data-user-invalid"),"checkbox--has-warning":this.state==="warning","checkbox--has-success":this.state==="success"})}
+        >
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${this.title}
+            name=${this.name}
+            value=${p(this.value)}
+            .indeterminate=${c(this.indeterminate)}
+            .checked=${c(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked?"true":"false"}
+            aria-describedby="help-text"
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
+
+          <span
+            part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
+            class="checkbox__control"
+          >
+            ${this.checked?r`
+                  <lynk-icon
+                    part="checked-icon"
+                    class="checkbox__checked-icon"
+                    library="system"
+                    name="check"
+                  ></lynk-icon>
+                `:""}
+            ${!this.checked&&this.indeterminate?r`
+                  <lynk-icon
+                    part="indeterminate-icon"
+                    class="checkbox__indeterminate-icon"
+                    library="system"
+                    name="indeterminate"
+                  ></lynk-icon>
+                `:""}
+          </span>
+
+          <div part="label" class="checkbox__label">
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </label>
+
+        <div
+          aria-hidden=${s?"false":"true"}
+          class="form-control__help-text"
+          id="help-text"
+          part="form-control-help-text"
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `}};e.styles=[d,k,g],e.dependencies={"lynk-icon":f},t([n("slot")],e.prototype,"defaultSlot",2),t([n('input[type="checkbox"]')],e.prototype,"input",2),t([o()],e.prototype,"hasLabel",2),t([o()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([v("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([l({attribute:"no-bubble",type:Boolean,reflect:!0})],e.prototype,"noBubble",2),t([l({reflect:!0})],e.prototype,"state",2),t([l({attribute:"help-text"})],e.prototype,"helpText",2),t([h("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([h(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1);export{e as a};

package/cdn/chunks/chunk.WB7JPRXD.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk.6OLHG5AF.js";var t=n;n.define("lynk-icon-button");export{t as a};

package/cdn/chunks/chunk.WPIQQE66.js

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

package/cdn/chunks/chunk.WPRY5BI5.js

@@ -0,0 +1,5 @@
+import{h as t}from"./chunk.3I3N5SZS.js";var s=t`
+  :host {
+    display: contents;
+  }
+`;export{s as a};

package/cdn/chunks/chunk.WXBWLGLC.js

@@ -0,0 +1,11 @@
+import{a as c}from"./chunk.ILFIGMOB.js";import{a as k}from"./chunk.4XXOWVPN.js";import{a as v}from"./chunk.FC4RDJJF.js";import{a as b}from"./chunk.NZJ7BTMN.js";import{a as g}from"./chunk.YZSIY5HS.js";import{a as f}from"./chunk.B7RKX34M.js";import{a as u,d as p,g as I}from"./chunk.GJLEIQTM.js";import{a as y}from"./chunk.KQHRUDLH.js";import{a as m}from"./chunk.3I3N5SZS.js";import{e as d}from"./chunk.FI4IKBIW.js";var a=class extends I{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=${f({nav:!0,"nav--squished":this.squished})}
+        role="tree"
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <slot part="list"></slot>
+      </div>
+    `}};a.styles=[y,k],d([p("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.WZD6XVPX.js

@@ -0,0 +1,6 @@
+import{a as s}from"./chunk.FENMTU26.js";import{a as o}from"./chunk.NZJ7BTMN.js";import{g as l}from"./chunk.GJLEIQTM.js";import{a as t}from"./chunk.KQHRUDLH.js";import{a as e}from"./chunk.3I3N5SZS.js";var r=class extends l{constructor(){super(...arguments);this.localize=new o(this)}render(){return e`
+      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `}};r.styles=[t,s];export{r as a};

package/cdn/chunks/chunk.X6EUKLKX.js

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

package/cdn/chunks/chunk.X6URBN6B.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.UIRA47MZ.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};

package/cdn/chunks/chunk.XAFZMSUW.js

@@ -0,0 +1,141 @@
+import{h as o}from"./chunk.3I3N5SZS.js";var t=o`
+  :host {
+    display: inline-block;
+    --max-width: fit-content(20em);
+    --padding: var(--lynk-spacing-x-small);
+  }
+
+  .icon-button {
+    flex: 0 0 auto;
+    display: flex;
+    max-width: var(--max-width);
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: var(--lynk-border-radius-medium);
+    font-size: inherit;
+    color: var(--lynk-color-neutral-600);
+    padding: var(--padding);
+    cursor: pointer;
+    transition: var(--lynk-transition-medium) color;
+    -webkit-appearance: none;
+  }
+
+  .icon-button:hover:not(.icon-button--disabled),
+  .icon-button:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-primary-600);
+  }
+
+  .icon-button:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-primary-700);
+  }
+
+  .icon-button:focus {
+    outline: none;
+  }
+
+  .icon-button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .icon-button:focus-visible {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .icon-button__icon {
+    pointer-events: none;
+  }
+
+  /* Primary */
+  .icon-button.icon-button--primary {
+    color: var(--lynk-color-primary-600);
+  }
+
+  .icon-button.icon-button--primary:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--primary:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-primary-500);
+  }
+
+  .icon-button.icon-button--primary:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-primary-700);
+  }
+
+  /* Success */
+  .icon-button.icon-button--success {
+    color: var(--lynk-color-success-600);
+  }
+
+  .icon-button.icon-button--success:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--success:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-success-500);
+  }
+
+  .icon-button.icon-button--success:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-success-700);
+  }
+
+  /* Neutral */
+  .icon-button.icon-button--neutral {
+    color: var(--lynk-color-neutral-600);
+  }
+
+  .icon-button.icon-button--neutral:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--neutral:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-neutral-500);
+  }
+
+  .icon-button.icon-button--neutral:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-neutral-700);
+  }
+
+  /* Warning */
+  .icon-button.icon-button--warning {
+    color: var(--lynk-color-warning-600);
+  }
+
+  .icon-button.icon-button--warning:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--warning:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-warning-500);
+  }
+
+  .icon-button.icon-button--warning:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-warning-700);
+  }
+
+  /* Danger */
+  .icon-button.icon-button--danger {
+    color: var(--lynk-color-danger-600);
+  }
+
+  .icon-button.icon-button--danger:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--danger:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-danger-500);
+  }
+
+  .icon-button.icon-button--danger:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-danger-700);
+  }
+
+  .icon-button--has-prefix .icon-button__prefix {
+    display: inline;
+  }
+
+  .icon-button--has-suffix .icon-button__suffix {
+    display: inline;
+  }
+
+  .icon-button__prefix,
+  .icon-button__suffix {
+    padding: var(--padding);
+    min-width: 0;
+    flex: 1;
+    display: none;
+    align-items: center;
+    pointer-events: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;export{t as a};