@uplynk/lynk-design 1.17.1 → 1.18.0

package/cdn/chunks/chunk.IYG6J3X5.js

@@ -1,20 +0,0 @@
-import{a}from"./chunk.2G3FEYKO.js";import{a as u}from"./chunk.CE6FR5OC.js";import{a as i}from"./chunk.W4AX3HKY.js";import{a as m}from"./chunk.ZP7BBHMJ.js";import{a as d,f as k,g as p}from"./chunk.QSZ5VYWE.js";import{a as f}from"./chunk.45RIPFQU.js";import{d as l}from"./chunk.QRMWQQRW.js";import{e as s}from"./chunk.FI4IKBIW.js";var o=class extends p{constructor(){super(...arguments);this.cols=[];this.rows=[];this.custom=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("ev-table-sort",this.handleSort)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("ev-table-sort",this.handleSort)}handleSort(t){let n;this.assignedHead.forEach(y=>{y.querySelectorAll("lynk-tr").forEach(c=>{c.querySelectorAll("lynk-th").forEach(e=>{if(e.key===t.detail.key){switch(a[e.sortDirection]){case a[1]:e.sortDirection=-1;break;case a[-1]:case a[0]:e.sortDirection=1;break}n=e.sortDirection}else e.sortDirection=0})})}),this.rows.sort((y,c)=>{let e=y[t.detail.key],r=c[t.detail.key];if(e==null&&(e=""),r==null&&(r=""),!isNaN(parseFloat(e))&&!isNaN(parseFloat(r)))return(Number(e)-Number(r))*n;let h=e.toString(),b=r.toString();return h.localeCompare(b)*n}),this.requestUpdate()}render(){return l`
-      <slot part="base">
-        <lynk-colgroup> ${i(this.cols,t=>l`<lynk-col class="${t.key}"></lynk-col>`)} </lynk-colgroup>
-        <lynk-thead>
-          <lynk-tr>
-            ${i(this.cols,t=>l`
-                <lynk-th
-                  key="${t.key}"
-                  sort-direction=${m(t.sortDirection?t.sortDirection:void 0)}
-                  ?sortable=${m(t.sortable?t.sortable:void 0)}
-                  >${t.title}</lynk-th
-                >
-              `)}
-          </lynk-tr>
-        </lynk-thead>
-        <lynk-tbody>
-          ${i(this.rows,t=>l` <lynk-tr> ${i(this.cols,n=>l`<lynk-td>${t[n.key]}</lynk-td>`)} </lynk-tr>`)}
-        </lynk-tbody>
-      </slot>
-    `}};o.styles=[f,u],s([d()],o.prototype,"cols",2),s([d()],o.prototype,"rows",2),s([d({type:Boolean,reflect:!0})],o.prototype,"custom",2),s([k({selector:"lynk-thead",flatten:!0})],o.prototype,"assignedHead",2),s([k({selector:"lynk-tbody",flatten:!0})],o.prototype,"assignedBody",2);export{o as a};

package/cdn/chunks/chunk.J2ZCD7YT.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.2HWXX7P2.js";import*as t from"react";import{createComponent as o}from"@lit/react";import"@lit/react";var n="lynk-copy-button";e.define("lynk-copy-button");var r=o({tagName:n,elementClass:e,react:t,events:{EvCopy:"ev-copy",EvError:"ev-error"},displayName:"LynkCopyButton"}),v=r;export{v as a};

package/cdn/chunks/chunk.J5CSCF7T.js

@@ -1 +0,0 @@
-import{a as h}from"./chunk.Q3J7P2MZ.js";import{a as n,b as s,g as d}from"./chunk.QSZ5VYWE.js";import{d as c}from"./chunk.QRMWQQRW.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.JCRKFPRM.js

@@ -1,140 +0,0 @@
-import{a as A}from"./chunk.HNMZDR5F.js";import{a as H}from"./chunk.74XSNEO3.js";import{c as D}from"./chunk.HUMDDNNQ.js";import{a as I}from"./chunk.72D5Z5SR.js";import{a as T}from"./chunk.GGN5UOAR.js";import{a as E}from"./chunk.W6EAZYFO.js";import{b as k}from"./chunk.V7E6ITFP.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as f,c as v}from"./chunk.VDJQBFEB.js";import{a as y,c as g}from"./chunk.DCN42ZX4.js";import{a as $}from"./chunk.Q3J7P2MZ.js";import{a as _}from"./chunk.CSJIWCVW.js";import{a as x}from"./chunk.YHSYTTFF.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a as C}from"./chunk.3RH6CRTR.js";import{a as o,b as u,d as c,g as O}from"./chunk.QSZ5VYWE.js";import{a as w}from"./chunk.45RIPFQU.js";import{d as r}from"./chunk.QRMWQQRW.js";import{e as s}from"./chunk.FI4IKBIW.js";var e=class extends O{constructor(){super(...arguments);this.formControlController=new k(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new x(this,"help-text","help-tip","label");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.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=${i=>this.handleTagRemove(i,t)}
-      >
-        ${t.getTextLabel()}
-      </lynk-tag>
-    `;this.handleDocumentFocusIn=t=>{let i=t.composedPath();this&&!i.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let i=t.target,l=i.closest(".select__clear")!==null,n=i.closest("lynk-icon-button")!==null,p=i.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 i=t.composedPath();this&&!i.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(),i=this.valueHasChanged?this.value:this.defaultValue,l=Array.isArray(i)?i:[i],n=[];t.forEach(p=>n.push(p.value)),this.setSelectedOptions(t.filter(p=>l.includes(p.value)))}handleTagRemove(t,i){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(i,!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 i=this.getAllOptions(),l=Array.isArray(t)?t:[t];i.forEach(n=>n.selected=!1),l.length&&l.forEach(n=>n.selected=!0),this.selectionChanged()}toggleOptionSelection(t,i){i===!0||i===!1?t.selected=i:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var l,n,p;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let i=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=i,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,i)=>{if(i<this.maxOptionsVisible||this.maxOptionsVisible<=0){let l=this.getTag(t,i);return r`<div @ev-remove=${n=>this.handleTagRemove(n,t)}>
-          ${typeof l=="string"?I(l):l}
-        </div>`}else if(i===this.maxOptionsVisible)return r`<lynk-tag size=${this.size}>+${this.selectedOptions.length-i}</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,i,l){if(super.attributeChangedCallback(t,i,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(),i=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(l=>i.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:i}=g(this,"select.show",{dir:this.localize.dir()});await f(this.popup.popup,t,i),this.currentOption&&D(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:i}=g(this,"select.hide",{dir:this.localize.dir()});await f(this.popup.popup,t,i),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 b(this,"ev-after-show")}async hide(){if(!this.open||this.disabled||this.readonly||this.restricted){this.open=!1;return}return this.open=!1,await b(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,i=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}
-        .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>`:""}
-        <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":i,"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=[w,H],e.dependencies={"lynk-form-field":T,"lynk-icon":_,"lynk-popup":E,"lynk-tag":A},s([c(".select")],e.prototype,"popup",2),s([c(".select__combobox")],e.prototype,"combobox",2),s([c(".select__display-input")],e.prototype,"displayInput",2),s([c(".select__value-input")],e.prototype,"valueInput",2),s([c(".select__listbox")],e.prototype,"listbox",2),s([u()],e.prototype,"hasFocus",2),s([u()],e.prototype,"displayLabel",2),s([u()],e.prototype,"currentOption",2),s([u()],e.prototype,"selectedOptions",2),s([u()],e.prototype,"valueHasChanged",2),s([o()],e.prototype,"name",2),s([u()],e.prototype,"value",1),s([o({attribute:"value"})],e.prototype,"defaultValue",2),s([o({reflect:!0})],e.prototype,"size",2),s([o()],e.prototype,"placeholder",2),s([o({type:Boolean,reflect:!0})],e.prototype,"multiple",2),s([o({attribute:"max-options-visible",type:Number})],e.prototype,"maxOptionsVisible",2),s([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),s([o({type:Boolean,reflect:!0})],e.prototype,"readonly",2),s([o({type:Boolean})],e.prototype,"clearable",2),s([o({type:Boolean,reflect:!0})],e.prototype,"open",2),s([o({type:Boolean})],e.prototype,"hoist",2),s([o({type:Boolean,reflect:!0})],e.prototype,"filled",2),s([o({type:Boolean,reflect:!0})],e.prototype,"pill",2),s([o()],e.prototype,"label",2),s([o({reflect:!0})],e.prototype,"placement",2),s([o({attribute:"help-text"})],e.prototype,"helpText",2),s([o({attribute:"help-tip"})],e.prototype,"helpTip",2),s([o({reflect:!0})],e.prototype,"form",2),s([o({type:Boolean,reflect:!0})],e.prototype,"required",2),s([o({type:Boolean,reflect:!0})],e.prototype,"optional",2),s([o({type:Boolean,reflect:!0})],e.prototype,"dirty",2),s([o({type:Boolean,reflect:!0})],e.prototype,"restricted",2),s([o({reflect:!0})],e.prototype,"state",2),s([o({type:Boolean,reflect:!0})],e.prototype,"inline",2),s([o()],e.prototype,"getTag",2),s([m(["disabled","restricted"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),s([m(["defaultValue","value"],{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),s([m("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1);y("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});y("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{e as a};

package/cdn/chunks/chunk.JIJHIABK.js

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

package/cdn/chunks/chunk.JLIPXIIM.js

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

package/cdn/chunks/chunk.JSCRAWHB.js

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

package/cdn/chunks/chunk.JUQFFR2A.js

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

package/cdn/chunks/chunk.JXRAGIN2.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.W6EAZYFO.js";import*as t from"react";import{createComponent as o}from"@lit/react";import"@lit/react";var n="lynk-popup";e.define("lynk-popup");var p=o({tagName:n,elementClass:e,react:t,events:{EvReposition:"ev-reposition"},displayName:"LynkPopup"}),i=p;export{i as a};

package/cdn/chunks/chunk.K35D2NVN.js

@@ -1,96 +0,0 @@
-import{a as l}from"./chunk.QRMWQQRW.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);
-  }
-
-  /* Label */
-  .form-field--has-label .form-field__label {
-    display: inline-flex;
-    gap: 3px;
-    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);
-  }
-
-  /* Help text */
-  .form-field--has-help-text .form-field__help-text {
-    display: block;
-    color: var(--lynk-input-help-text-color);
-    margin-top: var(--lynk-spacing-tiny);
-  }
-
-  .form-field--has-help-text .form-field__help-text ::slotted(*) {
-    margin-top: var(--lynk-spacing-tiny);
-  }
-
-  /* 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.K5KHYV7J.js

@@ -1,13 +0,0 @@
-import{a as x}from"./chunk.KLEZ6SEE.js";import{a as m}from"./chunk.AD2VTVBE.js";import{a as L}from"./chunk.FC4RDJJF.js";import{a as T}from"./chunk.Q3J7P2MZ.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as y,d as h,g}from"./chunk.QSZ5VYWE.js";import{a as k}from"./chunk.45RIPFQU.js";import{d as I}from"./chunk.QRMWQQRW.js";import{e as c}from"./chunk.FI4IKBIW.js";function f(u,p=!1){function e(n){let l=n.getChildrenItems({includeDisabled:!1});if(l.length){let i=l.every(a=>a.selected),r=l.every(a=>!a.selected&&!a.indeterminate);n.selected=i,n.indeterminate=!i&&!r}}function t(n){let l=n.parentElement;m.isTreeItem(l)&&(e(l),t(l))}function s(n){for(let l of n.getChildrenItems())l.selected=p?n.selected||l.selected:!l.disabled&&n.selected,s(l)}s(u),p&&e(u),t(u)}var o=class extends g{constructor(){super();this.selection="single";this.clickTarget=null;this.localize=new T(this);this.initTreeItem=e=>{e.selectable=this.selection==="multiple",["expand","collapse"].filter(t=>!!this.querySelector(`[slot="${t}-icon"]`)).forEach(t=>{let s=e.querySelector(`[slot="${t}-icon"]`),n=this.getExpandButtonIcon(t);n&&(s===null?e.append(n):s.hasAttribute("data-default")&&s.replaceWith(n))})};this.handleTreeChanged=e=>{for(let t of e){let s=[...t.addedNodes].filter(m.isTreeItem),n=[...t.removedNodes].filter(m.isTreeItem);s.forEach(this.initTreeItem),this.lastFocusedItem&&n.includes(this.lastFocusedItem)&&(this.lastFocusedItem=null)}};this.handleFocusOut=e=>{let t=e.relatedTarget;(!t||!this.contains(t))&&(this.tabIndex=0)};this.handleFocusIn=e=>{let t=e.target;e.target===this&&this.focusItem(this.lastFocusedItem||this.getAllTreeItems()[0]),m.isTreeItem(t)&&!t.disabled&&(this.lastFocusedItem&&(this.lastFocusedItem.tabIndex=-1),this.lastFocusedItem=t,this.tabIndex=-1,t.tabIndex=0)};this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),this.addEventListener("ev-lazy-change",this.handleSlotChange)}async connectedCallback(){super.connectedCallback(),this.setAttribute("role","tree"),this.setAttribute("tabindex","0"),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleTreeChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.mutationObserver)==null||e.disconnect()}getExpandButtonIcon(e){let s=(e==="expand"?this.expandedIconSlot:this.collapsedIconSlot).assignedElements({flatten:!0})[0];if(s){let n=s.cloneNode(!0);return[n,...n.querySelectorAll("[id]")].forEach(l=>l.removeAttribute("id")),n.setAttribute("data-default",""),n.slot=`${e}-icon`,n}return null}selectItem(e){let t=[...this.selectedItems];if(e.readonly)return;if(this.selection==="multiple")e.selected=!e.selected,e.lazy&&(e.expanded=!0),f(e);else if(this.selection==="single"||e.isLeaf){let n=this.getAllTreeItems();for(let l of n)l.selected=l===e}else this.selection==="leaf"&&(e.expanded=!e.expanded);let s=this.selectedItems;(t.length!==s.length||s.some(n=>!t.includes(n)))&&Promise.all(s.map(n=>n.updateComplete)).then(()=>{this.emit("ev-selection-change",{detail:{selection:s}})})}getAllTreeItems(){return[...this.querySelectorAll("lynk-tree-item")]}focusItem(e){e==null||e.focus()}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter"," "].includes(e.key)||e.composedPath().some(l=>{var i;return["input","textarea"].includes((i=l==null?void 0:l.tagName)==null?void 0:i.toLowerCase())}))return;let t=this.getFocusableItems(),s=this.localize.dir()==="ltr",n=this.localize.dir()==="rtl";if(t.length>0){e.preventDefault();let l=t.findIndex(d=>d.matches(":focus")),i=t[l],r=d=>{let E=t[L(d,0,t.length-1)];this.focusItem(E)},a=d=>{i.expanded=d};e.key==="ArrowDown"?r(l+1):e.key==="ArrowUp"?r(l-1):s&&e.key==="ArrowRight"||n&&e.key==="ArrowLeft"?!i||i.disabled||i.expanded||i.isLeaf&&!i.lazy?r(l+1):a(!0):s&&e.key==="ArrowLeft"||n&&e.key==="ArrowRight"?!i||i.disabled||i.isLeaf||!i.expanded?r(l-1):a(!1):e.key==="Home"?r(0):e.key==="End"?r(t.length-1):(e.key==="Enter"||e.key===" ")&&(i.disabled||this.selectItem(i))}}handleClick(e){let t=e.target,s=t.closest("lynk-tree-item"),n=e.composedPath().some(l=>{var i;return(i=l==null?void 0:l.classList)==null?void 0:i.contains("tree-item__expand-button")});!s||s.disabled||t!==this.clickTarget||(n?s.expanded=!s.expanded:this.selectItem(s))}handleMouseDown(e){this.clickTarget=e.target}handleSlotChange(){this.getAllTreeItems().forEach(this.initTreeItem),this.selection==="multiple"&&requestAnimationFrame(()=>{[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(t=>f(t,!0))})}async handleSelectionChange(){let e=this.selection==="multiple",t=this.getAllTreeItems();this.setAttribute("aria-multiselectable",e?"true":"false");for(let s of t)s.selectable=e;e&&(await this.updateComplete,await Promise.all(t.map(s=>s.updateComplete)),[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(s=>f(s,!0)))}get selectedItems(){let e=this.getAllTreeItems(),t=s=>s.selected;return e.filter(t)}getFocusableItems(){let e=this.getAllTreeItems(),t=new Set;return e.filter(s=>{var l;if(s.disabled)return!1;let n=(l=s.parentElement)==null?void 0:l.closest("[role=treeitem]");return n&&(!n.expanded||n.loading||t.has(n))&&t.add(s),!t.has(s)})}render(){return I`
-      <div
-        part="base"
-        class="tree"
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      >
-        <slot @slotchange=${this.handleSlotChange}></slot>
-        <span hidden aria-hidden="true"><slot name="expand-icon"></slot></span>
-        <span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span>
-      </div>
-    `}};o.styles=[k,x],c([h("slot:not([name])")],o.prototype,"defaultSlot",2),c([h("slot[name=expand-icon]")],o.prototype,"expandedIconSlot",2),c([h("slot[name=collapse-icon]")],o.prototype,"collapsedIconSlot",2),c([y()],o.prototype,"selection",2),c([b("selection")],o.prototype,"handleSelectionChange",1);export{o as a};

package/cdn/chunks/chunk.K63YLDPZ.js

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

package/cdn/chunks/chunk.KGWQPONS.js

@@ -1,13 +0,0 @@
-import{a as r}from"./chunk.2AQJW5RK.js";import{g as s}from"./chunk.QSZ5VYWE.js";import{a}from"./chunk.45RIPFQU.js";import{d as e}from"./chunk.QRMWQQRW.js";var t=class extends s{render(){return e`
-      <div part="base" class="page">
-        <slot name="header" part="header" class="page__header"></slot>
-        <slot name="left-sidebar" part="left-sidebar" class="page__left-sidebar"></slot>
-        <slot name="left-inset-sidebar" part="left-inset-sidebar" class="page__left-inset-sidebar"></slot>
-        <div part="main" class="page__main">
-          <slot></slot>
-        </div>
-        <slot name="right-sidebar" part="right-sidebar" class="page__right-sidebar"></slot>
-        <slot name="right-inset-sidebar" part="right-inset-sidebar" class="page__right-inset-sidebar"></slot>
-        <slot name="footer" part="footer" class="page__footer"></slot>
-      </div>
-    `}};t.styles=[a,r];export{t as a};

package/cdn/chunks/chunk.KHYSOXMA.js

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

package/cdn/chunks/chunk.KITIJUX4.js

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

package/cdn/chunks/chunk.KNJ3DKWW.js

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

package/cdn/chunks/chunk.KTVYCQVF.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.UVMUS6T7.js";import*as n from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var v="lynk-radio-group";e.define("lynk-radio-group");var o=t({tagName:v,elementClass:e,react:n,events:{EvChange:"ev-change",EvInput:"ev-input",EvInvalid:"ev-invalid"},displayName:"LynkRadioGroup"}),s=o;export{s as a};

package/cdn/chunks/chunk.KUCIOVDP.js

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

package/cdn/chunks/chunk.KZUOLJQX.js

@@ -1,126 +0,0 @@
-import{a as R}from"./chunk.C2Z2Z7CF.js";import{c as A}from"./chunk.HUMDDNNQ.js";import{a as k}from"./chunk.6QB5M6PK.js";import{a as z}from"./chunk.MMJNMKTK.js";import{a as H}from"./chunk.UGDEBMK6.js";import{a as C,d as w,e as B,f as S,h as P}from"./chunk.7AAFCBPI.js";import{a as M}from"./chunk.GGN5UOAR.js";import{a as D}from"./chunk.W6EAZYFO.js";import{a as L}from"./chunk.ZSJ54B7U.js";import{b as F}from"./chunk.V7E6ITFP.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as y,c as g}from"./chunk.VDJQBFEB.js";import{a as O,c as x}from"./chunk.DCN42ZX4.js";import{a as V}from"./chunk.Q3J7P2MZ.js";import{a as _}from"./chunk.CSJIWCVW.js";import{a as E}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as I}from"./chunk.3RH6CRTR.js";import{a as h,b as d,d as c,g as $}from"./chunk.QSZ5VYWE.js";import{a as T}from"./chunk.45RIPFQU.js";import{d as u}from"./chunk.QRMWQQRW.js";import{e as s}from"./chunk.FI4IKBIW.js";var i=class extends ${constructor(){super(...arguments);this.formControlController=new F(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new E(this,"help-text","help-tip","label");this.localize=new V(this);this.lastOptionValue="";this.isOptionRendererTriggered=!1;this.hasFocus=!1;this.displayLabel="";this.numberFilteredOptions=0;this.cachedOptions=[];this.showCustomOption=!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.form="";this.inline=!1;this.allowCustomValues=!1;this.getOption=H;this.filter=(t,e)=>{let l=(t==null?void 0:t.textContent)||"";t instanceof R&&(l=t.getTextLabel());let o=S(l),n=S(e);return o.includes(n)};this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{var o;if(t.target.closest(".combobox__clear")===null){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(),p=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;if(!n){let r=this.getSlottedOptions().find(a=>{let m=a.value||(a.getTextLabel?a.getTextLabel():a.textContent||""),v=a.getTextLabel?a.getTextLabel():a.textContent||"";return m===this.displayInput.value||v===this.displayInput.value});if(r){let a=this.lastOptionValue;this.setSelectedOption(r),this.value!==a&&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 a=this.displayInput.value.trim(),m=this.lastOptionValue;this.value=a,this.displayLabel=a,this.displayInput.value=a,this.lastOptionValue=a,this.setSelectedOption(void 0),a!==m&&this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:a}}),this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0});return}}if(!this.open&&!p){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||n!=null&&n.disabled)return;if(n){let r=this.lastOptionValue;if((o=n.classList)!=null&&o.contains("combobox__custom-option")){let a=this.displayInput.value.trim();this.value=a,this.displayLabel=a,this.displayInput.value=a,this.lastOptionValue=a,this.setSelectedOption(void 0),a!==r&&this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:a}}),this.emit("ev-input"),this.emit("ev-change")})}else this.setSelectedOption(n),this.value!==r&&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 validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.open=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}firstUpdated(){this.updateComplete.then(()=>{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)return;let e=()=>{if(this.open)return this.hide();{let o=this.getSlottedOptions().some(n=>(n.value||(n.getTextLabel?n.getTextLabel():n.textContent||""))===this.value)?"":this.value;return this.createComboboxOptionsFromQuery(o),this.show()}};t.preventDefault(),e().then(()=>{setTimeout(()=>this.displayInput.focus({preventScroll:!0}))})}handleComboboxKeyDown(t){t.key!=="Tab"&&this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearCombobox()}clearCombobox(){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,l=e.closest("lynk-option"),o=e.closest(".combobox__custom-option"),n=this.lastOptionValue;if(o){let p=this.displayInput.value.trim();this.value=p,this.displayLabel=p,this.displayInput.value=p,this.lastOptionValue=p,this.setSelectedOption(void 0),this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:p}}),this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0});return}l&&!l.disabled&&(this.setSelectedOption(l),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==n&&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 l=this.getCurrentOption(),o=e.indexOf(l),n=Math.max(0,o);if(t){let r=o+1;n=r>e.length-1?0:r}else{let r=o-1;n=r<0?e.length-1:r}this.setCurrentOption(e[n]);let p=this.getCurrentOption();p&&typeof p.getBoundingClientRect=="function"&&A(p,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(),l=this.renderRoot.querySelector(".combobox__custom-option");this.displayInput.removeAttribute("aria-activedescendant"),l&&l.classList.remove("combobox__custom-option--current"),e.forEach(n=>{var p;(p=n.classList)!=null&&p.contains("combobox__custom-option")?n.classList.remove("combobox__custom-option--current"):"current"in n&&(n.current=!1,n.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 l,o;this.selectedOption=t;let e=((l=this.selectedOption)==null?void 0:l.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 n,p;this.displayLabel=(p=(n=this.selectedOption)==null?void 0:n.getTextLabel())!=null?p:this.displayInput.value,this.formControlController.updateValidity()})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handlePropertiesChange(){this.createComboboxOptionsFromQuery(this.value)}handleDisabledChange(){this.formControlController.setValidity(this.disabled),this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){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 g(this),this.listbox.hidden=!1,this.popup.active=!0;let{keyframes:l,options:o}=x(this,"combobox.show",{dir:this.localize.dir()});await y(this.popup.popup,l,o),this.emit("ev-after-show");return}this.setCurrentOption(null),this.displayInput.removeAttribute("aria-activedescendant"),this.emit("ev-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=x(this,"combobox.hide",{dir:this.localize.dir()});await y(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([b(this,"ev-after-show"),b(this,"ev-error")])}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,await b(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 l;this.numberFilteredOptions=0,this.isOptionRendererTriggered=!0,this.cachedOptions.length===0&&this.cacheSlottedOptionsAndOptgroups(),this.getSlottedOptions().forEach(o=>{let n=this.cachedOptions.find(m=>m.id===o.id)||o,p=this.getOption(n,t),r=P(p);r||(r=n);let a=!(this.filter(r,t)||t==="");if(r.hidden=a,"selected"in r){let v=(r.value||r.getTextLabel())===this.value;r.selected=v,"current"in r&&(r.current=v)}o.replaceWith(r),a||(this.numberFilteredOptions+=1)}),this.showCustomOption=!1,this.allowCustomValues&&t.trim()&&this.numberFilteredOptions===0&&(this.showCustomOption=!0,this.numberFilteredOptions=1),(l=this.getSlottedOptGroups().filter(o=>{let p=w(Array.from(o.children)).flat().some(r=>!r.hidden);return o.hidden=!p,p})[0])==null||l.style.setProperty("--display-divider","none"),setTimeout(()=>{this.isOptionRendererTriggered=!1},0)}async handleInput(){let t=this.displayInput.value;this.value=t,await this.updateComplete,this.open=this.numberFilteredOptions>0,this.setSelectedOption(void 0),this.formControlController.updateValidity(),this.emit("ev-input")}handleChange(){this.selectedOption||(this.value=this.displayInput.value,this.updateComplete.then(()=>{this.formControlController.updateValidity()}),this.emit("ev-change"))}getSlottedOptions(){return w(C(this.defaultSlot)).flat()}getSlottedOptGroups(){return B(C(this.defaultSlot))}cacheSlottedOptionsAndOptgroups(){let t=this.getSlottedOptions(),e=this.getSlottedOptGroups();t.forEach((l,o)=>{l.id=l.id||`lynk-combobox-option-${o}`}),e.forEach((l,o)=>{l.id=l.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.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 l,o;let t=this.clearable&&!this.disabled&&!this.readonly&&((l=this.value)==null?void 0:l.length)>0,e=this.placeholder&&((o=this.value)==null?void 0:o.length)===0;return u`
-      <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}
-        .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")?u`<slot name="label" slot="label"></slot>`:""}
-        ${this.hasSlotController.test("help-text")?u`<slot name="help-text" slot="help-text"></slot>`:""}
-        ${this.hasSlotController.test("help-tip")?u`<slot name="help-tip" slot="help-tip"></slot>`:""}
-        <lynk-popup
-          class=${I({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--open":this.open,"combobox--placeholder-visible":e,"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>
-
-            <input
-              part="display-input"
-              class="combobox__display-input"
-              type="text"
-              placeholder=${this.placeholder}
-              .disabled=${this.disabled}
-              .value=${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=${this.value}
-              tabindex="-1"
-              aria-hidden="true"
-              @focus=${()=>this.focus()}
-              @invalid=${this.handleInvalid}
-            />
-
-            ${t?u`
-                  <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-label=${this.label||"Combobox options"}
-            part="listbox"
-            class="combobox__listbox"
-            tabindex="-1"
-            @mousedown=${this.preventLoosingFocus}
-            @mouseup=${this.handleOptionClick}
-          >
-            <div class="listbox__options" part="filtered-listbox">
-              <slot @slotchange=${this.handleDefaultSlotChange}></slot>
-              ${this.showCustomOption?u`
-                    <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=[T,z,k],i.dependencies={"lynk-form-field":M,"lynk-icon":_,"lynk-popup":D},s([c(".combobox")],i.prototype,"popup",2),s([c(".combobox__inputs")],i.prototype,"combobox",2),s([c(".combobox__display-input")],i.prototype,"displayInput",2),s([c(".combobox__value-input")],i.prototype,"valueInput",2),s([c(".combobox__listbox")],i.prototype,"listbox",2),s([c("slot:not([name])")],i.prototype,"defaultSlot",2),s([d()],i.prototype,"hasFocus",2),s([d()],i.prototype,"displayLabel",2),s([d()],i.prototype,"selectedOption",2),s([d()],i.prototype,"numberFilteredOptions",2),s([d()],i.prototype,"cachedOptions",2),s([d()],i.prototype,"showCustomOption",2),s([h()],i.prototype,"name",2),s([h()],i.prototype,"value",2),s([L()],i.prototype,"defaultValue",2),s([h({reflect:!0})],i.prototype,"state",2),s([h({reflect:!0})],i.prototype,"size",2),s([h()],i.prototype,"placeholder",2),s([h({reflect:!0,type:Boolean})],i.prototype,"disabled",2),s([h({type:Boolean,reflect:!0})],i.prototype,"readonly",2),s([h({type:Boolean,reflect:!0})],i.prototype,"required",2),s([h({type:Boolean,reflect:!0})],i.prototype,"optional",2),s([h({type:Boolean,reflect:!0})],i.prototype,"dirty",2),s([h({type:Boolean})],i.prototype,"clearable",2),s([h({reflect:!0,type:Boolean})],i.prototype,"open",2),s([h({type:Boolean})],i.prototype,"hoist",2),s([h()],i.prototype,"label",2),s([h({reflect:!0})],i.prototype,"placement",2),s([h({attribute:"help-tip"})],i.prototype,"helpTip",2),s([h({attribute:"help-text"})],i.prototype,"helpText",2),s([h({reflect:!0})],i.prototype,"form",2),s([h({type:Boolean,reflect:!0})],i.prototype,"inline",2),s([h({type:Boolean,attribute:"allow-custom-values"})],i.prototype,"allowCustomValues",2),s([h()],i.prototype,"getOption",2),s([h()],i.prototype,"filter",2),s([f(["filter","getOption"],{waitUntilFirstUpdate:!0})],i.prototype,"handlePropertiesChange",1),s([f("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([f("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([f("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);O("combobox.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});O("combobox.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};