@uplynk/lynk-design 1.19.1 → 1.19.2

package/cdn/chunks/chunk.MC2U3EOB.js

@@ -0,0 +1,150 @@
+import{a as R}from"./chunk.UFP3NRKI.js";import{a as k}from"./chunk.AHCNBRVI.js";import{c as H}from"./chunk.HUMDDNNQ.js";import{a as q}from"./chunk.45XJQKDT.js";import{a as z}from"./chunk.IAX3RMLF.js";import{a as P}from"./chunk.UGDEBMK6.js";import{a as S,d as w,e as B,f as I,h as K}from"./chunk.CGGHKCZQ.js";import{a as M}from"./chunk.JI63QKDW.js";import{a as D}from"./chunk.KIY7LAB4.js";import{a as A}from"./chunk.FRVRGW5T.js";import{b as L}from"./chunk.V7E6ITFP.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as b,c as O}from"./chunk.VDJQBFEB.js";import{a as x,c as C}from"./chunk.DCN42ZX4.js";import{a as E}from"./chunk.O4ZRZ3HV.js";import{a as F}from"./chunk.G6ZVAGQW.js";import{a as V}from"./chunk.YHSYTTFF.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as T}from"./chunk.7TAXE2HP.js";import{a as h,b as d,d as m,g as _}from"./chunk.FU5FZZFK.js";import{a as $}from"./chunk.MXDME6T6.js";import{d as p}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var i=class extends _{constructor(){super(...arguments);this.formControlController=new L(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new V(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new E(this);this.lastOptionValue="";this.isOptionRendererTriggered=!1;this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.numberFilteredOptions=0;this.cachedOptions=[];this.showCustomOption=!1;this.query="";this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.state="default";this.size="medium";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.label="";this.placement="bottom";this.helpTip="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.form="";this.inline=!1;this.allowCustomValues=!1;this.multiple=!1;this.maxOptionsVisible=3;this.getTag=t=>p`
+      <lynk-tag
+        part="tag"
+        exportparts="
+              base:tag__base,
+              content:tag__content,
+              remove-button:tag__remove-button,
+              remove-button__base:tag__remove-button__base
+            "
+        size=${this.size}
+        removable
+        @ev-remove=${e=>this.handleTagRemove(e,t)}
+      >
+        ${t.getTextLabel()}
+      </lynk-tag>
+    `;this.getOption=P;this.filter=(t,e)=>{let s=(t==null?void 0:t.textContent)||"";t instanceof k&&(s=t.getTextLabel());let o=I(s),a=I(e);return o.includes(a)};this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{var a,r;let e=t.target,s=e.closest(".combobox__clear")!==null,o=e.closest("lynk-tag")!==null||e.closest("lynk-icon-button")!==null;if(!(s||o)){if(t.key==="Escape"&&(this.open&&!this.closeWatcher?(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})):this.open||this.clearCombobox()),t.key==="Enter"){let n=this.getCurrentOption(),f=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;if(this.multiple){if(!this.open&&!f){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||n!=null&&n.disabled)return;(a=n==null?void 0:n.classList)!=null&&a.contains("combobox__custom-option")?this.addCustomOptionValue(this.displayInput.value.trim()):n&&this.toggleOptionSelection(n);return}if(!n){let c=this.getSlottedOptions().find(u=>{let y=u.value||(u.getTextLabel?u.getTextLabel():u.textContent||""),Q=u.getTextLabel?u.getTextLabel():u.textContent||"";return y===this.displayInput.value||Q===this.displayInput.value});if(c){let u=this.lastOptionValue;this.setSelectedOption(c),this.value!==u&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}));return}if(this.allowCustomValues&&this.displayInput.value.trim()&&this.open){let u=this.displayInput.value.trim(),y=this.lastOptionValue;this.value=u,this.displayLabel=u,this.displayInput.value=u,this.lastOptionValue=u,this.setSelectedOption(void 0),u!==y&&this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:u}}),this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0});return}}if(!this.open&&!f){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||n!=null&&n.disabled)return;if(n){let c=this.lastOptionValue;if((r=n.classList)!=null&&r.contains("combobox__custom-option")){let u=this.displayInput.value.trim();this.value=u,this.displayLabel=u,this.displayInput.value=u,this.lastOptionValue=u,this.setSelectedOption(void 0),u!==c&&this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:u}}),this.emit("ev-input"),this.emit("ev-change")})}else this.setSelectedOption(n),this.value!==c&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")})}this.hide(),this.displayInput.focus({preventScroll:!0});return}["ArrowUp","ArrowDown"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.open||this.show(),this.selectNextOption(t.key==="ArrowDown")),["Home","End"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),t.key==="Home"?this.displayInput.setSelectionRange(0,0):t.key==="End"&&this.displayInput.setSelectionRange(this.displayInput.value.length,this.displayInput.value.length))}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.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===""?[]: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(){if(super.connectedCallback(),!this.valueHasChanged){let t=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=t}this.open=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),t==="value"){let o=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=o}}firstUpdated(){this.updateComplete.then(()=>{if(this.multiple){this.syncSelectedOptions();return}let t=this.getSlottedOptions().find(e=>(e.value||(e.getTextLabel?e.getTextLabel():e.textContent||""))===this.value);this.displayLabel=t?t.getTextLabel?t.getTextLabel():t.textContent||this.value:this.value}),this.formControlController.updateValidity()}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.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleComboboxMouseDown(t){if(this.disabled||this.readonly||t.composedPath().some(a=>{var r,n;return a instanceof Element&&(((r=a.tagName)==null?void 0:r.toLowerCase())==="lynk-tag"||((n=a.tagName)==null?void 0:n.toLowerCase())==="lynk-icon-button")}))return;let o=()=>{if(this.open)return this.hide();{if(this.multiple)return this.createComboboxOptionsFromQuery(this.query),this.show();let r=this.getSlottedOptions().some(n=>(n.value||(n.getTextLabel?n.getTextLabel():n.textContent||""))===this.value)?"":this.value;return this.createComboboxOptionsFromQuery(r),this.show()}};t.preventDefault(),o().then(()=>{setTimeout(()=>this.displayInput.focus({preventScroll:!0}))})}handleComboboxKeyDown(t){t.key!=="Tab"&&this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearCombobox()}clearCombobox(){if(this.multiple){if(!(Array.isArray(this.value)&&this.value.length>0)&&this.query==="")return;this.value=[],this.query="",this.displayInput.value="",this.lastOptionValue="",this.selectedOptions=[],this.createComboboxOptionsFromQuery(""),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")});return}this.value!==""&&(this.value="",this.displayInput.value="",this.lastOptionValue="",this.setSelectedOption(void 0),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")}))}preventLoosingFocus(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let e=t.target,s=e.closest("lynk-option"),o=e.closest(".combobox__custom-option"),a=this.lastOptionValue;if(this.multiple){if(o){this.addCustomOptionValue(this.displayInput.value.trim()),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0}));return}s&&!s.disabled&&(this.toggleOptionSelection(s),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})));return}if(o){let r=this.displayInput.value.trim();this.value=r,this.displayLabel=r,this.displayInput.value=r,this.lastOptionValue=r,this.setSelectedOption(void 0),this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:r}}),this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0});return}s&&!s.disabled&&(this.setSelectedOption(s),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==a&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0}))}selectNextOption(t){let e=this.getAllFilteredOptions();if(e.length===0)return;let s=this.getCurrentOption(),o=e.indexOf(s),a=Math.max(0,o);if(t){let n=o+1;a=n>e.length-1?0:n}else{let n=o-1;a=n<0?e.length-1:n}this.setCurrentOption(e[a]);let r=this.getCurrentOption();r&&typeof r.getBoundingClientRect=="function"&&H(r,this.listbox,"vertical","auto")}getAllFilteredOptions(){let t=this.getSlottedOptions().filter(e=>!e.hidden);if(this.showCustomOption){let e=this.renderRoot.querySelector(".combobox__custom-option");e&&t.push(e)}return t}getCurrentOption(){let t=this.renderRoot.querySelector(".combobox__custom-option--current");return t||this.getAllFilteredOptions().find(e=>e.current)}setCurrentOption(t){var o;let e=this.getAllFilteredOptions(),s=this.renderRoot.querySelector(".combobox__custom-option");this.displayInput.removeAttribute("aria-activedescendant"),s&&s.classList.remove("combobox__custom-option--current"),e.forEach(a=>{var r;(r=a.classList)!=null&&r.contains("combobox__custom-option")?a.classList.remove("combobox__custom-option--current"):"current"in a&&(a.current=!1,a.setAttribute("aria-selected","false"))}),t&&((o=t.classList)!=null&&o.contains("combobox__custom-option")?(t.classList.add("combobox__custom-option--current"),this.displayInput.setAttribute("aria-activedescendant","custom-option")):"current"in t&&(t.current=!0,t.setAttribute("aria-selected","true"),this.displayInput.setAttribute("aria-activedescendant",t.id)))}setSelectedOption(t){var s,o;this.selectedOption=t;let e=((s=this.selectedOption)==null?void 0:s.value)||((o=this.selectedOption)==null?void 0:o.getTextLabel());t&&(this.lastOptionValue=e||""),this.value=e!=null?e:this.displayInput.value,this.updateComplete.then(()=>{var a,r;this.displayLabel=(r=(a=this.selectedOption)==null?void 0:a.getTextLabel())!=null?r:this.displayInput.value,this.formControlController.updateValidity()})}toggleOptionSelection(t,e){let s=t.value||t.getTextLabel(),o=Array.isArray(this.value)?[...this.value]:[],a=o.indexOf(s),r=e===void 0?a===-1:e;if(r&&a===-1)o.push(s);else if(!r&&a!==-1)o.splice(a,1);else return;this.query="",this.displayInput&&(this.displayInput.value=""),this.value=o,this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change"),this.formControlController.updateValidity()})}addCustomOptionValue(t){if(!t)return;let e=Array.isArray(this.value)?[...this.value]:[];e.includes(t)||(e.push(t),this.query="",this.displayInput&&(this.displayInput.value=""),this.value=e,this.showCustomOption=!1,this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:t}}),this.emit("ev-input"),this.emit("ev-change"),this.formControlController.updateValidity()}))}syncSelectedOptions(){if(!this.multiple)return;let t=Array.isArray(this.value)?this.value:[],e=[...this.cachedOptions,...this.getSlottedOptions()];this.selectedOptions=t.map(s=>{let o=e.find(r=>(r.value||r.getTextLabel())===s);if(o)return o;let a=document.createElement("lynk-option");return a.value=s,a.textContent=s,a})}handleTagRemove(t,e){t.stopPropagation(),!this.disabled&&this.toggleOptionSelection(e,!1)}get tags(){return this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let s=this.getTag(t,e);return p`<div @ev-remove=${o=>this.handleTagRemove(o,t)}>
+          ${typeof s=="string"?M(s):s}
+        </div>`}else if(e===this.maxOptionsVisible)return p`<lynk-tag size=${this.size}>+${this.selectedOptions.length-e}</lynk-tag>`;return p``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handlePropertiesChange(){this.createComboboxOptionsFromQuery(this.multiple?this.query:this.value)}handleDisabledChange(){this.formControlController.setValidity(this.disabled),this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){if(!this.valueHasChanged){let e=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=e}if(this.multiple){this.syncSelectedOptions(),this.createComboboxOptionsFromQuery(this.query),this.setCurrentOption(null);return}let t=this.getSlottedOptions().find(e=>(e.value||(e.getTextLabel?e.getTextLabel():e.textContent||""))===this.value);this.displayLabel=t?t.getTextLabel?t.getTextLabel():t.textContent||this.value:this.value,this.createComboboxOptionsFromQuery(this.value),this.setCurrentOption(null)}async handleOpenChange(){if(this.open&&!this.disabled&&!this.readonly){if(this.numberFilteredOptions===0){this.open=!1,this.emit("ev-error");return}this.emit("ev-show"),this.addOpenListeners(),await O(this),this.listbox.hidden=!1,this.popup.active=!0;let{keyframes:s,options:o}=C(this,"combobox.show",{dir:this.localize.dir()});await b(this.popup.popup,s,o),this.emit("ev-after-show");return}this.setCurrentOption(null),this.displayInput.removeAttribute("aria-activedescendant"),this.emit("ev-hide"),this.removeOpenListeners(),await O(this);let{keyframes:t,options:e}=C(this,"combobox.hide",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}async show(){if(this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!0,await Promise.race([g(this,"ev-after-show"),g(this,"ev-error")])}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,await g(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()}createComboboxOptionsFromQuery(t){var s;this.numberFilteredOptions=0,this.isOptionRendererTriggered=!0,this.cachedOptions.length===0&&this.cacheSlottedOptionsAndOptgroups(),this.getSlottedOptions().forEach(o=>{let a=this.cachedOptions.find(c=>c.id===o.id)||o,r=this.getOption(a,t),n=K(r);n||(n=a);let f=!(this.filter(n,t)||t==="");if(n.hidden=f,"selected"in n){let c=n.value||n.getTextLabel();if(this.multiple)n.selected=Array.isArray(this.value)&&this.value.includes(c);else{let u=c===this.value;n.selected=u,"current"in n&&(n.current=u)}}o.replaceWith(n),f||(this.numberFilteredOptions+=1)}),this.showCustomOption=!1,this.allowCustomValues&&t.trim()&&this.numberFilteredOptions===0&&(this.showCustomOption=!0,this.numberFilteredOptions=1),(s=this.getSlottedOptGroups().filter(o=>{let r=w(Array.from(o.children)).flat().some(n=>!n.hidden);return o.hidden=!r,r})[0])==null||s.style.setProperty("--display-divider","none"),setTimeout(()=>{this.isOptionRendererTriggered=!1},0)}async handleInput(){let t=this.displayInput.value;if(this.multiple){this.query=t,this.createComboboxOptionsFromQuery(this.query),await this.updateComplete,this.open=this.numberFilteredOptions>0,this.emit("ev-input");return}this.value=t,await this.updateComplete,this.open=this.numberFilteredOptions>0,this.setSelectedOption(void 0),this.formControlController.updateValidity(),this.emit("ev-input")}handleChange(){this.multiple||this.selectedOption||(this.value=this.displayInput.value,this.updateComplete.then(()=>{this.formControlController.updateValidity()}),this.emit("ev-change"))}getSlottedOptions(){return w(S(this.defaultSlot)).flat()}getSlottedOptGroups(){return B(S(this.defaultSlot))}cacheSlottedOptionsAndOptgroups(){let t=this.getSlottedOptions(),e=this.getSlottedOptGroups();t.forEach((s,o)=>{s.id=s.id||`lynk-combobox-option-${o}`}),e.forEach((s,o)=>{s.id=s.id||`lynk-combobox-optgroup-${o}`}),this.cachedOptions=[...t]}handleDefaultSlotChange(){if(!this.isOptionRendererTriggered){if(!customElements.get("lynk-option")){customElements.whenDefined("lynk-option").then(()=>this.handleDefaultSlotChange());return}if(this.cacheSlottedOptionsAndOptgroups(),this.multiple){this.syncSelectedOptions(),this.createComboboxOptionsFromQuery(this.query);return}if(this.value){let t=this.getSlottedOptions().find(e=>(e.value||(e.getTextLabel?e.getTextLabel():e.textContent||""))===this.value);t&&(this.displayLabel=t.getTextLabel?t.getTextLabel():t.textContent||this.value)}this.createComboboxOptionsFromQuery(this.value),this.hasFocus&&this.value.length>0&&!this.open&&this.show()}}render(){var o;let t=this.multiple?Array.isArray(this.value)&&this.value.length>0:((o=this.value)==null?void 0:o.length)>0,e=this.clearable&&!this.disabled&&!this.readonly&&(t||this.multiple&&this.query.length>0),s=!!this.placeholder&&!t&&(!this.multiple||this.query.length===0);return p`
+      <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")?p`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?p`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?p`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?p`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?p`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <lynk-popup
+          class=${T({combobox:!0,"combobox--bottom":this.placement==="bottom","combobox--disabled":this.disabled,"combobox--readonly":this.readonly,"combobox--focused":this.hasFocus,"combobox--large":this.size==="large","combobox--medium":this.size==="medium","combobox--multiple":this.multiple,"combobox--open":this.open,"combobox--placeholder-visible":s,"combobox--small":this.size==="small","combobox--standard":!0,"combobox--top":this.placement==="top"})}
+          placement=${this.placement}
+          strategy=${this.hoist?"fixed":"absolute"}
+          flip
+          shift
+          sync="width"
+          auto-size="vertical"
+          auto-size-padding="10"
+        >
+          <div
+            part="combobox"
+            class="combobox__inputs"
+            slot="anchor"
+            @keydown=${this.handleComboboxKeyDown}
+            @mousedown=${this.handleComboboxMouseDown}
+          >
+            <slot part="prefix" name="prefix" class="combobox__prefix"></slot>
+
+            ${this.multiple&&this.selectedOptions.length>0?p`<div part="tags" class="combobox__tags">${this.tags}</div>`:""}
+
+            <input
+              part="display-input"
+              class="combobox__display-input"
+              type="text"
+              placeholder=${s?this.placeholder:""}
+              .disabled=${this.disabled}
+              .value=${this.multiple?this.query:this.displayLabel}
+              ?readonly=${this.readonly}
+              autocomplete="off"
+              spellcheck="false"
+              autocapitalize="off"
+              aria-controls="listbox"
+              aria-expanded=${this.open?"true":"false"}
+              aria-haspopup="listbox"
+              aria-label=${this.label||"Combobox"}
+              aria-disabled=${this.disabled?"true":"false"}
+              aria-readonly=${this.readonly?"true":"false"}
+              role="combobox"
+              tabindex="0"
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+              aria-autocomplete="list"
+              aria-owns="listbox"
+              @input=${this.handleInput}
+              @change=${this.handleChange}
+            />
+
+            <input
+              class="combobox__value-input"
+              type="text"
+              ?disabled=${this.disabled}
+              ?required=${this.required}
+              .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+              tabindex="-1"
+              aria-hidden="true"
+              @focus=${()=>this.focus()}
+              @invalid=${this.handleInvalid}
+            />
+
+            ${e?p`
+                    <button
+                      part="clear-button"
+                      class="combobox__clear"
+                      type="button"
+                      aria-label=${this.localize.term("clearEntry")}
+                      @mousedown=${this.preventLoosingFocus}
+                      @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="combobox__suffix"></slot>
+
+            <slot name="expand-icon" part="expand-icon" class="combobox__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||"Combobox options"}
+            part="listbox"
+            class="combobox__listbox"
+            tabindex="-1"
+            @mousedown=${this.preventLoosingFocus}
+            @mouseup=${this.handleOptionClick}
+          >
+            <div class="combobox__listbox-options" part="filtered-listbox">
+              <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+              ${this.showCustomOption?p`
+                      <div id="custom-option" class="combobox__custom-option" role="option" tabindex="-1">
+                        + Add "${this.displayInput.value.trim()}"
+                      </div>
+                    `:""}
+            </div>
+          </div>
+        </lynk-popup>
+        <slot name="action"></slot>
+      </lynk-form-field>
+    `}};i.styles=[$,z,q],i.dependencies={"lynk-form-field":D,"lynk-icon":F,"lynk-popup":A,"lynk-tag":R},l([m(".combobox")],i.prototype,"popup",2),l([m(".combobox__inputs")],i.prototype,"combobox",2),l([m(".combobox__display-input")],i.prototype,"displayInput",2),l([m(".combobox__value-input")],i.prototype,"valueInput",2),l([m(".combobox__listbox")],i.prototype,"listbox",2),l([m("slot:not([name])")],i.prototype,"defaultSlot",2),l([d()],i.prototype,"hasFocus",2),l([d()],i.prototype,"displayLabel",2),l([d()],i.prototype,"selectedOption",2),l([d()],i.prototype,"selectedOptions",2),l([d()],i.prototype,"numberFilteredOptions",2),l([d()],i.prototype,"cachedOptions",2),l([d()],i.prototype,"showCustomOption",2),l([d()],i.prototype,"query",2),l([d()],i.prototype,"valueHasChanged",2),l([h()],i.prototype,"name",2),l([d()],i.prototype,"value",1),l([h({attribute:"value"})],i.prototype,"defaultValue",2),l([h({reflect:!0})],i.prototype,"state",2),l([h({reflect:!0})],i.prototype,"size",2),l([h()],i.prototype,"placeholder",2),l([h({reflect:!0,type:Boolean})],i.prototype,"disabled",2),l([h({type:Boolean,reflect:!0})],i.prototype,"readonly",2),l([h({type:Boolean,reflect:!0})],i.prototype,"required",2),l([h({type:Boolean,reflect:!0})],i.prototype,"optional",2),l([h({type:Boolean,reflect:!0})],i.prototype,"dirty",2),l([h({type:Boolean})],i.prototype,"clearable",2),l([h({reflect:!0,type:Boolean})],i.prototype,"open",2),l([h({type:Boolean})],i.prototype,"hoist",2),l([h()],i.prototype,"label",2),l([h({reflect:!0})],i.prototype,"placement",2),l([h({attribute:"help-tip"})],i.prototype,"helpTip",2),l([h({attribute:"help-text"})],i.prototype,"helpText",2),l([h({attribute:"label-end"})],i.prototype,"labelEnd",2),l([h({attribute:"help-text-end"})],i.prototype,"helpTextEnd",2),l([h({reflect:!0})],i.prototype,"form",2),l([h({type:Boolean,reflect:!0})],i.prototype,"inline",2),l([h({type:Boolean,attribute:"allow-custom-values"})],i.prototype,"allowCustomValues",2),l([h({type:Boolean,reflect:!0})],i.prototype,"multiple",2),l([h({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),l([h()],i.prototype,"getTag",2),l([h()],i.prototype,"getOption",2),l([h()],i.prototype,"filter",2),l([v(["filter","getOption"],{waitUntilFirstUpdate:!0})],i.prototype,"handlePropertiesChange",1),l([v("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),l([v(["defaultValue","value"],{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),l([v("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);x("combobox.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});x("combobox.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/cdn/chunks/chunk.MKYL765Y.js

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

package/cdn/chunks/chunk.MMIYG56X.js

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

package/cdn/chunks/chunk.MNYCIAY3.js

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

package/cdn/chunks/chunk.MPFJKF2A.js

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

package/cdn/chunks/chunk.MPV5FPGX.js

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

package/cdn/chunks/chunk.MTJQUKCC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.BONBGM7U.js";import*as n from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="lynk-calendar";e.define("lynk-calendar");var r=t({tagName:a,elementClass:e,react:n,events:{EvChange:"ev-change"},displayName:"LynkCalendar"}),s=r;export{s as a};

package/cdn/chunks/chunk.MW7N6IRM.js

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

package/cdn/chunks/chunk.MZQSTKFJ.js

@@ -0,0 +1,7 @@
+import{a as l}from"./chunk.3MV67AW5.js";import{a as r,g as s}from"./chunk.FU5FZZFK.js";import{a as i}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.sortDirection=0;this.sortable=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}handleClick(){this.sortable&&this.emit("ev-table-sort",{detail:{key:this.key}})}render(){return o`
+      <slot part="base" class="lynk-th__label"></slot>
+      ${this.sortable?o`<lynk-icon
+              library="system"
+              name="${this.sortDirection===-1?"arrow-up-short":this.sortDirection===1?"arrow-down-short":"arrow-up-down-short"}"
+            ></lynk-icon>`:""}
+    `}};t.styles=[i,l],e([r()],t.prototype,"key",2),e([r({attribute:"sort-direction",reflect:!0})],t.prototype,"sortDirection",2),e([r({attribute:"sortable",type:Boolean,reflect:!0})],t.prototype,"sortable",2);export{t as a};

package/cdn/chunks/chunk.N42RSE6B.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk.4AEY4HH6.js";import{a}from"./chunk.YZSIY5HS.js";import{a as r,g as o}from"./chunk.FU5FZZFK.js";import{a as l}from"./chunk.MXDME6T6.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends o{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,s],e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([a("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

package/cdn/chunks/chunk.N4UHKZJ4.js

@@ -0,0 +1,12 @@
+import{a as i}from"./chunk.ILTKF3AW.js";import{a as p}from"./chunk.QNSDQ5I5.js";import{a as e}from"./chunk.CIXURCS3.js";import{a as s}from"./chunk.7TAXE2HP.js";import{a,g as n}from"./chunk.FU5FZZFK.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e as r}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.width="fluid"}connectedCallback(){super.connectedCallback(),!this.slot&&this.hasParentLayout()&&(this.slot="footer")}hasParentLayout(){return this.parentElement instanceof e}render(){return o`
+      <lynk-page-content width="${this.width}" style="--padding-top: 0; --padding-bottom: 0;">
+        <footer
+          part="base"
+          class=${s({"page-footer":!0})}
+        >
+          <slot part="primary" class="page-footer__primary"></slot>
+          <slot part="center" name="center" class="page-footer__center"></slot>
+          <slot part="secondary" name="secondary" class="page-footer__secondary"></slot>
+        </footer>
+      </lynk-page-content>
+    `}};t.styles=[l,i],t.dependencies={"lynk-page-content":p,"lynk-page":e},r([a({reflect:!0})],t.prototype,"width",2);export{t as a};

package/cdn/chunks/chunk.NB6PRSOR.js

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

package/cdn/chunks/chunk.NKQMKEYT.js

@@ -0,0 +1,75 @@
+import{a as T}from"./chunk.C5E3ECTP.js";import{e as b,f as M,g as A,h as $,m as P}from"./chunk.3TWYPRSH.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as c,b as g,d as S,g as f}from"./chunk.FU5FZZFK.js";import{a as _}from"./chunk.MXDME6T6.js";import{d as n}from"./chunk.PINNEFCM.js";import{a as h,b as u,e as o}from"./chunk.FI4IKBIW.js";var r=class extends f{constructor(){super(...arguments);this.timeSegment=null;this.value="";this.disabled=!1;this.format="locale";this.seconds=!1;this.minuteInterval=1;this.size="medium"}get showAmPm(){return this.format==="12h"?!0:this.format==="24h"?!1:this.isLocale12Hour()}get hour12(){if(!this.timeSegment)return 12;let e=this.timeSegment.hours;return e===0?12:e>12?e-12:e}get period(){return this.timeSegment?this.timeSegment.hours<12?"AM":"PM":null}connectedCallback(){super.connectedCallback(),this.parseValue()}isLocale12Hour(){var e;try{return(e=P.fromOptions({hour:"numeric"}).options.hour12)!=null?e:!1}catch(m){let s=new Date(2e3,0,1,13,0,0).toLocaleTimeString();return s.includes("PM")||s.includes("AM")}}parseValue(){var e;if(!this.value){this.timeSegment=null;return}if(b(this.value))this.timeSegment=M($(this.value));else{let m=this.value.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM)?$/i);if(m){let i=parseInt(m[1]),s=parseInt(m[2]),t=parseInt(m[3])||0,l=(e=m[4])==null?void 0:e.toUpperCase();l&&(l==="AM"&&i===12?i=0:l==="PM"&&i!==12&&(i+=12)),this.timeSegment={hours:i,minutes:s,seconds:t,milliseconds:0}}}}formatValue(){if(!this.timeSegment)return"";let e=this.seconds?"HH:mm:ss":"HH:mm";return A(this.timeSegment,e)}updateValue(){this.timeSegment&&(this.value=this.formatValue(),this.emit("ev-change"))}handleHourClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};if(this.showAmPm){let i=this.period,s=e;i==="AM"&&e===12?s=0:i==="PM"&&e!==12&&(s=e+12),this.timeSegment=u(h({},m),{hours:s})}else this.timeSegment=u(h({},m),{hours:e});this.updateValue(),this.scrollToSelected("hours")}handleMinuteClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};this.timeSegment=u(h({},m),{minutes:e}),this.updateValue(),this.scrollToSelected("minutes")}handleSecondClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};this.timeSegment=u(h({},m),{seconds:e}),this.updateValue(),this.scrollToSelected("seconds")}handlePeriodClick(e){if(this.disabled||!this.showAmPm)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0},i=this.timeSegment?this.hour12:12,s=i;e==="AM"&&i===12?s=0:e==="PM"&&i!==12&&(s=i+12),this.timeSegment=u(h({},m),{hours:s}),this.updateValue(),this.scrollToSelected("ampm")}scrollToSelected(e,m=!1){requestAnimationFrame(()=>{var t;let i,s;switch(e){case"hours":if(!this.timeSegment)return;i=this.showAmPm?this.hour12===12?0:this.hour12:this.timeSegment.hours,s=this.hoursColumn;break;case"minutes":if(!this.timeSegment)return;i=Math.floor(this.timeSegment.minutes/this.minuteInterval),s=this.minutesColumn;break;case"seconds":if(!this.timeSegment)return;i=this.timeSegment.seconds,s=this.secondsColumn;break;case"ampm":{if(!this.timeSegment)return;i=this.period==="PM"?1:0;let l=(t=this.shadowRoot)==null?void 0:t.querySelector(".clock__ampm-toggle");if(!l)return;s=l;break}}if(s){let a=i*38;s.scrollTo({top:a,behavior:m?"auto":"smooth"})}})}firstUpdated(){this.value&&this.scrollAllToSelected(!0)}scrollAllToSelected(e=!1){this.scrollToSelected("hours",e),this.scrollToSelected("minutes",e),this.seconds&&this.scrollToSelected("seconds",e),this.showAmPm&&this.scrollToSelected("ampm",e)}scrollToCurrentTime(e=!0){this.scrollAllToSelected(e)}handleValueChange(){this.parseValue()}render(){let e=this.showAmPm?[12,...Array.from({length:11},(t,l)=>l+1)]:Array.from({length:24},(t,l)=>l),m=Array.from({length:Math.ceil(60/this.minuteInterval)},(t,l)=>l*this.minuteInterval),i=Array.from({length:60},(t,l)=>l),s=["AM","PM"];return n`
+      <div
+        part="base"
+        class=${d({clock:!0,"clock--small":this.size==="small","clock--medium":this.size==="medium","clock--large":this.size==="large","clock--disabled":this.disabled})}
+      >
+        <div part="picker" class="clock__picker">
+          <div part="column" class="clock__column">
+            <ol class="clock__hours" role="listbox" tabindex="0" aria-label="Hours">
+              ${e.map(t=>n`
+                  <li
+                    part="time-item ${this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t)?"time-item--selected":""}"
+                    class=${d({"clock__time-item":!0,"clock__time-item--selected":!!(this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t))})}
+                    role="option"
+                    aria-selected=${this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t)?"true":"false"}
+                    @click=${()=>this.handleHourClick(t)}
+                  >
+                    ${this.showAmPm?t:t.toString().padStart(2,"0")}
+                  </li>
+                `)}
+            </ol>
+          </div>
+
+          <div part="column" class="clock__column">
+            <ol class="clock__minutes" role="listbox" tabindex="0" aria-label="Minutes">
+              ${m.map(t=>{var l,a,p;return n`
+                  <li
+                    part="time-item ${((l=this.timeSegment)==null?void 0:l.minutes)===t?"time-item--selected":""}"
+                    class=${d({"clock__time-item":!0,"clock__time-item--selected":((a=this.timeSegment)==null?void 0:a.minutes)===t})}
+                    role="option"
+                    aria-selected=${((p=this.timeSegment)==null?void 0:p.minutes)===t?"true":"false"}
+                    @click=${()=>this.handleMinuteClick(t)}
+                  >
+                    ${t.toString().padStart(2,"0")}
+                  </li>
+                `})}
+            </ol>
+          </div>
+
+          ${this.seconds?n`
+                  <div part="column" class="clock__column">
+                    <ol class="clock__seconds" role="listbox" tabindex="0" aria-label="Seconds">
+                      ${i.map(t=>{var l,a,p;return n`
+                          <li
+                            part="time-item ${((l=this.timeSegment)==null?void 0:l.seconds)===t?"time-item--selected":""}"
+                            class=${d({"clock__time-item":!0,"clock__time-item--selected":((a=this.timeSegment)==null?void 0:a.seconds)===t})}
+                            role="option"
+                            aria-selected=${((p=this.timeSegment)==null?void 0:p.seconds)===t?"true":"false"}
+                            @click=${()=>this.handleSecondClick(t)}
+                          >
+                            ${t.toString().padStart(2,"0")}
+                          </li>
+                        `})}
+                    </ol>
+                  </div>
+                `:""}
+          ${this.showAmPm?n`
+                  <div part="column" class="clock__column clock__column--ampm">
+                    <ol part="ampm-toggle" class="clock__ampm-toggle" role="listbox" tabindex="0" aria-label="AM/PM">
+                      ${s.map(t=>n`
+                          <li
+                            class=${d({"clock__time-item":!0,"clock__time-item--selected":!!(this.timeSegment&&this.period===t)})}
+                            role="option"
+                            aria-selected=${this.timeSegment&&this.period===t?"true":"false"}
+                            @click=${()=>this.handlePeriodClick(t)}
+                            ?disabled=${this.disabled}
+                          >
+                            ${t}
+                          </li>
+                        `)}
+                    </ol>
+                  </div>
+                `:""}
+        </div>
+      </div>
+    `}};r.styles=[_,T],o([g()],r.prototype,"timeSegment",2),o([S(".clock__hours")],r.prototype,"hoursColumn",2),o([S(".clock__minutes")],r.prototype,"minutesColumn",2),o([S(".clock__seconds")],r.prototype,"secondsColumn",2),o([c()],r.prototype,"value",2),o([c({type:Boolean,reflect:!0})],r.prototype,"disabled",2),o([c({reflect:!0})],r.prototype,"format",2),o([c({type:Boolean})],r.prototype,"seconds",2),o([c({type:Number,attribute:"minute-interval"})],r.prototype,"minuteInterval",2),o([c({reflect:!0})],r.prototype,"size",2),o([v("value",{waitUntilFirstUpdate:!0})],r.prototype,"handleValueChange",1);export{r as a};

package/cdn/chunks/chunk.NNPKISXZ.js

@@ -0,0 +1,97 @@
+import{a as _}from"./chunk.IELMMSFW.js";import{a as g}from"./chunk.UTUQBDC3.js";import{a as $}from"./chunk.KIY7LAB4.js";import{a as y}from"./chunk.SH54CIFE.js";import{a as C}from"./chunk.IPMWK5EL.js";import{a as b}from"./chunk.BONBGM7U.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.VDWIYU3J.js";import{a as m}from"./chunk.O4ZRZ3HV.js";import{a as c}from"./chunk.G6ZVAGQW.js";import{a as o}from"./chunk.TETFNMKN.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as i,b as n,d as r,g as h}from"./chunk.FU5FZZFK.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.NQ3MEBWF.js

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

package/cdn/chunks/chunk.NSWDZMZE.js

@@ -0,0 +1,62 @@
+import{a as k}from"./chunk.VQM4UD55.js";import{a as T}from"./chunk.ALHVMVDH.js";import{a as D}from"./chunk.FRVRGW5T.js";import{a as d}from"./chunk.KLRPP4NQ.js";import{a as p,c as h}from"./chunk.VDJQBFEB.js";import{a as c,c as u}from"./chunk.DCN42ZX4.js";import{a as v}from"./chunk.O4ZRZ3HV.js";import{a as m}from"./chunk.TETFNMKN.js";import{a as w}from"./chunk.YHSYTTFF.js";import{a as E}from"./chunk.YZSIY5HS.js";import{a as g}from"./chunk.7TAXE2HP.js";import{a as n,d as l,g as b}from"./chunk.FU5FZZFK.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as o}from"./chunk.FI4IKBIW.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new w(this,"footer");this.localize=new v(this);this.open=!1;this.label="";this.noHeader=!1;this.noArrow=!1;this.clickToHide=!1;this.placement="right";this.disabled=!1;this.distance=10;this.skidding=0;this.block=!1;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}handleKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){e.key==="Tab"&&setTimeout(()=>{var s,a,f;let i=((s=this.containingElement)==null?void 0:s.getRootNode())instanceof ShadowRoot?(f=(a=document.activeElement)==null?void 0:a.shadowRoot)==null?void 0:f.activeElement:document.activeElement;(!this.containingElement||(i==null?void 0:i.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()})}handleDocumentMouseDown(e){let i=e.composedPath();this.clickToHide&&this.containingElement&&!i.includes(this.containingElement)&&this.hide()}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(e){if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}[" ","Enter"].includes(e.key)&&(e.target.tagName.toLowerCase()==="lynk-input"||e.preventDefault(),this.handleTriggerClick())}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){let i=this.trigger.assignedElements({flatten:!0}).find(a=>T(a).start),s;if(i){switch(i.tagName.toLowerCase()){case"lynk-button":case"lynk-icon-button":s=i.button;break;default:s=i}s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,await d(this,"ev-after-show")}async hide(){var i;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((i=document.activeElement)==null||i.blur()),this.open=!1,await d(this,"ev-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&this.panel.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("ev-show"),this.addOpenListeners();let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await h(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:i,options:s}=u(this,"popover.show",{dir:this.localize.dir()});await p(this.popup.popup,i,s),e&&(e.focus({preventScroll:!0}),e.setAttribute("autofocus","")),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await h(this);let{keyframes:e,options:i}=u(this,"popover.hide",{dir:this.localize.dir()});await p(this.popup.popup,e,i),this.panel.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}render(){return r`
+      <lynk-popup
+        part="base"
+        id="popover"
+        placement=${this.placement}
+        distance=${this.distance}
+        skidding=${this.skidding}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        ?arrow=${!this.noArrow}
+        auto-size="vertical"
+        auto-size-padding="10"
+        class=${g({popover:!0,"popover--open":this.open,"popover--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <slot
+          name="trigger"
+          slot="anchor"
+          part="trigger"
+          class="popover__trigger"
+          @click=${this.handleTriggerClick}
+          @keydown=${this.handleTriggerKeyDown}
+          @keyup=${this.handleTriggerKeyUp}
+          @slotchange=${this.handleTriggerSlotChange}
+        ></slot>
+
+        <div
+          part="panel"
+          class="popover__panel"
+          role="popover"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${m(this.noHeader?this.label:void 0)}
+          aria-labelledby=${m(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":r`
+                <header part="header" class="popover__header">
+                  <h2 part="title" class="popover__title" id="title">
+                    <slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
+                  </h2>
+                  <lynk-icon-button
+                    part="close-button"
+                    exportparts="base:close-button__base"
+                    class="popover__close"
+                    name="x-lg"
+                    label=${this.localize.term("close")}
+                    library="system"
+                    @click="${()=>this.hide()}"
+                  ></lynk-icon-button>
+                </header>
+              `}
+
+          <slot part="body" class="popover__body"></slot>
+
+          ${this.hasSlotController.test("footer")?r`
+                <footer part="footer" class="popover__footer">
+                  <slot name="footer"></slot>
+                </footer>
+              `:""}
+        </div>
+      </lynk-popup>
+    `}};t.styles=[y,k],t.dependencies={"lynk-popup":D},o([l(".popover")],t.prototype,"popup",2),o([l(".popover__trigger")],t.prototype,"trigger",2),o([l(".popover__panel")],t.prototype,"panel",2),o([n({type:Boolean,reflect:!0})],t.prototype,"open",2),o([n({reflect:!0})],t.prototype,"label",2),o([n({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),o([n({attribute:"no-arrow",type:Boolean,reflect:!0})],t.prototype,"noArrow",2),o([n({attribute:"click-to-hide",type:Boolean,reflect:!0})],t.prototype,"clickToHide",2),o([n({reflect:!0})],t.prototype,"placement",2),o([n({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([n({attribute:!1})],t.prototype,"containingElement",2),o([n({type:Number})],t.prototype,"distance",2),o([n({type:Number})],t.prototype,"skidding",2),o([n({type:Boolean,reflect:!0})],t.prototype,"block",2),o([n({type:Boolean})],t.prototype,"hoist",2),o([E("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);c("popover.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("popover.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{t as a};

package/cdn/chunks/chunk.NTKINPCN.js

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

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

package/cdn/chunks/chunk.O4BDYCPQ.js

@@ -0,0 +1,86 @@
+import{a as i}from"./chunk.PINNEFCM.js";var r=i`
+  :host {
+    --divider-width: 0;
+    --divider-hit-area: 24px;
+    --divider-background-color: transparent;
+    --handle-background-color: var(--lynk-color-neutral-100);
+    display: flex;
+  }
+
+  :host([vertical]) {
+    flex-direction: column;
+  }
+
+  ::slotted(lynk-splitter-pane) {
+    overflow: hidden;
+  }
+
+  .divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--divider-background-color);
+    color: var(--lynk-color-text);
+    z-index: 1;
+    position: relative;
+  }
+
+  .divider:focus {
+    outline: none;
+  }
+
+  :host(:not([disabled])) .divider:focus-visible {
+    outline: var(--lynk-focus-ring);
+  }
+
+  :host([disabled]) .divider {
+    cursor: not-allowed;
+  }
+
+  /* Horizontal */
+  :host(:not([vertical], [disabled])) .divider {
+    cursor: col-resize;
+  }
+
+  :host(:not([vertical])) .divider::after {
+    display: flex;
+    content: '';
+    position: absolute;
+    height: 100%;
+    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    width: var(--divider-hit-area);
+  }
+
+  :host([vertical]:not([disabled])) .divider {
+    cursor: row-resize;
+  }
+
+  :host([vertical]) .divider::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    height: var(--divider-hit-area);
+  }
+
+  .handle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: calc(var(--divider-width) / 4);
+    min-height: var(--handle-size, calc(var(--divider-width) * 4));
+    border-radius: 4px;
+    background: var(--handle-background-color);
+  }
+
+  :host([vertical]) .handle {
+    min-width: var(--handle-size, calc(var(--divider-width) * 4));
+    min-height: calc(var(--divider-width) / 4);
+  }
+
+  @media (forced-colors: active) {
+    .divider {
+      outline: solid 1px transparent;
+    }
+  }
+`;export{r as a};

package/cdn/chunks/chunk.O4ZRZ3HV.js

@@ -0,0 +1 @@
+import{a as r,b as t,c as n}from"./chunk.7TYURV7L.js";var s=class extends t{};r(n);export{s as a};

package/cdn/chunks/chunk.OBY54PGZ.js

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