@uplynk/lynk-design 1.18.0 → 1.19.0

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

@@ -0,0 +1,144 @@
+import{a as H}from"./chunk.6IYFH3LH.js";import{a as A}from"./chunk.O36LL5DG.js";import{c as I}from"./chunk.HUMDDNNQ.js";import{a as D}from"./chunk.JI63QKDW.js";import{a as k}from"./chunk.YG5RRGIP.js";import{a as _}from"./chunk.PUWWJRB4.js";import{b as T}from"./chunk.V7E6ITFP.js";import{a as y}from"./chunk.KLRPP4NQ.js";import{a as f,c as v}from"./chunk.VDJQBFEB.js";import{a as b,c as g}from"./chunk.DCN42ZX4.js";import{a as $}from"./chunk.MEKW2OXH.js";import{a as E}from"./chunk.KCYK4NAN.js";import{a as w}from"./chunk.YHSYTTFF.js";import{a as C}from"./chunk.7TAXE2HP.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a as o,b as u,d as c,g as O}from"./chunk.ZAFKTMHG.js";import{a as x}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends O{constructor(){super(...arguments);this.formControlController=new T(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new w(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new $(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.readonly=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.form="";this.required=!1;this.optional=!1;this.dirty=!1;this.restricted=!1;this.state="default";this.inline=!1;this.getTag=t=>r`
+      <lynk-tag
+        part="tag"
+        exportparts="
+              base:tag__base,
+              content:tag__content,
+              remove-button:tag__remove-button,
+              remove-button__base:tag__remove-button__base
+            "
+        ?pill=${this.pill}
+        size=${this.size}
+        ?removable=${!this.restricted}
+        @ev-remove=${s=>this.handleTagRemove(s,t)}
+      >
+        ${t.getTextLabel()}
+      </lynk-tag>
+    `;this.handleDocumentFocusIn=t=>{let s=t.composedPath();this&&!s.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let s=t.target,l=s.closest(".select__clear")!==null,n=s.closest("lynk-icon-button")!==null,p=s.closest("lynk-input")!==null;if(!(l||n||p)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let a=this.getAllOptions(),d=a.indexOf(this.currentOption),h=Math.max(0,d);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=d+1,h>a.length-1&&(h=0)):t.key==="ArrowUp"?(h=d-1,h<0&&(h=a.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=a.length-1),this.setCurrentOption(a[h])}if(t.key.length===1||t.key==="Backspace"){let a=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let d of a)if(d.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(d);break}}}};this.handleDocumentMouseDown=t=>{let s=t.composedPath();this&&!s.includes(this)&&this.hide()}}get value(){return this._value}set value(t){t==null&&(t=this.multiple?[]:""),this.multiple?t=Array.isArray(t)?t:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleComboboxMouseDown(t){let l=t.composedPath().some(n=>n instanceof Element&&n.tagName.toLowerCase()==="lynk-icon-button");this.disabled||this.readonly||this.restricted||l||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let l=t.target.closest("lynk-option"),n=this.value;l&&!l.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(l):this.setSelectedOptions(l),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==n&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("lynk-option")||customElements.whenDefined("lynk-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),s=this.valueHasChanged?this.value:this.defaultValue,l=Array.isArray(s)?s:[s],n=[];t.forEach(p=>n.push(p.value)),this.setSelectedOptions(t.filter(p=>l.includes(p.value)))}handleTagRemove(t,s){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(s,!1),this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}))}getAllOptions(){return[...this.querySelectorAll("lynk-option")]}getFirstOption(){return this.querySelector("lynk-option")}setCurrentOption(t){this.getAllOptions().forEach(l=>{l.current=!1,l.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let s=this.getAllOptions(),l=Array.isArray(t)?t:[t];s.forEach(n=>n.selected=!1),l.length&&l.forEach(n=>n.selected=!0),this.selectionChanged()}toggleOptionSelection(t,s){s===!0||s===!1?t.selected=s:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var l,n,p;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let s=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length);else{let a=this.selectedOptions[0];this.value=(l=a==null?void 0:a.value)!=null?l:"",this.displayLabel=(p=(n=a==null?void 0:a.getTextLabel)==null?void 0:n.call(a))!=null?p:""}this.valueHasChanged=s,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,s)=>{if(s<this.maxOptionsVisible||this.maxOptionsVisible<=0){let l=this.getTag(t,s);return r`<div @ev-remove=${n=>this.handleTagRemove(n,t)}>
+          ${typeof l=="string"?D(l):l}
+        </div>`}else if(s===this.maxOptionsVisible)return r`<lynk-tag size=${this.size}>+${this.selectedOptions.length-s}</lynk-tag>`;return r``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){(this.disabled||this.restricted)&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,s,l){if(super.attributeChangedCallback(t,s,l),t==="value"){let n=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=n}}handleValueChange(){if(!this.valueHasChanged){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}let t=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(l=>s.includes(l.value)))}async handleOpenChange(){if(this.open&&!this.disabled&&!this.readonly){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("ev-show"),this.addOpenListeners(),await v(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:s}=g(this,"select.show",{dir:this.localize.dir()});await f(this.popup.popup,t,s),this.currentOption&&I(this.currentOption,this.listbox,"vertical","auto"),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await v(this);let{keyframes:t,options:s}=g(this,"select.hide",{dir:this.localize.dir()});await f(this.popup.popup,t,s),this.listbox.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}async show(){if(this.open||this.disabled||this.readonly||this.restricted){this.open=!1;return}return this.open=!0,await y(this,"ev-after-show")}async hide(){if(!this.open||this.disabled||this.readonly||this.restricted){this.open=!1;return}return this.open=!1,await y(this,"ev-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){let t=this.clearable&&!this.disabled&&!this.readonly&&this.value&&this.value.length>0,s=this.placeholder&&(!this.value||this.value.length===0);return r`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .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}
+        .focused=${this.hasFocus}
+        .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")?r`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?r`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?r`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <lynk-popup
+          class=${C({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--restricted":this.restricted,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":s,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
+          placement=${this.placement}
+          strategy=${this.hoist?"fixed":"absolute"}
+          flip
+          shift
+          sync="width"
+          auto-size="vertical"
+          auto-size-padding="10"
+        >
+          <div
+            part="combobox"
+            class="select__combobox"
+            slot="anchor"
+            @keydown=${this.handleComboboxKeyDown}
+            @mousedown=${this.handleComboboxMouseDown}
+          >
+            <slot part="prefix" name="prefix" class="select__prefix"></slot>
+
+            ${this.restricted?r`
+                    <div part="display-input" class="select__display-input">
+                      ${this.displayLabel?this.displayLabel:"-"}
+                    </div>
+                  `:r`
+                    <input
+                      part="display-input"
+                      class="select__display-input"
+                      type="text"
+                      placeholder=${this.placeholder}
+                      .disabled=${this.disabled}
+                      .value=${this.displayLabel}
+                      autocomplete="off"
+                      spellcheck="false"
+                      autocapitalize="off"
+                      readonly
+                      aria-controls="listbox"
+                      aria-expanded=${this.open?"true":"false"}
+                      aria-haspopup="listbox"
+                      aria-disabled=${this.disabled?"true":"false"}
+                      aria-readonly=${this.readonly?"true":"false"}
+                      aria-label=${this.label||"Select"}
+                      role="combobox"
+                      tabindex="0"
+                      @focus=${this.handleFocus}
+                      @blur=${this.handleBlur}
+                    />
+                  `}
+            ${this.multiple?r`<div part="tags" class="select__tags">${this.tags}</div>`:""}
+
+            <input
+              class="select__value-input"
+              type="text"
+              ?disabled=${this.disabled||this.restricted}
+              ?required=${this.required}
+              .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+              tabindex="-1"
+              aria-hidden="true"
+              @focus=${()=>this.focus()}
+              @invalid=${this.handleInvalid}
+            />
+
+            ${t?r`
+                    <button
+                      part="clear-button"
+                      class="select__clear"
+                      type="button"
+                      aria-label=${this.localize.term("clearEntry")}
+                      @mousedown=${this.handleClearMouseDown}
+                      @click=${this.handleClearClick}
+                      tabindex="-1"
+                    >
+                      <slot name="clear-icon">
+                        <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
+                      </slot>
+                    </button>
+                  `:""}
+
+            <slot name="suffix" part="suffix" class="select__suffix"></slot>
+
+            <slot name="expand-icon" part="expand-icon" class="select__expand-icon">
+              <lynk-icon library="system" name="chevron-down"></lynk-icon>
+            </slot>
+          </div>
+
+          <div
+            id="listbox"
+            role="listbox"
+            aria-expanded=${this.open?"true":"false"}
+            aria-multiselectable=${this.multiple?"true":"false"}
+            aria-label=${this.label||"Select options"}
+            part="listbox"
+            class="select__listbox"
+            tabindex="-1"
+            @mouseup=${this.handleOptionClick}
+            @slotchange=${this.handleDefaultSlotChange}
+          >
+            <slot></slot>
+          </div>
+        </lynk-popup>
+      </lynk-form-field>
+    `}};e.styles=[x,H],e.dependencies={"lynk-form-field":k,"lynk-icon":E,"lynk-popup":_,"lynk-tag":A},i([c(".select")],e.prototype,"popup",2),i([c(".select__combobox")],e.prototype,"combobox",2),i([c(".select__display-input")],e.prototype,"displayInput",2),i([c(".select__value-input")],e.prototype,"valueInput",2),i([c(".select__listbox")],e.prototype,"listbox",2),i([u()],e.prototype,"hasFocus",2),i([u()],e.prototype,"displayLabel",2),i([u()],e.prototype,"currentOption",2),i([u()],e.prototype,"selectedOptions",2),i([u()],e.prototype,"valueHasChanged",2),i([o()],e.prototype,"name",2),i([u()],e.prototype,"value",1),i([o({attribute:"value"})],e.prototype,"defaultValue",2),i([o({reflect:!0})],e.prototype,"size",2),i([o()],e.prototype,"placeholder",2),i([o({type:Boolean,reflect:!0})],e.prototype,"multiple",2),i([o({attribute:"max-options-visible",type:Number})],e.prototype,"maxOptionsVisible",2),i([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([o({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([o({type:Boolean})],e.prototype,"clearable",2),i([o({type:Boolean,reflect:!0})],e.prototype,"open",2),i([o({type:Boolean})],e.prototype,"hoist",2),i([o({type:Boolean,reflect:!0})],e.prototype,"filled",2),i([o({type:Boolean,reflect:!0})],e.prototype,"pill",2),i([o()],e.prototype,"label",2),i([o({reflect:!0})],e.prototype,"placement",2),i([o({attribute:"help-text"})],e.prototype,"helpText",2),i([o({attribute:"label-end"})],e.prototype,"labelEnd",2),i([o({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),i([o({attribute:"help-tip"})],e.prototype,"helpTip",2),i([o({reflect:!0})],e.prototype,"form",2),i([o({type:Boolean,reflect:!0})],e.prototype,"required",2),i([o({type:Boolean,reflect:!0})],e.prototype,"optional",2),i([o({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([o({type:Boolean,reflect:!0})],e.prototype,"restricted",2),i([o({reflect:!0})],e.prototype,"state",2),i([o({type:Boolean,reflect:!0})],e.prototype,"inline",2),i([o()],e.prototype,"getTag",2),i([m(["disabled","restricted"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([m(["defaultValue","value"],{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),i([m("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1);b("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{e as a};

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

@@ -0,0 +1,97 @@
+import{a as _}from"./chunk.IELMMSFW.js";import{a as g}from"./chunk.ZOVLPXTM.js";import{a as $}from"./chunk.YG5RRGIP.js";import{a as y}from"./chunk.SH54CIFE.js";import{a as C}from"./chunk.IPMWK5EL.js";import{a as b}from"./chunk.GFTMQ4HZ.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.U24XP2DP.js";import{a as m}from"./chunk.MEKW2OXH.js";import{a as c}from"./chunk.KCYK4NAN.js";import{a as o}from"./chunk.TETFNMKN.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as i,b as n,d as r,g as h}from"./chunk.ZAFKTMHG.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as a}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var t=class extends h{constructor(){super(...arguments);this.formControlController=new v(this);this.hasSlotController=new u(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new m(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.hoist=!1;this.clearable=!1;this.handleDocumentClick=e=>{this.contains(e.target)||this.hide()};this.handleKeyDown=e=>{let I=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!e.isComposing&&!I&&(this.isOpen&&this.calendar.value?(e.preventDefault(),this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{e.defaultPrevented||this.emit("ev-change")})),e.key==="Escape"&&this.isOpen&&(e.preventDefault(),e.stopPropagation(),this.hide())}}get validity(){return this.dateInput.validity}get validationMessage(){return this.dateInput.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()}handleDateInput(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleDateChange(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-change")}handleDateInputClick(e){e.preventDefault()}handleCalendarChange(){this.calendar.value&&(this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(e){e.preventDefault(),e.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.dateInput.focus()}handleTriggerClick(e){e.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){this.dateInput&&(this.dateInput.value=this.value)}updatePickerFromValue(){this.calendar&&(this.calendar.value=this.value)}updatePickerFromInput(){var e;this.calendar&&(this.calendar.value=((e=this.dateInput)==null?void 0:e.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(e){this.dateInput.focus(e)}blur(){this.dateInput.blur()}checkValidity(){return this.dateInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.dateInput.reportValidity()}setCustomValidity(e){this.dateInput.setCustomValidity(e),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){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="date-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=${d({"date-picker__input-group":!0,"date-picker__input-group--small":this.size==="small","date-picker__input-group--medium":this.size==="medium","date-picker__input-group--large":this.size==="large","date-picker__input-group--disabled":this.disabled,"date-picker__input-group--readonly":this.readonly})}
+          >
+            ${this.placeholder&&!this.value?a`<div part="placeholder" class="date-picker__placeholder">${this.placeholder}</div>`:""}
+            <input
+              part="date-input"
+              class="date-picker__date-input"
+              type="date"
+              role="combobox"
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              ?required=${this.required}
+              ?hidden=${this.placeholder&&!this.value}
+              min=${o(this.min)}
+              max=${o(this.max)}
+              .value=${y(this.value)}
+              aria-label=${this.label||"Date"}
+              aria-readonly=${this.readonly?"true":"false"}
+              aria-haspopup="dialog"
+              aria-expanded=${this.isOpen?"true":"false"}
+              @click=${this.handleDateInputClick}
+              @input=${this.handleDateInput}
+              @change=${this.handleDateChange}
+            />
+            ${this.clearable&&!this.disabled&&!this.readonly&&this.value?a`
+                    <button
+                      part="clear-button"
+                      class="date-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="date-picker__trigger"
+              name="calendar"
+              library="system"
+              label="Open calendar"
+              ?disabled=${this.disabled}
+              @click=${this.handleTriggerClick}
+            ></lynk-icon-button>
+          </div>
+
+          <div class="date-picker__panel" id="calendar-panel">
+            <lynk-calendar
+              part="calendar"
+              class="date-picker__calendar"
+              .min=${this.min}
+              .max=${this.max}
+              @ev-change=${this.handleCalendarChange}
+            ></lynk-calendar>
+          </div>
+        </lynk-dropdown>
+      </lynk-form-field>
+    `}};t.styles=[p,_],t.dependencies={"lynk-calendar":b,"lynk-dropdown":g,"lynk-form-field":$,"lynk-icon":c,"lynk-icon-button":f},l([r(".date-picker__dropdown")],t.prototype,"dropdown",2),l([r(".date-picker__calendar")],t.prototype,"calendar",2),l([r(".date-picker__date-input")],t.prototype,"dateInput",2),l([n()],t.prototype,"isOpen",2),l([i()],t.prototype,"name",2),l([i()],t.prototype,"value",2),l([C()],t.prototype,"defaultValue",2),l([i()],t.prototype,"label",2),l([i()],t.prototype,"placeholder",2),l([i({attribute:"help-text"})],t.prototype,"helpText",2),l([i({attribute:"label-end"})],t.prototype,"labelEnd",2),l([i({attribute:"help-text-end"})],t.prototype,"helpTextEnd",2),l([i({attribute:"help-tip"})],t.prototype,"helpTip",2),l([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),l([i({type:Boolean,reflect:!0})],t.prototype,"required",2),l([i({type:Boolean,reflect:!0})],t.prototype,"optional",2),l([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),l([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),l([i({reflect:!0})],t.prototype,"size",2),l([i()],t.prototype,"min",2),l([i()],t.prototype,"max",2),l([i({type:Boolean})],t.prototype,"hoist",2),l([i({type:Boolean})],t.prototype,"clearable",2),l([s("value")],t.prototype,"handleValueChange",1),l([s("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

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

@@ -0,0 +1,22 @@
+import{a}from"./chunk.PINNEFCM.js";var n=a`
+  :host {
+    --margin: var(--lynk-spacing-medium) 0 0 0;
+    --color: var(--lynk-color-neutral-600);
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-2x-small);
+  }
+
+  .nav-group__heading {
+    display: block;
+    text-align: inherit;
+    font-weight: var(--lynk-font-weight-semibold);
+    color: var(--color);
+    font-size: var(--lynk-font-size-small);
+    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-small);
+  }
+
+  :host([squished]) .nav-group__heading {
+    padding: var(--lynk-spacing-2x-small);
+  }
+`;export{n as a};

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

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

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

@@ -0,0 +1 @@
+import{a as h}from"./chunk.MEKW2OXH.js";import{a as n,b as s,g as d}from"./chunk.ZAFKTMHG.js";import{d as c}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var v=[{max:276e4,value:6e4,unit:"minute"},{max:72e6,value:36e5,unit:"hour"},{max:5184e5,value:864e5,unit:"day"},{max:24192e5,value:6048e5,unit:"week"},{max:28512e6,value:2592e6,unit:"month"},{max:1/0,value:31536e6,unit:"year"}],t=class extends d{constructor(){super(...arguments);this.localize=new h(this);this.isoTime="";this.relativeTime="";this.date=new Date;this.format="long";this.numeric="auto";this.sync=!1}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.updateTimeout)}render(){let a=new Date,u=new Date(this.date);if(isNaN(u.getMilliseconds()))return this.relativeTime="",this.isoTime="","";let l=u.getTime()-a.getTime(),{unit:o,value:p}=v.find(e=>Math.abs(l)<e.max);if(this.isoTime=u.toISOString(),this.relativeTime=this.localize.relativeTime(Math.round(l/p),o,{numeric:this.numeric,style:this.format}),clearTimeout(this.updateTimeout),this.sync){let e;o==="minute"?e=r("second"):o==="hour"?e=r("minute"):o==="day"?e=r("hour"):e=r("day"),this.updateTimeout=window.setTimeout(()=>this.requestUpdate(),e)}return c` <time datetime=${this.isoTime}>${this.relativeTime}</time> `}};i([s()],t.prototype,"isoTime",2),i([s()],t.prototype,"relativeTime",2),i([n()],t.prototype,"date",2),i([n()],t.prototype,"format",2),i([n()],t.prototype,"numeric",2),i([n({type:Boolean})],t.prototype,"sync",2);function r(m){let a={second:1e3,minute:6e4,hour:36e5,day:864e5}[m];return a-Date.now()%a}export{t as a};

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

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

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

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

package/cdn/chunks/chunk.32INUJW4.js

@@ -0,0 +1,23 @@
+import{a as u}from"./chunk.MH6XYEEI.js";import{a as f}from"./chunk.U24XP2DP.js";import{a as r,b as o}from"./chunk.UBVFZZFQ.js";import{a as b}from"./chunk.MEKW2OXH.js";import{a}from"./chunk.TETFNMKN.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as i,d as c,g as h}from"./chunk.ZAFKTMHG.js";import{a as p}from"./chunk.MXDME6T6.js";import{e}from"./chunk.FI4IKBIW.js";var m=0,t=class extends h{constructor(){super(...arguments);this.localize=new b(this);this.attrId=++m;this.componentId=`lynk-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1;this.href="";this.rel="noreferrer noopener"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(){this.emit("ev-close")}isLink(){return!!this.href}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}focus(s){this.tab.focus(s)}blur(){this.tab.blur()}render(){let s=this.isLink(),n=s?r`a`:r`div`;return this.id=this.id.length>0?this.id:this.componentId,o`
+      <${n}
+        part="base"
+        href=${a(s?this.href:void 0)}
+        rel=${a(s?this.rel:void 0)}
+        class=${d({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
+        tabindex=${this.disabled?"-1":"0"}
+      >
+        <slot></slot>
+        ${this.closable?o`
+                <lynk-icon-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  name="x-lg"
+                  library="system"
+                  label=${this.localize.term("close")}
+                  class="tab__close-button"
+                  @click=${this.handleCloseClick}
+                  tabindex="-1"
+                ></lynk-icon-button>
+              `:""}
+      </${n}>
+    `}};t.styles=[p,u],t.dependencies={"lynk-icon-button":f},e([c(".tab")],t.prototype,"tab",2),e([i({reflect:!0})],t.prototype,"panel",2),e([i({type:Boolean,reflect:!0})],t.prototype,"active",2),e([i({type:Boolean})],t.prototype,"closable",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i()],t.prototype,"href",2),e([i()],t.prototype,"rel",2),e([l("active")],t.prototype,"handleActiveChange",1),e([l("disabled")],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.336CN6IR.js

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

package/cdn/chunks/chunk.342HLGKX.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2FCABZDF.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-date-picker";e.define("lynk-date-picker");var a=n({tagName:r,elementClass:e,react:t,events:{EvChange:"ev-change",EvInput:"ev-input",EvClear:"ev-clear"},displayName:"LynkDatePicker"}),o=a;export{o as a};

package/cdn/chunks/chunk.3467XNJK.js

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

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

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

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

@@ -0,0 +1,130 @@
+import{a as l}from"./chunk.PINNEFCM.js";var i=l`
+  :host {
+    display: block;
+  }
+  /* Horizontal Layout */
+  :host([inline]) .form-field {
+    align-items: center;
+    flex-direction: row;
+    gap: var(--lynk-spacing-medium);
+  }
+
+  :host([inline]) .form-field__label {
+    flex-shrink: 0;
+  }
+
+  :host([inline]) .form-field__flank {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+  }
+
+  .form-field {
+    text-align: left;
+    border: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+    position: relative;
+  }
+
+  .form-field__control {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    gap: 4px;
+  }
+
+  .form-field__flank {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+  }
+
+  .form-field .form-field__label {
+    display: none;
+    font-size: var(--lynk-input-label-font-size);
+  }
+
+  .form-field .form-field__help-text {
+    display: none;
+    font-size: var(--lynk-input-help-text-font-size);
+    line-height: var(--lynk-line-height-dense);
+  }
+
+  .form-field--small .form-field__help-text {
+    font-size: var(--lynk-font-size-small);
+  }
+
+  /* Label */
+  .form-field--has-label .form-field__label {
+    display: flex;
+    align-items: center;
+    color: var(--lynk-input-label-color);
+    font-weight: var(--lynk-input-label-font-weight);
+    margin-bottom: var(--lynk-spacing-tiny);
+    width: var(--label-width, auto);
+  }
+
+  .form-field__label-content {
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+  }
+
+  /* Right-aligned label end content */
+  .form-field__label-end {
+    display: inline-flex;
+    align-items: center;
+    margin-inline-start: auto;
+    padding-inline-start: var(--lynk-spacing-small);
+    font-weight: var(--lynk-font-weight-normal);
+    color: var(--lynk-input-help-text-color);
+  }
+
+  /* Help text */
+  .form-field--has-help-text .form-field__help-text {
+    display: flex;
+    align-items: center;
+    color: var(--lynk-input-help-text-color);
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  .form-field__help-text-content {
+    flex: 0 1 auto;
+  }
+
+  .form-field--has-help-text .form-field__help-text-content ::slotted(*) {
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  /* Right-aligned help-text end content */
+  .form-field__help-text-end {
+    display: inline-flex;
+    align-items: center;
+    margin-inline-start: auto;
+    padding-inline-start: var(--lynk-spacing-small);
+    white-space: nowrap;
+  }
+
+  /* Validation States */
+  :host([data-user-invalid]) .form-field__label,
+  :host([data-user-invalid]) .form-field__help-text,
+  .form-field--has-error.form-field--has-label .form-field__label,
+  .form-field--has-error.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-danger-500);
+  }
+
+  .form-field--has-warning.form-field--has-label .form-field__label,
+  .form-field--has-warning.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-warning-500);
+  }
+
+  .form-field--has-success.form-field--has-label .form-field__label,
+  .form-field--has-success.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-success-500);
+  }
+`;export{i as a};

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

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