@uplynk/lynk-design 1.19.0 → 1.19.2

package/cdn/chunks/chunk.25BRY55X.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LSTLDNOR.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-radio-button";e.define("lynk-radio-button");var r=n({tagName:o,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvFocus:"ev-focus"},displayName:"LynkRadioButton"}),a=r;export{a};

package/cdn/chunks/chunk.27AHLA5S.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.G6ZVAGQW.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-icon";e.define("lynk-icon");var o=n({tagName:r,elementClass:e,react:t,events:{EvLoad:"ev-load",EvError:"ev-error"},displayName:"LynkIcon"}),s=o;export{s as a};

package/cdn/chunks/chunk.2CFERLVP.js

@@ -0,0 +1,280 @@
+import{a as n}from"./chunk.PINNEFCM.js";var i=n`
+  :host {
+    display: block;
+    --border-color: initial;
+  }
+
+  :host([data-user-invalid]:not([disabled])),
+  :host([state='error']:not([disabled])) {
+    --border-color: var(--lynk-color-danger);
+    --focus-color: color-mix(in oklab, var(--lynk-color-danger) 50%, transparent);
+  }
+
+  :host([state='warning']) {
+    --border-color: var(--lynk-color-warning);
+    --focus-color: color-mix(in oklab, var(--lynk-color-warning) 50%, transparent);
+  }
+
+  :host([state='success']) {
+    --border-color: var(--lynk-color-success);
+    --focus-color: color-mix(in oklab, var(--lynk-color-success) 50%, transparent);
+  }
+
+  :host([readonly]) {
+    --border-color: var(--lynk-color-neutral-200);
+    --focus-color: transparent;
+  }
+
+  :host([readonly]) .number-input--standard.number-input--focused {
+    --border-color: var(--lynk-color-neutral-400);
+  }
+
+  .number-input {
+    flex: 1 1 auto;
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: start;
+    position: relative;
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    text-align: left;
+    letter-spacing: var(--lynk-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: text;
+    width: 100%;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  /* Standard */
+  .number-input--standard {
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--border-color, var(--lynk-input-border-color));
+  }
+
+  .number-input--standard:hover:not(.number-input--disabled):not(.number-input--readonly) {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--border-color, var(--lynk-input-border-color-hover));
+  }
+
+  .number-input--standard.number-input--focused:not(.number-input--disabled) {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--border-color, var(--lynk-input-border-color-focus));
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--focus-color, var(--lynk-input-focus-ring-color));
+  }
+
+  .number-input--standard.number-input--disabled {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    opacity: 0.9;
+    cursor: not-allowed;
+  }
+
+  .number-input--standard.number-input--disabled .number-input__input {
+    color: var(--lynk-input-color-disabled);
+  }
+
+  /* Filled */
+  .number-input--filled {
+    border: none;
+    background-color: var(--lynk-input-filled-background-color);
+    color: var(--lynk-input-color);
+  }
+
+  .number-input--filled:hover:not(.number-input--disabled):not(.number-input--readonly) {
+    background-color: var(--lynk-input-filled-background-color-hover);
+  }
+
+  .number-input--filled.number-input--focused:not(.number-input--disabled) {
+    background-color: var(--lynk-input-filled-background-color-focus);
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .number-input--filled.number-input--disabled {
+    background-color: var(--lynk-input-filled-background-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* Readonly */
+  .number-input--readonly {
+    cursor: default;
+  }
+
+  /* Input */
+  .number-input__input {
+    flex: 1 1 auto;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    min-width: 0;
+    width: 100%;
+    height: 100%;
+    color: var(--lynk-input-color);
+    border: none;
+    background: none;
+    box-shadow: none;
+    padding: 0;
+    margin: 0;
+    cursor: inherit;
+    -moz-appearance: textfield;
+    -webkit-appearance: none;
+    appearance: textfield;
+    text-align: center;
+  }
+
+  .number-input__input::-webkit-outer-spin-button,
+  .number-input__input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  .number-input__input::placeholder {
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .number-input__input:focus {
+    outline: none;
+  }
+
+  /* Prefix & Suffix */
+  .number-input__prefix,
+  .number-input__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+  }
+
+  .number-input__prefix ::slotted(lynk-icon),
+  .number-input__suffix ::slotted(lynk-icon) {
+    color: var(--lynk-input-icon-color);
+  }
+
+  /* Stepper buttons */
+  .number-input__stepper {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: none;
+    border-radius: var(--lynk-border-radius-medium);
+    background: transparent;
+    color: var(--lynk-color-text-quieter);
+    padding: 0;
+    margin: 2px;
+    font-size: 1.125em;
+    transition:
+      var(--lynk-transition-fast) background-color,
+      var(--lynk-transition-fast) color;
+  }
+
+  .number-input__stepper:hover:not(:disabled) {
+    background: var(--lynk-color-neutral-100);
+    color: var(--lynk-color-text);
+  }
+
+  .number-input__stepper:active:not(:disabled) {
+    background: var(--lynk-color-neutral-300);
+  }
+
+  .number-input__stepper:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  .number-input--readonly .number-input__stepper {
+    display: none;
+  }
+
+  /* Sizes */
+  .number-input--small {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    height: var(--lynk-input-height-small);
+  }
+
+  .number-input--small .number-input__input {
+    height: calc(var(--lynk-input-height-small) - var(--lynk-input-border-width) * 2);
+    padding: 0 var(--lynk-input-spacing-small);
+  }
+
+  .number-input--small .number-input__stepper {
+    width: var(--lynk-input-height-small);
+  }
+
+  .number-input--small .number-input__prefix ::slotted(*) {
+    padding-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .number-input--small .number-input__suffix ::slotted(*) {
+    padding-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .number-input--medium {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    height: var(--lynk-input-height-medium);
+  }
+
+  .number-input--medium .number-input__input {
+    height: calc(var(--lynk-input-height-medium) - var(--lynk-input-border-width) * 2);
+    padding: 0 var(--lynk-input-spacing-medium);
+  }
+
+  .number-input--medium .number-input__stepper {
+    width: var(--lynk-input-height-medium);
+  }
+
+  .number-input--medium .number-input__prefix ::slotted(*) {
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .number-input--medium .number-input__suffix ::slotted(*) {
+    padding-inline-end: var(--lynk-input-spacing-medium);
+  }
+
+  .number-input--large {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    height: var(--lynk-input-height-large);
+  }
+
+  .number-input--large .number-input__input {
+    height: calc(var(--lynk-input-height-large) - var(--lynk-input-border-width) * 2);
+    padding: 0 var(--lynk-input-spacing-large);
+  }
+
+  .number-input--large .number-input__stepper {
+    width: var(--lynk-input-height-large);
+  }
+
+  .number-input--large .number-input__prefix ::slotted(*) {
+    padding-inline-start: var(--lynk-input-spacing-large);
+  }
+
+  .number-input--large .number-input__suffix ::slotted(*) {
+    padding-inline-end: var(--lynk-input-spacing-large);
+  }
+
+  /* Pill */
+  .number-input--pill {
+    border-radius: var(--lynk-input-height-large);
+  }
+
+  .number-input--pill .number-input__stepper--decrement {
+    border-radius: var(--lynk-input-height-large) var(--lynk-border-radius-medium) var(--lynk-border-radius-medium)
+      var(--lynk-input-height-large);
+  }
+
+  .number-input--pill .number-input__stepper--increment {
+    border-radius: var(--lynk-border-radius-medium) var(--lynk-input-height-large) var(--lynk-input-height-large)
+      var(--lynk-border-radius-medium);
+  }
+`;export{i as a};

package/cdn/chunks/chunk.2GDXOZPP.js

@@ -0,0 +1,46 @@
+import{a as S}from"./chunk.I2G2IAR5.js";import{a as T}from"./chunk.DVVKDTUZ.js";import{a as h,b as p}from"./chunk.HUMDDNNQ.js";import{a as E}from"./chunk.VDWIYU3J.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as n,c as d}from"./chunk.VDJQBFEB.js";import{a,c as l}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.O4ZRZ3HV.js";import{a as v}from"./chunk.TETFNMKN.js";import{a as k}from"./chunk.YHSYTTFF.js";import{a as y}from"./chunk.YZSIY5HS.js";import{a as b}from"./chunk.7TAXE2HP.js";import{a as s,d as c,g}from"./chunk.FU5FZZFK.js";import{a as C}from"./chunk.MXDME6T6.js";import{d as f}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";function w(m){return m.charAt(0).toUpperCase()+m.slice(1)}var t=class extends g{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new _(this);this.modal=new S(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.contained||e.key==="Escape"&&this.modal.isActive()&&this.open&&(e.stopImmediatePropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),h(this)))}disconnectedCallback(){super.disconnectedCallback(),p(this),this.removeOpenListeners()}requestClose(e){if(this.emit("ev-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let o=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,o.keyframes,o.options);return}this.hide()}addOpenListeners(){var e;"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.contained||(this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var e;document.removeEventListener("keydown",this.handleDocumentKeyDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),h(this));let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.drawer),d(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame(()=>{this.emit("ev-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=l(this,`drawer.show${w(this.placement)}`,{dir:this.localize.dir()}),o=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,o.keyframes,o.options)]),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),p(this)),await Promise.all([d(this.drawer),d(this.overlay)]);let e=l(this,`drawer.hide${w(this.placement)}`,{dir:this.localize.dir()}),r=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;let o=this.originalTrigger;typeof(o==null?void 0:o.focus)=="function"&&setTimeout(()=>o.focus()),this.emit("ev-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),h(this)),this.open&&this.contained&&(this.modal.deactivate(),p(this))}async show(){if(!this.open)return this.open=!0,await u(this,"ev-after-show")}async hide(){var r;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((r=document.activeElement)==null||r.blur()),this.open=!1,await u(this,"ev-after-hide")}render(){return f`
+      <div
+        part="base"
+        class=${b({drawer:!0,"drawer--open":this.open,"drawer--top":this.placement==="top","drawer--end":this.placement==="end","drawer--bottom":this.placement==="bottom","drawer--start":this.placement==="start","drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":this.localize.dir()==="rtl","drawer--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <div part="overlay" class="drawer__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="drawer__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${v(this.noHeader?this.label:void 0)}
+          aria-labelledby=${v(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":f`
+                  <header part="header" class="drawer__header">
+                    <h2 part="title" class="drawer__title" id="title">
+                      <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                      <slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
+                    </h2>
+                    <div part="header-actions" class="drawer__header-actions">
+                      <slot name="header-actions"></slot>
+                      <lynk-icon-button
+                        part="close-button"
+                        exportparts="base:close-button__base"
+                        class="drawer__close"
+                        name="x-lg"
+                        label=${this.localize.term("close")}
+                        library="system"
+                        @click=${()=>this.requestClose("close-button")}
+                      ></lynk-icon-button>
+                    </div>
+                  </header>
+                `}
+
+          <slot part="body" class="drawer__body"></slot>
+
+          <footer part="footer" class="drawer__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};t.styles=[C,T],t.dependencies={"lynk-icon-button":E},i([c(".drawer")],t.prototype,"drawer",2),i([c(".drawer__panel")],t.prototype,"panel",2),i([c(".drawer__overlay")],t.prototype,"overlay",2),i([s({type:Boolean,reflect:!0})],t.prototype,"open",2),i([s({reflect:!0})],t.prototype,"label",2),i([s({reflect:!0})],t.prototype,"placement",2),i([s({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([s({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([y("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([y("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1);a("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});a("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}});a("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});a("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}});a("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});a("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}});a("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});a("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}});a("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}});a("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});a("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn/chunks/chunk.2H7KIMYJ.js

@@ -0,0 +1,16 @@
+import{a as n}from"./chunk.NIGPLJXZ.js";import{a as p}from"./chunk.5I5F2IHR.js";import{a as s}from"./chunk.O4ZRZ3HV.js";import{a as m}from"./chunk.TETFNMKN.js";import{a as l}from"./chunk.7TAXE2HP.js";import{a as r,g as a}from"./chunk.FU5FZZFK.js";import{a as o}from"./chunk.MXDME6T6.js";import{d as i}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends a{constructor(){super(...arguments);this.localize=new s(this);this.value=0;this.indeterminate=!1;this.label=""}render(){return i`
+      <div
+        part="base"
+        class=${l({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":this.localize.dir()==="rtl"})}
+        role="progressbar"
+        title=${m(this.title)}
+        aria-label=${this.label.length>0?this.label:this.localize.term("progress")}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow=${this.indeterminate?0:this.value}
+      >
+        <div part="indicator" class="progress-bar__indicator" style=${p({width:`${this.value}%`})}>
+          ${this.indeterminate?"":i` <slot part="label" class="progress-bar__label"></slot> `}
+        </div>
+      </div>
+    `}};e.styles=[o,n],t([r({type:Number,reflect:!0})],e.prototype,"value",2),t([r({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([r()],e.prototype,"label",2);export{e as a};

package/cdn/chunks/chunk.2IFNCQKR.js

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

package/cdn/chunks/chunk.2J5ETTYJ.js

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

package/cdn/chunks/chunk.2J7IQMBY.js

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

package/cdn/chunks/chunk.2MR2XDZG.js

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

package/cdn/chunks/chunk.2RPIDJRK.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.W2KNNTER.js";import{a as r,g as i}from"./chunk.FU5FZZFK.js";import{a as o}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{show(){this.hidden=!1,this.emit("ev-show")}hide(){this.hidden=!0,this.emit("ev-hide")}render(){return s` <slot part="base"></slot> `}};t.styles=[o,m],e([r({attribute:"min-size",reflect:!0})],t.prototype,"minSize",2),e([r({attribute:"max-size",reflect:!0})],t.prototype,"maxSize",2),e([r({reflect:!0})],t.prototype,"size",2);export{t as a};

package/cdn/chunks/chunk.2S46GUF2.js

@@ -0,0 +1,23 @@
+import{a as m}from"./chunk.FVQOZDXS.js";import{a as r}from"./chunk.7TAXE2HP.js";import{a,b as h,d,g as c}from"./chunk.FU5FZZFK.js";import{a as u}from"./chunk.MXDME6T6.js";import{d as n}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.hasDefaultSlot=!1;this.hasEndSlot=!1;this.isExpanded=!1;this.isTruncated=!1;this.title="";this.expandable=!1;this.moreText="[more]";this.lessText="[less]"}handleDefaultSlotChange(){let s=[...this.defaultSlot.assignedNodes({flatten:!0})].some(l=>l.nodeType===Node.TEXT_NODE?(l.textContent||"").trim()!=="":!0);this.hasDefaultSlot!==s&&(this.hasDefaultSlot=s,this.cachedElements=void 0,this.debouncedCheckTruncation())}handleEndSlotChange(){let s=[...this.endSlot.assignedNodes({flatten:!0})].some(l=>l.nodeType===Node.TEXT_NODE?(l.textContent||"").trim()!=="":!0);this.hasEndSlot!==s&&(this.hasEndSlot=s,this.cachedElements=void 0,this.debouncedCheckTruncation())}getTextLabel(){return(this.textContent||"").trim()}handleMoreClick(){this.isExpanded=!0,this.emit("ev-expand")}handleLessClick(){this.isExpanded=!1,this.emit("ev-collapse")}checkTruncation(){if(!this.expandable||this.isExpanded)return;if(!this.cachedElements){let o=this.shadowRoot;this.cachedElements={start:o?o.querySelector(".truncate__start"):null,end:o?o.querySelector(".truncate__end"):null}}let{start:t,end:s}=this.cachedElements,l=!1;this.clamp&&t?l=t.scrollHeight>t.clientHeight:!this.hasDefaultSlot&&this.hasEndSlot&&s?l=s.scrollWidth>s.clientWidth:this.hasDefaultSlot&&this.hasEndSlot&&t&&s?l=t.scrollWidth>t.clientWidth||s.scrollWidth>s.clientWidth:this.hasDefaultSlot&&!this.hasEndSlot&&t&&(l=t.scrollWidth>t.clientWidth),this.isTruncated!==l&&(this.isTruncated=l)}debouncedCheckTruncation(){this.checkTimeout&&clearTimeout(this.checkTimeout),this.checkTimeout=window.setTimeout(()=>{requestAnimationFrame(()=>this.checkTruncation())},33)}firstUpdated(){if(this.expandable){this.resizeObserver=new ResizeObserver(()=>{this.debouncedCheckTruncation()});let t=this.parentElement;t&&this.resizeObserver.observe(t)}}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.disconnect(),this.checkTimeout&&clearTimeout(this.checkTimeout)}updated(t){(t.has("expandable")||t.has("clamp")||t.has("isExpanded"))&&(this.cachedElements=void 0,this.debouncedCheckTruncation())}render(){return n`
+      <span
+        part="base"
+        title=${this.title||this.getTextLabel()}
+        class=${r({truncate:!0,"truncate--end":this.hasDefaultSlot&&!this.hasEndSlot,"truncate--middle":this.hasDefaultSlot&&this.hasEndSlot,"truncate--start":!this.hasDefaultSlot&&this.hasEndSlot,"truncate--expanded":this.isExpanded,"truncate--expandable":this.expandable})}
+      >
+        ${this.expandable?n`
+                <slot class="truncate__start" @slotchange=${this.handleDefaultSlotChange}></slot>
+                ${this.isTruncated||this.isExpanded?n`
+                      <span
+                        class="truncate__toggle"
+                        @click=${this.isExpanded?this.handleLessClick:this.handleMoreClick}
+                      >
+                        ${this.isExpanded?this.lessText:this.moreText}
+                      </span>
+                    `:""}
+                <slot name="end" class="truncate__end" @slotchange=${this.handleEndSlotChange}></slot>
+              `:n`
+                <slot class="truncate__start" @slotchange=${this.handleDefaultSlotChange}></slot>
+                <slot name="end" class="truncate__end" @slotchange=${this.handleEndSlotChange}></slot>
+              `}
+      </span>
+    `}};e.styles=[u,m],i([d("slot")],e.prototype,"defaultSlot",2),i([d('slot[name="end"]')],e.prototype,"endSlot",2),i([h()],e.prototype,"hasDefaultSlot",2),i([h()],e.prototype,"hasEndSlot",2),i([h()],e.prototype,"isExpanded",2),i([h()],e.prototype,"isTruncated",2),i([a()],e.prototype,"title",2),i([a({type:Number})],e.prototype,"clamp",2),i([a({type:Boolean})],e.prototype,"expandable",2),i([a({attribute:"more-text"})],e.prototype,"moreText",2),i([a({attribute:"less-text"})],e.prototype,"lessText",2);export{e as a};

package/cdn/chunks/chunk.2TLN3HCZ.js

@@ -0,0 +1,25 @@
+import{a as k}from"./chunk.CXTKECKS.js";import{a as v}from"./chunk.4J2PTOHP.js";import{a as f}from"./chunk.FRVRGW5T.js";import{a as b}from"./chunk.B75OHWIQ.js";import{a as u}from"./chunk.O4ZRZ3HV.js";import{a as p}from"./chunk.G6ZVAGQW.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.7TAXE2HP.js";import{a as s,d as a,g as c}from"./chunk.FU5FZZFK.js";import{a as h}from"./chunk.MXDME6T6.js";import{d as l}from"./chunk.PINNEFCM.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.2VXYGTNA.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk.APQIANYL.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as r,g as l}from"./chunk.FU5FZZFK.js";import{a}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.start=!0;this.end=!1;this.align="center";this.gap="var(--lynk-spacing-small)"}handleRowChange(){this.start&&(this.end=!1)}handleColumnChange(){this.end&&(this.start=!1)}render(){return o` <slot part="base" class="flank" style="--gap: ${this.gap};"></slot> `}};t.styles=[a,p],e([r({type:Boolean,reflect:!0})],t.prototype,"start",2),e([r({type:Boolean,reflect:!0})],t.prototype,"end",2),e([r({reflect:!0})],t.prototype,"align",2),e([r({type:String,reflect:!0})],t.prototype,"gap",2),e([s("start")],t.prototype,"handleRowChange",1),e([s("end")],t.prototype,"handleColumnChange",1);export{t as a};

package/cdn/chunks/chunk.2WENWNGG.js

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

package/cdn/chunks/chunk.33JX6S4Y.js

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

package/cdn/chunks/chunk.37DZVXHH.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.QLMI3PRN.js";import*as n from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var v="lynk-number-input";e.define("lynk-number-input");var s=t({tagName:v,elementClass:e,react:n,events:{EvBlur:"ev-blur",EvChange:"ev-change",EvFocus:"ev-focus",EvInput:"ev-input",EvInvalid:"ev-invalid"},displayName:"LynkNumberInput"}),m=s;export{m as a};

package/cdn/chunks/chunk.37PWOLJT.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PYI4J3Z7.js";import*as n from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var v="lynk-range";e.define("lynk-range");var s=t({tagName:v,elementClass:e,react:n,events:{EvBlur:"ev-blur",EvChange:"ev-change",EvFocus:"ev-focus",EvInput:"ev-input",EvInvalid:"ev-invalid"},displayName:"LynkRange"}),p=s;export{p as a};

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

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

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

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

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

@@ -0,0 +1,90 @@
+import{a as e}from"./chunk.PINNEFCM.js";var r=e`
+  :host {
+    display: inline-flex;
+    --max-width: 40ch;
+    --min-width: 1ch;
+  }
+
+  .breadcrumb-item {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-small);
+    font-weight: var(--lynk-font-weight-semibold);
+    color: var(--lynk-color-text-quietest);
+    line-height: var(--lynk-line-height-normal);
+    white-space: nowrap;
+  }
+
+  .breadcrumb-item__label {
+    display: inline-block;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    text-decoration: none;
+    color: inherit;
+    background: none;
+    border: none;
+    border-radius: var(--lynk-border-radius-medium);
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    transition: var(--lynk-transition-fast) --color;
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label {
+    color: var(--lynk-color-primary-600);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {
+    color: var(--lynk-color-primary-500);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label:active {
+    color: var(--lynk-color-primary-600);
+  }
+
+  .breadcrumb-item__label:focus {
+    outline: none;
+  }
+
+  .breadcrumb-item__label:focus-visible {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .breadcrumb-item__prefix,
+  .breadcrumb-item__suffix {
+    display: none;
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .breadcrumb-item--has-prefix .breadcrumb-item__prefix {
+    display: inline-flex;
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
+    display: inline-flex;
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  :host(:last-of-type) .breadcrumb-item__separator {
+    display: none;
+  }
+
+  .breadcrumb-item__separator {
+    display: inline-flex;
+    align-items: center;
+    margin: 0 var(--lynk-spacing-x-small);
+    user-select: none;
+  }
+
+  .breadcrumb-item__label lynk-truncate::part(base) {
+    max-width: var(--max-width);
+    min-width: var(--min-width) !important;
+  }
+`;export{r as a};

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

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

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

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

package/cdn/chunks/chunk.44INIWMP.js

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

package/cdn/chunks/chunk.46OTH746.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.ONR74LY5.js";import{a as r,g as s}from"./chunk.FU5FZZFK.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends s{constructor(){super(...arguments);this.barberpole=!1}render(){return o` <slot part="base"></slot> `}};t.styles=[l,m],e([r({reflect:!0})],t.prototype,"state",2),e([r({type:Boolean,reflect:!0})],t.prototype,"barberpole",2);export{t as a};

package/cdn/chunks/chunk.476FENNR.js

@@ -0,0 +1,11 @@
+import{a as p}from"./chunk.UF4OHHSS.js";import{a as n}from"./chunk.QNSDQ5I5.js";import{a as e}from"./chunk.CIXURCS3.js";import{a as o,g as s}from"./chunk.FU5FZZFK.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as a}from"./chunk.FI4IKBIW.js";var t=class extends s{constructor(){super(...arguments);this.width="fluid"}connectedCallback(){super.connectedCallback(),!this.slot&&this.hasParentLayout()&&(this.slot="header")}hasParentLayout(){return this.parentElement instanceof e}render(){return r`
+      <lynk-page-content width="${this.width}" style="--padding-top: 0; --padding-bottom: 0;">
+        <header part="base" class="page-header">
+          <slot name="breadcrumb" part="breadcrumb" class="page-header__breadcrumb"></slot>
+          <slot name="aux" part="aux" class="page-header__aux"></slot>
+          <slot class="page-header__main"></slot>
+          <slot name="controls" part="controls" class="page-header__controls"></slot>
+          <slot name="tabs" part="tabs" class="page-header__tabs"></slot>
+        </header>
+      </lynk-page-content>
+    `}};t.styles=[l,p],t.dependencies={"lynk-page-content":n,"lynk-page":e},a([o({reflect:!0})],t.prototype,"width",2);export{t as a};

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

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.GEU7LU5D.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-switch";e.define("lynk-switch");var s=n({tagName:v,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvChange:"ev-change",EvInput:"ev-input",EvFocus:"ev-focus",EvInvalid:"ev-invalid"},displayName:"LynkSwitch"}),m=s;export{m as a};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{a as m}from"./chunk.YTTEVOGP.js";import{g as e}from"./chunk.FU5FZZFK.js";import{a as o}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";var t=class extends e{render(){return r` <slot></slot> `}};t.styles=[o,m];export{t as a};

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

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