@uplynk/lynk-design 1.18.1 → 1.19.0

package/cdn/chunks/chunk.U4MC7W66.js

@@ -0,0 +1,167 @@
+import{a as D}from"./chunk.JMJDI2R6.js";import{a as V}from"./chunk.ZOVLPXTM.js";import{a as F}from"./chunk.YG5RRGIP.js";import{a as w}from"./chunk.SH54CIFE.js";import{a as E}from"./chunk.IPMWK5EL.js";import{a as x}from"./chunk.AIBTHZCM.js";import{b as H}from"./chunk.V7E6ITFP.js";import{a as k}from"./chunk.U24XP2DP.js";import{a as g}from"./chunk.MEKW2OXH.js";import{a as _}from"./chunk.KCYK4NAN.js";import{a as C}from"./chunk.TETFNMKN.js";import{a as $}from"./chunk.YHSYTTFF.js";import{a as m}from"./chunk.7TAXE2HP.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as l,b,d as u,g as I}from"./chunk.ZAFKTMHG.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as a,h as v}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends I{constructor(){super(...arguments);this.formControlController=new H(this);this.hasSlotController=new $(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new g(this);this.isOpen=!1;this.name="";this.value="";this.defaultValue="";this.label="";this.placeholder="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.inline=!1;this.size="medium";this.seconds=!1;this.format="locale";this.minuteInterval=1;this.hoist=!1;this.clearable=!1;this.handleDocumentClick=t=>{this.contains(t.target)||this.hide()};this.handleKeyDown=t=>{let o=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!t.isComposing&&!o&&(this.isOpen&&this.clock.value?(t.preventDefault(),this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{t.defaultPrevented||this.emit("ev-change")})),t.key==="Escape"&&this.isOpen&&(t.preventDefault(),t.stopPropagation(),this.hide())}}get use24HourInput(){return this.format==="24h"}get validity(){return this.use24HourInput?this.hiddenInput.validity:this.timeInput.validity}get validationMessage(){return this.use24HourInput?this.hiddenInput.validationMessage:this.timeInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentClick=this.handleDocumentClick.bind(this),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.formControlController.updateValidity(),this.updateInputFromValue()}handleTimeInput(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleTimeChange(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-change")}pad(t){return String(t).padStart(2,"0")}buildValueFrom24HourInputs(){var p,r,c;let t=(p=this.hourInput)==null?void 0:p.value,o=(r=this.minuteInput)==null?void 0:r.value,n=(c=this.secondInput)==null?void 0:c.value;if(t===""||o==="")return"";let d=this.pad(parseInt(t)),h=this.pad(parseInt(o));if(this.seconds){let s=this.pad(n!==""&&n!==null&&n!==void 0?parseInt(n):0);return`${d}:${h}:${s}`}return`${d}:${h}`}handle24HourInput(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-input")}handle24HourChange(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-change")}handle24HourKeyDown(t,o){let n=t.target;if(t.key==="ArrowUp"||t.key==="ArrowDown"){t.preventDefault();let d=parseInt(n.value)||0,h=parseInt(n.max),p=t.key==="ArrowUp"?1:-1,r=d+p;r<0&&(r=h),r>h&&(r=0),n.value=this.pad(r),this.handle24HourInput(),n.select()}}handleClockChange(){this.clock.value&&(this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(t){t.preventDefault(),t.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),(this.use24HourInput?this.hourInput:this.timeInput).focus()}handleTriggerClick(t){t.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){if(this.use24HourInput){if(!this.value){this.hourInput&&(this.hourInput.value=""),this.minuteInput&&(this.minuteInput.value=""),this.secondInput&&(this.secondInput.value="");return}let t=this.value.split(":");this.hourInput&&(this.hourInput.value=t[0]||""),this.minuteInput&&(this.minuteInput.value=t[1]||""),this.secondInput&&this.seconds&&(this.secondInput.value=t[2]||"00")}else this.timeInput&&(this.timeInput.value=this.value)}updatePickerFromValue(){this.clock&&(this.clock.value=this.value)}updatePickerFromInput(){var t;this.use24HourInput?this.clock&&(this.clock.value=this.buildValueFrom24HourInputs()):this.clock&&(this.clock.value=((t=this.timeInput)==null?void 0:t.value)||"")}show(){this.isOpen||this.disabled||this.readonly||(this.isOpen=!0,this.updatePickerFromValue(),this.dropdown.show(),document.addEventListener("click",this.handleDocumentClick))}hide(){this.isOpen&&(this.isOpen=!1,this.dropdown.hide(),document.removeEventListener("click",this.handleDocumentClick))}focus(t){this.use24HourInput?this.hourInput.focus(t):this.timeInput.focus(t)}blur(){this.use24HourInput?this.hourInput.blur():this.timeInput.blur()}checkValidity(){return this.use24HourInput?this.hiddenInput.checkValidity():this.timeInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.use24HourInput?this.hiddenInput.reportValidity():this.timeInput.reportValidity()}setCustomValidity(t){this.use24HourInput?this.hiddenInput.setCustomValidity(t):this.timeInput.setCustomValidity(t),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){let t=this.value!=="";return a`
+      <lynk-form-field
+        .size=${this.size}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?a`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?a`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?a`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <lynk-dropdown
+          class="time-picker__dropdown"
+          part="dropdown"
+          ?disabled=${this.disabled||this.readonly}
+          .open=${this.isOpen}
+          .hoist=${this.hoist}
+          placement="bottom-start"
+          distance="2"
+        >
+          <div
+            slot="trigger"
+            part="input-group"
+            role="group"
+            class=${m({"time-picker__input-group":!0,"time-picker__input-group--small":this.size==="small","time-picker__input-group--medium":this.size==="medium","time-picker__input-group--large":this.size==="large","time-picker__input-group--disabled":this.disabled,"time-picker__input-group--readonly":this.readonly})}
+          >
+            ${this.placeholder&&!t?a`<div part="placeholder" class="time-picker__placeholder">${this.placeholder}</div>`:""}
+            ${this.use24HourInput?this.render24HourInputs(t):this.renderNativeTimeInput(t)}
+            ${this.clearable&&!this.disabled&&!this.readonly&&t?a`
+                    <button
+                      part="clear-button"
+                      class="time-picker__clear"
+                      type="button"
+                      aria-label=${this.localize.term("clearEntry")||"Clear entry"}
+                      @click=${this.handleClearClick}
+                      tabindex="-1"
+                    >
+                      <slot name="clear-icon">
+                        <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
+                      </slot>
+                    </button>
+                  `:""}
+
+            <lynk-icon-button
+              part="trigger"
+              class="time-picker__trigger"
+              name="clock"
+              library="system"
+              label="Open clock"
+              ?disabled=${this.disabled}
+              @click=${this.handleTriggerClick}
+            ></lynk-icon-button>
+          </div>
+
+          <div class="time-picker__panel" id="clock-panel">
+            <lynk-clock
+              part="clock"
+              class="time-picker__clock"
+              .format=${this.format}
+              ?seconds=${this.seconds}
+              .minuteInterval=${this.minuteInterval}
+              @ev-change=${this.handleClockChange}
+            ></lynk-clock>
+          </div>
+        </lynk-dropdown>
+      </lynk-form-field>
+    `}renderNativeTimeInput(t){return a`
+      <input
+        part="time-input"
+        class="time-picker__time-input"
+        type="time"
+        role="combobox"
+        step=${this.seconds?"1":"any"}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        ?required=${this.required}
+        ?hidden=${this.placeholder&&!t}
+        .value=${w(this.value)}
+        aria-label=${this.label||"Time"}
+        aria-readonly=${this.readonly?"true":"false"}
+        aria-haspopup="dialog"
+        aria-expanded=${this.isOpen?"true":"false"}
+        @input=${this.handleTimeInput}
+        @change=${this.handleTimeChange}
+      />
+    `}render24HourInputs(t){var p,r,c;let o=this.value?this.value.split(":"):[],n=(p=o[0])!=null?p:"",d=(r=o[1])!=null?r:"",h=(c=o[2])!=null?c:"";return a`
+      <!-- Hidden input for form participation and validation -->
+      <input
+        class="time-picker__hidden-input"
+        type="hidden"
+        .value=${this.value}
+        ?required=${this.required}
+        aria-hidden="true"
+        tabindex="-1"
+      />
+      <div
+        part="time-input"
+        class=${m({"time-picker__24h-group":!0,"time-picker__24h-group--hidden":!!(this.placeholder&&!t)})}
+        role="combobox"
+        aria-label=${this.label||"Time"}
+        aria-readonly=${this.readonly?"true":"false"}
+        aria-haspopup="dialog"
+        aria-expanded=${this.isOpen?"true":"false"}
+      >
+        <input
+          class="time-picker__hour-input time-picker__segment-input"
+          part="hour-input"
+          type="number"
+          min="0"
+          max="23"
+          placeholder="--"
+          .value=${n}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Hours"
+          @input=${this.handle24HourInput}
+          @change=${this.handle24HourChange}
+          @keydown=${s=>this.handle24HourKeyDown(s,"hour")}
+          @focus=${s=>s.target.select()}
+        /><span class="time-picker__separator" aria-hidden="true">:</span
+        ><input
+          class="time-picker__minute-input time-picker__segment-input"
+          part="minute-input"
+          type="number"
+          min="0"
+          max="59"
+          step=${C(this.minuteInterval>1?this.minuteInterval:void 0)}
+          placeholder="--"
+          .value=${d}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Minutes"
+          @input=${this.handle24HourInput}
+          @change=${this.handle24HourChange}
+          @keydown=${s=>this.handle24HourKeyDown(s,"minute")}
+          @focus=${s=>s.target.select()}
+        />${this.seconds?a`<span class="time-picker__separator" aria-hidden="true">:</span
+                ><input
+                  class="time-picker__second-input time-picker__segment-input"
+                  part="second-input"
+                  type="number"
+                  min="0"
+                  max="59"
+                  placeholder="--"
+                  .value=${h}
+                  ?disabled=${this.disabled}
+                  ?readonly=${this.readonly}
+                  aria-label="Seconds"
+                  @input=${this.handle24HourInput}
+                  @change=${this.handle24HourChange}
+                  @keydown=${s=>this.handle24HourKeyDown(s,"second")}
+                  @focus=${s=>s.target.select()}
+                />`:v}
+      </div>
+    `}};e.styles=[y,D],e.dependencies={"lynk-clock":x,"lynk-dropdown":V,"lynk-form-field":F,"lynk-icon":_,"lynk-icon-button":k},i([u(".time-picker__dropdown")],e.prototype,"dropdown",2),i([u(".time-picker__clock")],e.prototype,"clock",2),i([u(".time-picker__time-input")],e.prototype,"timeInput",2),i([u(".time-picker__hour-input")],e.prototype,"hourInput",2),i([u(".time-picker__minute-input")],e.prototype,"minuteInput",2),i([u(".time-picker__second-input")],e.prototype,"secondInput",2),i([u(".time-picker__hidden-input")],e.prototype,"hiddenInput",2),i([b()],e.prototype,"isOpen",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([E()],e.prototype,"defaultValue",2),i([l()],e.prototype,"label",2),i([l()],e.prototype,"placeholder",2),i([l({attribute:"help-text"})],e.prototype,"helpText",2),i([l({attribute:"label-end"})],e.prototype,"labelEnd",2),i([l({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),i([l({attribute:"help-tip"})],e.prototype,"helpTip",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([l({type:Boolean,reflect:!0})],e.prototype,"optional",2),i([l({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([l({type:Boolean,reflect:!0})],e.prototype,"inline",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({type:Boolean})],e.prototype,"seconds",2),i([l()],e.prototype,"format",2),i([l({type:Number,attribute:"minute-interval"})],e.prototype,"minuteInterval",2),i([l({type:Boolean})],e.prototype,"hoist",2),i([l({type:Boolean})],e.prototype,"clearable",2),i([f("value")],e.prototype,"handleValueChange",1),i([f("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.U7M4I2HW.js

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

@@ -0,0 +1,33 @@
+import{a as g}from"./chunk.RZAUGLP6.js";import{a as S}from"./chunk.OD47XL5K.js";import{a as h,c as d}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.MEKW2OXH.js";import{a as w}from"./chunk.KCYK4NAN.js";import{a as b}from"./chunk.7TAXE2HP.js";import{a as o,b as m,d as l,g as f}from"./chunk.ZAFKTMHG.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as u}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends f{constructor(){super(...arguments);this.localize=new _(this);this.isCopying=!1;this.status="rest";this.value="";this.from="";this.disabled=!1;this.copyLabel="";this.successLabel="";this.errorLabel="";this.feedbackDuration=1500;this.tooltipPlacement="top";this.hoist=!1}async handleCopy(){if(this.disabled||this.isCopying)return;this.isCopying=!0;let s=this.value;if(this.from){let c=this.getRootNode(),n=this.from.includes("."),p=this.from.includes("[")&&this.from.includes("]"),a=this.from,i="";n?[a,i]=this.from.trim().split("."):p&&([a,i]=this.from.trim().replace(/\]$/,"").split("["));let r="getElementById"in c?c.getElementById(a):null;r?p?s=r.getAttribute(i)||"":n?s=r[i]||"":s=r.textContent||"":(this.showStatus("error"),this.emit("ev-error"))}if(!s)this.showStatus("error"),this.emit("ev-error");else try{await navigator.clipboard.writeText(s),this.showStatus("success"),this.emit("ev-copy",{detail:{value:s}})}catch(c){this.showStatus("error"),this.emit("ev-error")}}async showStatus(s){let c=this.copyLabel||this.localize.term("copy"),n=this.successLabel||this.localize.term("copied"),p=this.errorLabel||this.localize.term("error"),a=s==="success"?this.successIcon:this.errorIcon,i=d(this,"copy.in",{dir:"ltr"}),r=d(this,"copy.out",{dir:"ltr"});this.tooltip.content=s==="success"?n:p,await this.copyIcon.animate(r.keyframes,r.options).finished,this.copyIcon.hidden=!0,this.status=s,a.hidden=!1,await a.animate(i.keyframes,i.options).finished,setTimeout(async()=>{await a.animate(r.keyframes,r.options).finished,a.hidden=!0,this.status="rest",this.copyIcon.hidden=!1,await this.copyIcon.animate(i.keyframes,i.options).finished,this.tooltip.content=c,this.isCopying=!1},this.feedbackDuration)}render(){let s=this.copyLabel||this.localize.term("copy");return u`
+      <lynk-tooltip
+        class=${b({"copy-button":!0,"copy-button--success":this.status==="success","copy-button--error":this.status==="error"})}
+        content=${s}
+        placement=${this.tooltipPlacement}
+        ?disabled=${this.disabled}
+        ?hoist=${this.hoist}
+        exportparts="
+          base:tooltip__base,
+          base__popup:tooltip__base__popup,
+          base__arrow:tooltip__base__arrow,
+          body:tooltip__body
+        "
+      >
+        <button
+          class="copy-button__button"
+          part="button"
+          type="button"
+          ?disabled=${this.disabled}
+          @click=${this.handleCopy}
+        >
+          <slot part="copy-icon" name="copy-icon">
+            <lynk-icon library="system" name="copy"></lynk-icon>
+          </slot>
+          <slot part="success-icon" name="success-icon" hidden>
+            <lynk-icon library="system" name="check"></lynk-icon>
+          </slot>
+          <slot part="error-icon" name="error-icon" hidden>
+            <lynk-icon library="system" name="x-lg"></lynk-icon>
+          </slot>
+        </button>
+      </lynk-tooltip>
+    `}};t.styles=[y,g],t.dependencies={"lynk-icon":w,"lynk-tooltip":S},e([l('slot[name="copy-icon"]')],t.prototype,"copyIcon",2),e([l('slot[name="success-icon"]')],t.prototype,"successIcon",2),e([l('slot[name="error-icon"]')],t.prototype,"errorIcon",2),e([l("lynk-tooltip")],t.prototype,"tooltip",2),e([m()],t.prototype,"isCopying",2),e([m()],t.prototype,"status",2),e([o()],t.prototype,"value",2),e([o()],t.prototype,"from",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({attribute:"copy-label"})],t.prototype,"copyLabel",2),e([o({attribute:"success-label"})],t.prototype,"successLabel",2),e([o({attribute:"error-label"})],t.prototype,"errorLabel",2),e([o({attribute:"feedback-duration",type:Number})],t.prototype,"feedbackDuration",2),e([o({attribute:"tooltip-placement"})],t.prototype,"tooltipPlacement",2),e([o({type:Boolean})],t.prototype,"hoist",2);h("copy.in",{keyframes:[{scale:".25",opacity:".25"},{scale:"1",opacity:"1"}],options:{duration:100}});h("copy.out",{keyframes:[{scale:"1",opacity:"1"},{scale:".25",opacity:"0"}],options:{duration:100}});export{t as a};

package/cdn/chunks/chunk.UBGBVAW4.js

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

package/cdn/chunks/chunk.UG7I57B3.js

@@ -0,0 +1,40 @@
+import{a as f}from"./chunk.7MFNS5QU.js";import{a as u}from"./chunk.IQSFJ5XW.js";import{a}from"./chunk.TETFNMKN.js";import{a as d}from"./chunk.YHSYTTFF.js";import{a as o}from"./chunk.7TAXE2HP.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as s,b as l,d as n,g as i}from"./chunk.ZAFKTMHG.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new d(this,"prefix","suffix");this.renderType="button";this.rel="noreferrer noopener"}setRenderType(){let m=this.defaultSlot.assignedElements({flatten:!0}).filter(b=>b.tagName.toLowerCase()==="lynk-dropdown").length>0;if(this.href){this.renderType="link";return}if(m){this.renderType="dropdown";return}this.renderType="button"}hrefChanged(){this.setRenderType()}handleSlotChange(){this.setRenderType()}render(){return r`
+      <div
+        part="base"
+        class=${o({"breadcrumb-item":!0,"breadcrumb-item--has-prefix":this.hasSlotController.test("prefix"),"breadcrumb-item--has-suffix":this.hasSlotController.test("suffix")})}
+      >
+        <span part="prefix" class="breadcrumb-item__prefix">
+          <slot name="prefix"></slot>
+        </span>
+
+        ${this.renderType==="link"?r`
+                <a
+                  part="label"
+                  class="breadcrumb-item__label breadcrumb-item__label--link"
+                  href="${this.href}"
+                  target="${a(this.target?this.target:void 0)}"
+                  rel=${a(this.target?this.rel:void 0)}
+                >
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </a>
+              `:""}
+        ${this.renderType==="button"?r`
+                <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </button>
+              `:""}
+        ${this.renderType==="dropdown"?r`
+                <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </div>
+              `:""}
+
+        <span part="suffix" class="breadcrumb-item__suffix">
+          <slot name="suffix"></slot>
+        </span>
+
+        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
+          <slot name="separator"></slot>
+        </span>
+      </div>
+    `}};t.styles=[p,u],t.dependencies={"lynk-truncate":f},e([n("slot:not([name])")],t.prototype,"defaultSlot",2),e([l()],t.prototype,"renderType",2),e([s()],t.prototype,"href",2),e([s()],t.prototype,"target",2),e([s()],t.prototype,"rel",2),e([h("href",{waitUntilFirstUpdate:!0})],t.prototype,"hrefChanged",1);export{t as a};

package/cdn/chunks/chunk.UKUTLW36.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.OD47XL5K.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tooltip";e.define("lynk-tooltip");var v=n({tagName:o,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide"},displayName:"LynkTooltip"}),p=v;export{p as a};

package/cdn/chunks/chunk.UP725DYY.js

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

package/cdn/chunks/chunk.UUCLF7BT.js

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

package/cdn/chunks/chunk.UZWWMU7C.js

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

package/cdn/chunks/chunk.V4DEQOYC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.HQIC6D24.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-th";e.define("lynk-th");var r=n({tagName:o,elementClass:e,react:t,events:{EvTableSort:"ev-table-sort"},displayName:"LynkTh"}),s=r;export{s as a};

package/cdn/chunks/chunk.VACUVKW2.js

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

package/cdn/chunks/chunk.VDSBBW7I.js

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

package/cdn/chunks/chunk.VTLX5ARF.js

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

package/cdn/chunks/chunk.VU4VOA57.js

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

package/cdn/chunks/chunk.VXVWHRPL.js

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

package/cdn/chunks/chunk.W5UKPHOO.js

@@ -0,0 +1 @@
+import{a as d}from"./chunk.ZBL7WITN.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as l,g as n}from"./chunk.ZAFKTMHG.js";import{a}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.observedElements=[];this.disabled=!1}connectedCallback(){super.connectedCallback(),this.intersectionObserver=new IntersectionObserver(s=>{s.forEach(e=>{console.log(e),e.intersectionRatio>0?this.emit("ev-enter-view",{detail:{entry:e}}):this.emit("ev-exit-view",{detail:{entry:e}})})}),this.disabled||this.startObserver()}handleSlotChange(){this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}startObserver(){let s=this.shadowRoot.querySelector("slot");if(s!==null){let e=s.assignedElements({flatten:!0});this.observedElements.forEach(r=>this.intersectionObserver.unobserve(r)),this.observedElements=[],e.forEach(r=>{this.intersectionObserver.observe(r),this.observedElements.push(r)})}}stopObserver(){this.intersectionObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return o`<slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=[a,d],i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([c("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.WBBAFLOC.js

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

package/cdn/chunks/chunk.WE6BKPA5.js

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

package/cdn/chunks/chunk.WJITNLIK.js

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

package/cdn/chunks/chunk.WKD5BJ4G.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6CVD6IBM.js";import*as o from"react";import{createComponent as t}from"@lit/react";var a="lynk-responsive-media";e.define("lynk-responsive-media");var n=t({tagName:a,elementClass:e,react:o,events:{},displayName:"LynkResponsiveMedia"}),s=n;export{s as a};

package/cdn/chunks/chunk.WM7MXTPW.js

@@ -0,0 +1,238 @@
+import{a as e}from"./chunk.3YOH2VPP.js";import{a as r}from"./chunk.PINNEFCM.js";var a=r`
+  ${e}
+
+  :host {
+    display: inline-flex;
+    /*
+     * Align tags by their box, not a content-derived baseline. As an inline-flex element the host
+     * would otherwise expose a baseline that depends on its children — so a checked selectable tag,
+     * which adds a non-text check icon as its first child, would report a different baseline than
+     * its unchecked neighbors and visibly shift up/down relative to them. Pinning vertical-align
+     * keeps adjacent tags on the same line regardless of their contents.
+     */
+    vertical-align: middle;
+    --pulse-speed: 1.5s;
+  }
+
+  :host([color='default']) {
+    --lynk-color-fill-loud: var(--lynk-color-neutral-900);
+    --lynk-color-fill-normal: var(--lynk-color-neutral-0);
+    --lynk-color-fill-quiet: var(--lynk-color-neutral-0);
+    --lynk-color-border-loud: var(--lynk-color-neutral-900);
+    --lynk-color-border-normal: var(--lynk-color-neutral-300);
+    --lynk-color-border-quiet: var(--lynk-color-neutral-300);
+    --lynk-color-on-loud: var(--lynk-color-neutral-0);
+    --lynk-color-on-normal: var(--lynk-color-neutral-900);
+    --lynk-color-on-quiet: var(--lynk-color-neutral-900);
+  }
+
+  /* Appearance modifiers */
+  :host([appearance~='outlined']) {
+    --color: var(--lynk-color-on-quiet);
+    --background-color: transparent;
+    --border-color: var(--lynk-color-border-normal);
+  }
+
+  :host([appearance~='outlined']) .tag__remove:hover {
+    background-color: var(--lynk-color-fill-quiet);
+  }
+
+  :host([appearance~='filled']) {
+    --color: var(--lynk-color-on-normal);
+    --background-color: var(--lynk-color-fill-quiet);
+    --border-color: transparent;
+  }
+
+  :host([appearance~='filled']) .tag__remove:hover {
+    background-color: var(--lynk-color-fill-normal);
+  }
+
+  :host([appearance~='filled'][appearance~='outlined']) {
+    --border-color: var(--lynk-color-border-normal);
+  }
+
+  :host([appearance~='loud']) {
+    --color: var(--lynk-color-on-loud);
+    --background-color: var(--lynk-color-fill-loud);
+    --border-color: transparent;
+  }
+
+  :host([appearance~='loud']) .tag__remove:hover {
+    background-color: var(--lynk-color-fill-normal);
+  }
+
+  :host([color='default']) .tag__remove:hover {
+    background-color: var(--lynk-color-black-a50);
+  }
+
+  /*
+   * Selectable (checkbox-like) behavior. A selectable tag is interactive, so it gets a pointer
+   * cursor and a focus ring. When checked, it adopts the "loud" appearance regardless of the
+   * author's appearance — placed after the appearance rules above so these win — and the author's
+   * appearance is restored automatically when unchecked.
+   */
+  :host([selectable]) .tag {
+    cursor: pointer;
+  }
+
+  :host([selectable]:focus-visible) {
+    outline: none;
+  }
+
+  :host([selectable]:focus-visible) .tag {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  :host([selectable][checked]) {
+    --color: var(--lynk-color-on-loud);
+    --background-color: var(--lynk-color-fill-loud);
+    --border-color: transparent;
+  }
+
+  .tag__checked-icon {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  :host([size='tiny']),
+  :host([size='small']) {
+    --border-radius: var(--lynk-input-border-radius-small);
+  }
+
+  :host([size='medium']) {
+    --border-radius: var(--lynk-input-border-radius-medium);
+  }
+
+  :host([size='large']) {
+    --border-radius: var(--lynk-input-border-radius-large);
+  }
+
+  :host([pill]) {
+    --border-radius: var(--lynk-border-radius-pill);
+  }
+
+  :host([removable]) .tag {
+    padding-right: 0;
+  }
+
+  .tag {
+    display: flex;
+    gap: 0.5em;
+    align-items: center;
+    border: solid 1px var(--border-color, var(--lynk-color-border-normal));
+    line-height: 1;
+    white-space: nowrap;
+    user-select: text;
+    color: var(--color, var(--lynk-color-on-normal));
+    background-color: var(--background-color, var(--lynk-color-fill-normal));
+    border-radius: var(--border-radius);
+  }
+
+  .tag__remove {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: inherit;
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--lynk-transition-fast) color;
+    cursor: pointer;
+    height: 100%;
+    font-size: 1.4em;
+    border-radius: calc(var(--border-radius) * 0.8);
+  }
+
+  .tag__remove:hover {
+    color: inherit;
+    background-color: var(--lynk-color-black-a25);
+  }
+
+  .tag__remove:focus {
+    outline: none;
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .tag--tiny {
+    font-size: 11px;
+    height: 18px;
+    line-height: 18px;
+    padding: 0 var(--lynk-spacing-x-small);
+  }
+
+  .tag--tiny .tag__remove {
+    width: 16px;
+  }
+
+  .tag--small {
+    font-size: var(--lynk-button-font-size-small);
+    height: calc(var(--lynk-input-height-small) * 0.75);
+    line-height: calc(var(--lynk-input-height-small) - var(--lynk-input-border-width) * 2);
+    padding: 1px var(--lynk-spacing-x-small);
+  }
+
+  .tag--small .tag__remove {
+    width: calc(var(--lynk-input-height-small) * 0.75);
+  }
+
+  .tag--medium {
+    font-size: var(--lynk-button-font-size-medium);
+    height: calc(var(--lynk-input-height-medium) * 0.75);
+    line-height: calc(var(--lynk-input-height-medium) - var(--lynk-input-border-width) * 2);
+    padding: 0 var(--lynk-spacing-small);
+  }
+
+  .tag--medium .tag__remove {
+    width: calc(var(--lynk-input-height-medium) * 0.75);
+  }
+
+  .tag--large {
+    font-size: var(--lynk-button-font-size-large);
+    height: calc(var(--lynk-input-height-large) * 0.75);
+    line-height: calc(var(--lynk-input-height-large) - var(--lynk-input-border-width) * 2);
+    padding: 0 var(--lynk-spacing-base);
+  }
+
+  .tag--large .tag__remove {
+    width: calc(var(--lynk-input-height-large) * 0.75);
+  }
+
+  /* Pulse modifier */
+  :host([pulse]) .tag {
+    animation: pulse var(--pulse-speed) infinite;
+  }
+
+  @keyframes pulse {
+    0% {
+      box-shadow: 0 0 0 0 var(--lynk-color-border-loud);
+    }
+    70% {
+      box-shadow: 0 0 0 0.5rem transparent;
+    }
+    100% {
+      box-shadow: 0 0 0 0 transparent;
+    }
+  }
+
+  /* Override pulse color when custom border-color is set */
+  :host([style*='--border-color']) .tag {
+    animation-name: pulse-custom;
+  }
+
+  @keyframes pulse-custom {
+    0% {
+      box-shadow: 0 0 0 0 var(--border-color);
+    }
+    70% {
+      box-shadow: 0 0 0 0.5rem transparent;
+    }
+    100% {
+      box-shadow: 0 0 0 0 transparent;
+    }
+  }
+`;export{a};