@uplynk/lynk-design 1.18.0 → 1.19.0

package/cdn/chunks/chunk.ESRKAJU3.js

@@ -0,0 +1,297 @@
+import{a as e}from"./chunk.PINNEFCM.js";var r=e`
+  :host {
+    display: block;
+  }
+
+  .date-time-picker__input-group {
+    display: flex;
+    min-width: 270px;
+    align-items: stretch;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    gap: 4px;
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    color: var(--lynk-input-color);
+    cursor: text;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  .date-time-picker__placeholder {
+    align-self: center;
+    color: var(--lynk-input-placeholder-color);
+    user-select: none;
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 200px;
+    text-overflow: ellipsis;
+  }
+
+  .date-time-picker__input-group:hover:not(.date-time-picker__input-group--disabled):not(
+      .date-time-picker__input-group--readonly
+    ) {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+
+  .date-time-picker__input-group:focus-within:not(.date-time-picker__input-group--disabled):not(
+      .date-time-picker__input-group--readonly
+    ) {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  .date-time-picker__input-group--small {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    height: var(--lynk-input-height-small);
+  }
+
+  .date-time-picker__input-group--medium {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    height: var(--lynk-input-height-medium);
+  }
+
+  .date-time-picker__input-group--large {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    height: var(--lynk-input-height-large);
+  }
+
+  .date-time-picker__input-group--disabled {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .date-time-picker__input-group--readonly {
+    border-color: var(--lynk-color-neutral-200);
+    cursor: default;
+  }
+
+  .date-time-picker__input-group--readonly:hover {
+    border-color: var(--lynk-color-neutral-200);
+  }
+
+  .date-time-picker__input-group--readonly:focus-within {
+    border-color: var(--lynk-color-neutral-400);
+    box-shadow: none;
+  }
+
+  .date-time-picker__input-group--readonly .date-time-picker__trigger {
+    color: var(--lynk-color-neutral-300);
+  }
+
+  .date-time-picker__date-input,
+  .date-time-picker__time-input {
+    min-width: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: start;
+    position: relative;
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: inherit;
+    transition: var(--lynk-transition-fast) color;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    color: inherit;
+    outline: none;
+  }
+
+  .date-time-picker__input-group--small {
+    padding-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .date-time-picker__input-group--medium {
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .date-time-picker__input-group--large {
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .date-time-picker__date-input:disabled,
+  .date-time-picker__time-input:disabled {
+    cursor: not-allowed;
+  }
+
+  /* Hide native date/time input icons and disable browser pickers */
+  .date-time-picker__date-input::-webkit-calendar-picker-indicator,
+  .date-time-picker__time-input::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .date-time-picker__date-input::-webkit-inner-spin-button,
+  .date-time-picker__time-input::-webkit-inner-spin-button {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .date-time-picker__date-input::-webkit-clear-button,
+  .date-time-picker__time-input::-webkit-clear-button {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .date-time-picker__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--lynk-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--lynk-transition-fast) color;
+    cursor: pointer;
+    margin-inline-start: 12px;
+  }
+
+  .date-time-picker__clear:hover {
+    color: var(--lynk-input-icon-color-hover);
+  }
+
+  .date-time-picker__clear:focus {
+    outline: none;
+  }
+
+  .date-time-picker__trigger {
+    align-self: center;
+    border: none;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+    margin-inline-end: var(--lynk-spacing-x-small);
+    margin-inline-start: auto;
+  }
+
+  .date-time-picker__panel {
+    display: flex;
+    flex-direction: column;
+    background: var(--lynk-panel-background-color);
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+    border-radius: var(--lynk-border-radius-medium);
+  }
+
+  .date-time-picker__panel-body {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+  }
+
+  .date-time-picker__calendar {
+    border: none;
+    --height: 300px;
+    padding: var(--lynk-spacing-small);
+  }
+
+  .date-time-picker__clock {
+    --height: 300px;
+  }
+
+  .date-time-picker__clock::part(picker) {
+    border-bottom: none;
+  }
+
+  /* 24-hour number input styles */
+  .date-time-picker__24h-group {
+    display: inline-flex;
+    align-items: center;
+    gap: 0;
+    overflow: hidden;
+  }
+
+  .date-time-picker__24h-group--hidden {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+  }
+
+  .date-time-picker__segment-input {
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: var(--lynk-line-height-normal);
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    outline: none;
+    width: 2.2ch;
+    text-align: center;
+    cursor: inherit;
+    -moz-appearance: textfield;
+  }
+
+  .date-time-picker__segment-input::placeholder {
+    color: inherit;
+  }
+
+  .date-time-picker__segment-input:disabled {
+    cursor: not-allowed;
+  }
+
+  /* Hide native number input spinners */
+  .date-time-picker__segment-input::-webkit-outer-spin-button,
+  .date-time-picker__segment-input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  .date-time-picker__separator {
+    color: inherit;
+    user-select: none;
+    line-height: 1;
+  }
+
+  .date-time-picker__footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: var(--lynk-spacing-small);
+    border-top: solid 1px var(--lynk-color-neutral-200);
+  }
+
+  .date-time-picker__footer-actions {
+    display: flex;
+    gap: var(--lynk-spacing-x-small);
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .date-time-picker__input-group--small .date-time-picker__trigger {
+    font-size: var(--lynk-button-font-size-small);
+  }
+
+  .date-time-picker__input-group--medium .date-time-picker__trigger {
+    font-size: var(--lynk-button-font-size-medium);
+  }
+
+  .date-time-picker__input-group--large .date-time-picker__trigger {
+    font-size: var(--lynk-button-font-size-large);
+  }
+`;export{r as a};

package/cdn/chunks/chunk.EVIGCSJA.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.M6JJNRU4.js";import*as e from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-mutation-observer";t.define("lynk-mutation-observer");var r=n({tagName:o,elementClass:t,react:e,events:{EvMutation:"ev-mutation"},displayName:"LynkMutationObserver"}),i=r;export{i as a};

package/cdn/chunks/chunk.EWRMZRYY.js

@@ -0,0 +1,15 @@
+import{a as n}from"./chunk.2I363DWM.js";import{a as h}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.7TAXE2HP.js";import{a as d}from"./chunk.YZSIY5HS.js";import{a as r,b as o,g as l}from"./chunk.ZAFKTMHG.js";import{a}from"./chunk.MXDME6T6.js";import{d as i}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.hasSlotController=new h(this,"heading");this.squished=!1;this.heading=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}firstUpdated(){this.handleSquished()}handleSquished(){this.squished?this.setAttribute("squished",this.squished?"true":"false"):this.removeAttribute("squished")}render(){let u=this.hasSlotController.test("heading"),m=this.heading?!0:!!u;return i`
+      <div
+        id="heading"
+        part="base"
+        class=${s({"nav-group__heading":!0})}
+        aria-hidden=${m?"false":"true"}
+      >
+        <slot name="heading">${this.heading}</slot>
+      </div>
+
+      <slot
+        part="children"
+        class=${s({"nav-group":!0,"nav-group--squished":this.squished})}
+      ></slot>
+    `}};t.styles=[a,n],e([o()],t.prototype,"squished",2),e([r({reflect:!0})],t.prototype,"heading",2),e([d("squished",{waitUntilFirstUpdate:!0})],t.prototype,"handleSquished",1);export{t as a};

package/cdn/chunks/chunk.FAUBSB2L.js

@@ -0,0 +1,31 @@
+import{a as t}from"./chunk.3YOH2VPP.js";import{a as o}from"./chunk.R2ZEY3CJ.js";import{a as e}from"./chunk.PINNEFCM.js";var l=e`
+  ${t}
+  ${o}
+
+  .button__prefix,
+  .button__suffix,
+  .button__label {
+    display: inline-flex;
+    position: relative;
+    align-items: center;
+  }
+
+  /* fixes a bug where clicking on an icon used in the label doesn't fire the click event  */
+  .button__label::slotted(lynk-icon) {
+    pointer-events: none;
+  }
+
+  /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.
+    We can't actually hide it, though, otherwise the messages will be suppressed by the browser. */
+  .hidden-input {
+    all: unset;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    outline: dotted 1px red;
+    opacity: 0;
+    z-index: -1;
+  }
+`;export{l as a};

package/cdn/chunks/chunk.FESMBXWT.js

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

package/cdn/chunks/chunk.FKBAS55B.js

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

package/cdn/chunks/chunk.FNS4RR75.js

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

package/cdn/chunks/chunk.FVQOZDXS.js

@@ -0,0 +1,107 @@
+import{a as t}from"./chunk.PINNEFCM.js";var a=t`
+  :host {
+    display: contents;
+    --gap: 0px;
+    --toggle-color: var(--lynk-color-primary);
+    --truncate-min-width: 3ch;
+    --truncate__start--min-width: 3ch;
+  }
+
+  .truncate {
+    display: inline-grid;
+    grid-auto-flow: column;
+    align-items: baseline;
+    min-width: var(--truncate-min-width);
+    gap: var(--gap);
+    max-width: 100%;
+  }
+
+  .truncate__start,
+  .truncate__end {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline;
+  }
+
+  .truncate--end .truncate__start,
+  .truncate--middle .truncate__start {
+    min-width: var(--truncate__start--min-width);
+  }
+
+  .truncate--middle .truncate__end {
+    overflow: visible;
+  }
+
+  .truncate--end .truncate__end {
+    display: none;
+  }
+
+  .truncate--start .truncate__end {
+    min-width: var(-truncate__start--min-width);
+    direction: rtl;
+  }
+
+  .truncate--start. .truncate__start {
+    display: none;
+  }
+
+  :host([clamp]) .truncate__start {
+    white-space: unset;
+    display: -webkit-inline-box;
+    -webkit-box-orient: vertical;
+  }
+
+  :host([clamp='2']) .truncate--end .truncate__start {
+    -webkit-line-clamp: 2;
+  }
+
+  :host([clamp='3']) .truncate--end .truncate__start {
+    -webkit-line-clamp: 3;
+  }
+
+  :host([clamp='4']) .truncate--end .truncate__start {
+    -webkit-line-clamp: 4;
+  }
+
+  :host([clamp='5']) .truncate--end .truncate__start {
+    -webkit-line-clamp: 5;
+  }
+
+  /* Show full content when expanded */
+  :host([expandable]) .truncate {
+    display: inline-flex;
+    flex-wrap: nowrap;
+  }
+
+  :host([expandable]) .truncate__start,
+  :host([expandable]) .truncate__end {
+    text-overflow: ellipsis;
+  }
+
+  :host([expandable]) .truncate--expanded {
+    display: contents;
+  }
+
+  .truncate--expanded .truncate__start,
+  .truncate--expanded .truncate__end {
+    overflow: visible;
+    text-overflow: unset;
+    white-space: normal;
+    -webkit-line-clamp: unset !important;
+    display: inline !important;
+  }
+
+  .truncate__toggle {
+    display: inline;
+    white-space: nowrap;
+    align-self: flex-end;
+    cursor: pointer;
+    color: var(--toggle-color);
+    opacity: 0.85;
+  }
+
+  .truncate__toggle:hover {
+    opacity: 1;
+  }
+`;export{a};

package/cdn/chunks/chunk.FXQ5FUXD.js

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

package/cdn/chunks/chunk.FZ7AGNI5.js

@@ -0,0 +1,49 @@
+import{a as C}from"./chunk.ALF77N6F.js";import{a as x}from"./chunk.K5SH7ECK.js";import{c as g}from"./chunk.HUMDDNNQ.js";import{a as A}from"./chunk.U24XP2DP.js";import{a as S}from"./chunk.MEKW2OXH.js";import{a as m}from"./chunk.7TAXE2HP.js";import{a as T}from"./chunk.YZSIY5HS.js";import{a as u,b as f,c as w,d as p,g as k}from"./chunk.ZAFKTMHG.js";import{a as E}from"./chunk.MXDME6T6.js";import{d as v}from"./chunk.PINNEFCM.js";import{a as y,e as o}from"./chunk.FI4IKBIW.js";var _=(d,h)=>{let t=0;return function(...s){window.clearTimeout(t),t=window.setTimeout(()=>{d.call(this,...s)},h)}},L=(d,h,t)=>{let s=d[h];d[h]=function(...e){s.call(this,...e),t.call(this,s,...e)}};(()=>{if(typeof window=="undefined")return;if(!("onscrollend"in window)){let h=new Set,t=new WeakMap,s=i=>{for(let a of i.changedTouches)h.add(a.identifier)},e=i=>{for(let a of i.changedTouches)h.delete(a.identifier)};document.addEventListener("touchstart",s,!0),document.addEventListener("touchend",e,!0),document.addEventListener("touchcancel",e,!0),L(EventTarget.prototype,"addEventListener",function(i,a){if(a!=="scrollend")return;let r=_(()=>{h.size?r():this.dispatchEvent(new Event("scrollend"))},100);i.call(this,"scroll",r,{passive:!0}),t.set(this,r)}),L(EventTarget.prototype,"removeEventListener",function(i,a){if(a!=="scrollend")return;let r=t.get(this);r&&i.call(this,"scroll",r,{passive:!0})})}})();var n=class extends k{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.localize=new S(this);this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.appearance="underline";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("lynk-tab"),customElements.whenDefined("lynk-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(s=>{if(s.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),s.some(e=>e.attributeName==="disabled"))this.syncTabsAndPanels();else if(s.some(e=>e.attributeName==="active")){let i=s.filter(a=>a.attributeName==="active"&&a.target.tagName.toLowerCase()==="lynk-tab").map(a=>a.target).find(a=>a.active);i&&this.setActiveTab(i)}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then(()=>{new IntersectionObserver((e,i)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),i.unobserve(e[0].target))}).observe(this.tabGroup)})})}disconnectedCallback(){var t,s;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),(s=this.resizeObserver)==null||s.disconnect()}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){let t=[...this.body.assignedElements()].filter(e=>e.tagName.toLowerCase()==="lynk-tab-panel"),s=[];return this.tabs.forEach(e=>{if(e.panel&&!t.find(i=>i.name===e.panel)){let i=document.getElementById(e.panel);(i==null?void 0:i.tagName.toLowerCase())==="lynk-tab-panel"&&s.push(i)}}),[...t,...s]}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("lynk-tab");(e==null?void 0:e.closest("lynk-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("lynk-tab");if((e==null?void 0:e.closest("lynk-tab-group"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(c=>c.matches(":focus")),r=this.localize.dir()==="rtl",l=null;if((a==null?void 0:a.tagName.toLowerCase())==="lynk-tab"){if(t.key==="Home")l=this.focusableTabs[0];else if(t.key==="End")l=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(r?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let c=this.tabs.findIndex(b=>b===a);l=this.findNextFocusableTab(c,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(r?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let c=this.tabs.findIndex(b=>b===a);l=this.findNextFocusableTab(c,"forward")}if(!l)return;l.tabIndex=0,l.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(l,{scrollBehavior:"smooth"}):this.tabs.forEach(c=>{c.tabIndex=c===l?0:-1}),["top","bottom"].includes(this.placement)&&g(l,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,s){if(s=y({emitEvents:!0,scrollBehavior:"auto"},s),t!==this.activeTab&&!t.disabled){let e=this.activeTab;if(s.emitEvents&&this.emit("ev-tab-show",{cancelable:!0,detail:{name:t.panel}}).defaultPrevented)return;this.activeTab=t,this.tabs.forEach(i=>{i.active=i===this.activeTab,i.tabIndex=i===this.activeTab?0:-1}),this.panels.forEach(i=>{var a,r;return i.active=i.name===((a=this.activeTab)==null?void 0:a.panel)||i.id===((r=this.activeTab)==null?void 0:r.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&g(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&e&&this.emit("ev-tab-hide",{detail:{name:e.panel}})}}setAriaLabels(){this.tabs.forEach(t=>{let s=this.panels.find(e=>e.name===t.panel);s&&(t.setAttribute("aria-controls",s.getAttribute("id")),s.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let s=t.clientWidth,e=t.clientHeight,i=this.localize.dir()==="rtl",a=this.getAllTabs(),l=a.slice(0,a.indexOf(t)).reduce((c,b)=>({left:c.left+b.clientWidth,top:c.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${s}px`,this.indicator.style.height="auto",this.indicator.style.translate=i?`${-1*l.left}px`:`${l.left}px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${l.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,s){let e=null,i=s==="forward"?1:-1,a=t+i;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){s==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=i}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return this.localize.dir()==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}show(t){let s=this.tabs.find(e=>e.panel===t);s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){let t=this.localize.dir()==="rtl";return v`
+      <div
+        part="base"
+        class=${m({"tab-group":!0,"tab-group--top":this.placement==="top","tab-group--bottom":this.placement==="bottom","tab-group--start":this.placement==="start","tab-group--end":this.placement==="end","tab-group--rtl":this.localize.dir()==="rtl","tab-group--has-scroll-controls":this.hasScrollControls,"tab-group--underline":this.appearance==="underline","tab-group--pill":this.appearance==="pill"})}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <div class="tab-group__nav-container" part="nav">
+          ${this.hasScrollControls?v`
+                  <lynk-icon-button
+                    part="scroll-button scroll-button--start"
+                    exportparts="base:scroll-button__base"
+                    class=${m({"tab-group__scroll-button":!0,"tab-group__scroll-button--start":!0,"tab-group__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
+                    name=${t?"chevron-right":"chevron-left"}
+                    library="system"
+                    tabindex="-1"
+                    aria-hidden="true"
+                    label=${this.localize.term("scrollToStart")}
+                    @click=${this.handleScrollToStart}
+                  ></lynk-icon-button>
+                `:""}
+
+          <div class="tab-group__nav" @scrollend=${this.updateScrollButtons}>
+            <div part="tabs" class="tab-group__tabs" role="tablist">
+              <div part="active-tab-indicator" class="tab-group__indicator"></div>
+              <lynk-resize-observer @ev-resize=${this.syncIndicator}>
+                <slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot>
+              </lynk-resize-observer>
+            </div>
+          </div>
+
+          ${this.hasScrollControls?v`
+                  <lynk-icon-button
+                    part="scroll-button scroll-button--end"
+                    exportparts="base:scroll-button__base"
+                    class=${m({"tab-group__scroll-button":!0,"tab-group__scroll-button--end":!0,"tab-group__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
+                    name=${t?"chevron-left":"chevron-right"}
+                    library="system"
+                    tabindex="-1"
+                    aria-hidden="true"
+                    label=${this.localize.term("scrollToEnd")}
+                    @click=${this.handleScrollToEnd}
+                  ></lynk-icon-button>
+                `:""}
+        </div>
+
+        <slot part="body" class="tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot>
+      </div>
+    `}};n.styles=[E,C],n.dependencies={"lynk-icon-button":A,"lynk-resize-observer":x},o([p(".tab-group")],n.prototype,"tabGroup",2),o([p(".tab-group__body")],n.prototype,"body",2),o([p(".tab-group__nav")],n.prototype,"nav",2),o([p(".tab-group__indicator")],n.prototype,"indicator",2),o([f()],n.prototype,"hasScrollControls",2),o([f()],n.prototype,"shouldHideScrollStartButton",2),o([f()],n.prototype,"shouldHideScrollEndButton",2),o([u()],n.prototype,"placement",2),o([u({reflect:!0})],n.prototype,"appearance",2),o([u()],n.prototype,"activation",2),o([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),o([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),o([w({passive:!0})],n.prototype,"updateScrollButtons",1),o([T("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),o([T("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1);export{n as a};

package/cdn/chunks/chunk.G2Y22EUX.js

@@ -0,0 +1,84 @@
+import{a as r}from"./chunk.PINNEFCM.js";var a=r`
+  :host {
+    display: inline-flex;
+    --background-color: var(--lynk-color-primary-600);
+    --color: var(--lynk-color-neutral-0);
+    --pulse-speed: 1.5s;
+  }
+
+  .badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--lynk-font-size-small);
+    font-weight: var(--lynk-font-weight-semibold);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    line-height: 1;
+    border-radius: var(--lynk-border-radius-small);
+    border: solid 1px var(--lynk-color-neutral-0);
+    white-space: nowrap;
+    padding: 3px 6px;
+    user-select: none;
+    background-color: var(--background-color);
+    color: var(--color);
+    cursor: inherit;
+  }
+
+  /* Variant modifiers */
+  .badge.badge--primary {
+    --background-color: var(--lynk-color-primary-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--accent {
+    --background-color: var(--lynk-color-accent-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--success {
+    --background-color: var(--lynk-color-success-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--neutral {
+    --background-color: var(--lynk-color-neutral-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--warning {
+    --background-color: var(--lynk-color-warning-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--danger {
+    --background-color: var(--lynk-color-danger-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  .badge.badge--info {
+    --background-color: var(--lynk-color-info-600);
+    --color: var(--lynk-color-neutral-0);
+  }
+
+  /* Pill modifier */
+  .badge--pill {
+    border-radius: var(--lynk-border-radius-pill);
+  }
+
+  /* Pulse modifier */
+  .badge--pulse {
+    animation: pulse var(--pulse-speed) infinite;
+  }
+
+  @keyframes pulse {
+    0% {
+      box-shadow: 0 0 0 0 var(--background-color);
+    }
+    70% {
+      box-shadow: 0 0 0 0.5rem transparent;
+    }
+    100% {
+      box-shadow: 0 0 0 0 transparent;
+    }
+  }
+`;export{a};

package/cdn/chunks/chunk.G3BS2E5X.js

@@ -0,0 +1,9 @@
+import{a as i}from"./chunk.G2Y22EUX.js";import{a as p}from"./chunk.7TAXE2HP.js";import{a as r,g as a}from"./chunk.ZAFKTMHG.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends a{constructor(){super(...arguments);this.pill=!1;this.pulse=!1}render(){return s`
+      <span
+        part="base"
+        class=${p({badge:!0,"badge--primary":this.type==="primary","badge--accent":this.type==="accent","badge--info":this.type==="info","badge--success":this.type==="success","badge--neutral":this.type==="neutral","badge--warning":this.type==="warning","badge--danger":this.type==="danger","badge--pill":this.pill,"badge--pulse":this.pulse})}
+        role="status"
+      >
+        <slot></slot>
+      </span>
+    `}};e.styles=[l,i],t([r({reflect:!0})],e.prototype,"type",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pulse",2);export{e as a};

package/cdn/chunks/chunk.G57NWDYV.js

@@ -0,0 +1,25 @@
+import{a as m}from"./chunk.VAJSQ2FE.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as r}from"./chunk.7TAXE2HP.js";import{a,g as l}from"./chunk.ZAFKTMHG.js";import{a as i}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.hasSlotController=new c(this,"[default]","footer","header","image","image-top-start","image-top-end","image-bottom-start","image-bottom-end");this.appearance="outlined";this.stealth=!1;this.size="inherit";this.interactive=!1;this.active=!1;this.pulse=!1;this.aspectRatio="16:9"}render(){let o=this.hasSlotController.test("image")||this.hasSlotController.test("image-top-start")||this.hasSlotController.test("image-top-end")||this.hasSlotController.test("image-bottom-start")||this.hasSlotController.test("image-bottom-end"),n=this.hasSlotController.test("header")||this.hasSlotController.test("[default]")||this.hasSlotController.test("footer");return s`
+      <div
+        part="base"
+        class=${r({card:!0,"card--interactive":this.interactive,"card--active":this.active,"card--stealth":this.stealth,"card--pulse":this.pulse,"card--primary":this.state==="primary","card--accent":this.state==="accent","card--danger":this.state==="danger","card--success":this.state==="success","card--neutral":this.state==="neutral","card--warning":this.state==="warning","card--info":this.state==="info","card--small":this.size==="small","card--medium":this.size==="medium","card--large":this.size==="large","card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("image"),"card--has-header":this.hasSlotController.test("header"),"card--image-only":o&&!n})}
+      >
+        ${o?s`
+                <div
+                  part="image-block"
+                  class="card__image-block ${`aspect--${this.aspectRatio.replace(/[:.]/g,"-")}`}"
+                >
+                  <div part="image" class="card__image">
+                    <slot name="image"></slot>
+                  </div>
+
+                  <slot name="image-top-start" part="image-top-start" class="card__image-top-start"></slot>
+                  <slot name="image-top-end" part="image-top-end" class="card__image-top-end"></slot>
+                  <slot name="image-bottom-start" part="image-bottom-start" class="card__image-bottom-start"></slot>
+                  <slot name="image-bottom-end" part="image-bottom-end" class="card__image-bottom-end"></slot>
+                </div>
+              `:""}
+        ${this.hasSlotController.test("header")?s`<slot name="header" part="header" class="card__header"></slot>`:""}
+        ${this.hasSlotController.test("[default]")?s`<slot part="body" class="card__body"></slot>`:""}
+        ${this.hasSlotController.test("footer")?s`<slot name="footer" part="footer" class="card__footer"></slot>`:""}
+      </div>
+    `}};t.styles=[i,m],e([a({reflect:!0})],t.prototype,"appearance",2),e([a({type:Boolean,reflect:!0})],t.prototype,"stealth",2),e([a({reflect:!0})],t.prototype,"size",2),e([a({reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"interactive",2),e([a({type:Boolean,reflect:!0})],t.prototype,"active",2),e([a({type:Boolean,reflect:!0})],t.prototype,"pulse",2),e([a({reflect:!0,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2);export{t as a};

package/cdn/chunks/chunk.G6UUEK7Y.js

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