@uplynk/lynk-design 1.18.0 → 1.18.1

package/cdn/chunks/chunk.MMWL43VX.js

@@ -1,96 +0,0 @@
-import{a as x}from"./chunk.KKAFC363.js";import{a as C}from"./chunk.DLBRTSPN.js";import{a as y}from"./chunk.H732WUXS.js";import{a as $}from"./chunk.ZSJ54B7U.js";import{b}from"./chunk.V7E6ITFP.js";import{a as v}from"./chunk.5MZQ7XT5.js";import{a as r}from"./chunk.ZP7BBHMJ.js";import{a as f}from"./chunk.YHSYTTFF.js";import{a as c}from"./chunk.Q5QEEGB3.js";import{a as o}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.3RH6CRTR.js";import{a as i,b as h,d,g as u}from"./chunk.4D6MBWSA.js";import{a as m}from"./chunk.45RIPFQU.js";import{d as s}from"./chunk.QRMWQQRW.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new b(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new f(this,"help-text","help-tip","label","label-end","help-text-end");this.hasFocus=!1;this.name="";this.value=null;this.size="medium";this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.filled=!1;this.pill=!1;this.noSteppers=!1;this.step=1;this.state="default";this.inline=!1;this.form="";this.defaultValue=null}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleInput(){let l=this.input.value;this.value=l===""?null:parseFloat(l),this.emit("ev-input")}handleChange(){let l=this.input.value;this.value=l===""?null:parseFloat(l),this.formControlController.updateValidity(),this.emit("ev-change")}handleKeyDown(l){this.readonly||(l.key==="ArrowUp"&&(l.preventDefault(),this.stepUp(),this.emit("ev-input"),this.emit("ev-change")),l.key==="ArrowDown"&&(l.preventDefault(),this.stepDown(),this.emit("ev-input"),this.emit("ev-change")))}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}handleStepUp(){this.disabled||this.readonly||(this.stepUp(),this.emit("ev-input"),this.emit("ev-change"),this.input.focus())}handleStepDown(){this.disabled||this.readonly||(this.stepDown(),this.emit("ev-input"),this.emit("ev-change"),this.input.focus())}stepUp(){var n;let a=((n=this.value)!=null?n:0)+this.step;this.value=this.max!==void 0?Math.min(a,this.max):a}stepDown(){var n;let a=((n=this.value)!=null?n:0)-this.step;this.value=this.min!==void 0?Math.max(a,this.min):a}focus(l){this.input.focus(l)}blur(){this.input.blur()}select(){this.input.select()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleValueChange(){this.formControlController.updateValidity()}render(){let l=this.value!==null&&this.value!==void 0?String(this.value):"",a=this.min!==void 0&&this.value!==null&&this.value<=this.min,n=this.max!==void 0&&this.value!==null&&this.value>=this.max;return s`
-      <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")?s`<slot name="label" slot="label"></slot>`:""}
-        ${this.hasSlotController.test("help-text")?s`<slot name="help-text" slot="help-text"></slot>`:""}
-        ${this.hasSlotController.test("help-tip")?s`<slot name="help-tip" slot="help-tip"></slot>`:""}
-        ${this.hasSlotController.test("label-end")?s`<slot name="label-end" slot="label-end"></slot>`:""}
-        ${this.hasSlotController.test("help-text-end")?s`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
-        <div
-          part="base"
-          class=${p({"number-input":!0,"number-input--small":this.size==="small","number-input--medium":this.size==="medium","number-input--large":this.size==="large","number-input--pill":this.pill,"number-input--standard":!this.filled,"number-input--filled":this.filled,"number-input--disabled":this.disabled,"number-input--readonly":this.readonly,"number-input--focused":this.hasFocus,"number-input--empty":!l,"number-input--no-steppers":this.noSteppers})}
-        >
-          ${this.noSteppers?"":s`
-                  <button
-                    part="stepper-decrement"
-                    class="number-input__stepper number-input__stepper--decrement"
-                    type="button"
-                    tabindex="-1"
-                    ?disabled=${this.disabled||this.readonly||a}
-                    aria-hidden="true"
-                    @click=${this.handleStepDown}
-                  >
-                    <slot name="decrement-icon">
-                      <lynk-icon name="dash" library="system"></lynk-icon>
-                    </slot>
-                  </button>
-                `}
-
-          <span part="prefix" class="number-input__prefix">
-            <slot name="prefix"></slot>
-          </span>
-
-          <input
-            part="input"
-            class="number-input__input"
-            type="number"
-            name=${r(this.name||void 0)}
-            placeholder=${r(this.placeholder||void 0)}
-            .value=${y(l)}
-            ?disabled=${this.disabled}
-            ?readonly=${this.readonly}
-            ?required=${this.required}
-            ?autofocus=${this.autofocus}
-            min=${r(this.min)}
-            max=${r(this.max)}
-            step=${r(this.step)}
-            inputmode="numeric"
-            aria-label=${this.label||"Number input"}
-            aria-readonly=${this.readonly?"true":"false"}
-            @input=${this.handleInput}
-            @change=${this.handleChange}
-            @focus=${this.handleFocus}
-            @blur=${this.handleBlur}
-            @keydown=${this.handleKeyDown}
-            @invalid=${this.handleInvalid}
-          />
-
-          <span part="suffix" class="number-input__suffix">
-            <slot name="suffix"></slot>
-          </span>
-
-          ${this.noSteppers?"":s`
-                  <button
-                    part="stepper-increment"
-                    class="number-input__stepper number-input__stepper--increment"
-                    type="button"
-                    tabindex="-1"
-                    ?disabled=${this.disabled||this.readonly||n}
-                    aria-hidden="true"
-                    @click=${this.handleStepUp}
-                  >
-                    <slot name="increment-icon">
-                      <lynk-icon name="plus" library="system"></lynk-icon>
-                    </slot>
-                  </button>
-                `}
-        </div>
-      </lynk-form-field>
-    `}};t.styles=[m,x],t.dependencies={"lynk-form-field":C,"lynk-icon":c,"lynk-icon-button":v},e([d(".number-input__input")],t.prototype,"input",2),e([h()],t.prototype,"hasFocus",2),e([i()],t.prototype,"name",2),e([i({type:Number})],t.prototype,"value",2),e([i({reflect:!0})],t.prototype,"size",2),e([i()],t.prototype,"label",2),e([i({attribute:"help-text"})],t.prototype,"helpText",2),e([i({attribute:"label-end"})],t.prototype,"labelEnd",2),e([i({attribute:"help-text-end"})],t.prototype,"helpTextEnd",2),e([i({attribute:"help-tip"})],t.prototype,"helpTip",2),e([i()],t.prototype,"placeholder",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Boolean,reflect:!0})],t.prototype,"optional",2),e([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([i({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"pill",2),e([i({type:Boolean,attribute:"no-steppers"})],t.prototype,"noSteppers",2),e([i({type:Number})],t.prototype,"min",2),e([i({type:Number})],t.prototype,"max",2),e([i({type:Number})],t.prototype,"step",2),e([i({reflect:!0})],t.prototype,"state",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([i({reflect:!0})],t.prototype,"form",2),e([i({type:Boolean})],t.prototype,"autofocus",2),e([$()],t.prototype,"defaultValue",2),e([o("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([o("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

package/cdn/chunks/chunk.MNHHLJMD.js

@@ -1 +0,0 @@
-import{a as t}from"./chunk.XHCTXSW7.js";import*as e from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-mutation-observer";t.define("lynk-mutation-observer");var r=n({tagName:o,elementClass:t,react:e,events:{EvMutation:"ev-mutation"},displayName:"LynkMutationObserver"}),i=r;export{i as a};

package/cdn/chunks/chunk.MRVJOBEY.js

@@ -1,49 +0,0 @@
-import{a as C}from"./chunk.FX4IDTIL.js";import{a as x}from"./chunk.FXNEUBPS.js";import{c as g}from"./chunk.HUMDDNNQ.js";import{a as A}from"./chunk.5MZQ7XT5.js";import{a as S}from"./chunk.Q3J7P2MZ.js";import{a as T}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.3RH6CRTR.js";import{a as u,b as f,c as w,d as p,g as k}from"./chunk.4D6MBWSA.js";import{a as E}from"./chunk.45RIPFQU.js";import{d as v}from"./chunk.QRMWQQRW.js";import{a as y,e as o}from"./chunk.FI4IKBIW.js";var _=(d,h)=>{let t=0;return function(...s){window.clearTimeout(t),t=window.setTimeout(()=>{d.call(this,...s)},h)}},L=(d,h,t)=>{let s=d[h];d[h]=function(...e){s.call(this,...e),t.call(this,s,...e)}};(()=>{if(typeof window=="undefined")return;if(!("onscrollend"in window)){let h=new Set,t=new WeakMap,s=i=>{for(let a of i.changedTouches)h.add(a.identifier)},e=i=>{for(let a of i.changedTouches)h.delete(a.identifier)};document.addEventListener("touchstart",s,!0),document.addEventListener("touchend",e,!0),document.addEventListener("touchcancel",e,!0),L(EventTarget.prototype,"addEventListener",function(i,a){if(a!=="scrollend")return;let r=_(()=>{h.size?r():this.dispatchEvent(new Event("scrollend"))},100);i.call(this,"scroll",r,{passive:!0}),t.set(this,r)}),L(EventTarget.prototype,"removeEventListener",function(i,a){if(a!=="scrollend")return;let r=t.get(this);r&&i.call(this,"scroll",r,{passive:!0})})}})();var n=class extends k{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.localize=new S(this);this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.appearance="underline";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("lynk-tab"),customElements.whenDefined("lynk-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(s=>{if(s.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),s.some(e=>e.attributeName==="disabled"))this.syncTabsAndPanels();else if(s.some(e=>e.attributeName==="active")){let i=s.filter(a=>a.attributeName==="active"&&a.target.tagName.toLowerCase()==="lynk-tab").map(a=>a.target).find(a=>a.active);i&&this.setActiveTab(i)}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then(()=>{new IntersectionObserver((e,i)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),i.unobserve(e[0].target))}).observe(this.tabGroup)})})}disconnectedCallback(){var t,s;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),(s=this.resizeObserver)==null||s.disconnect()}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){let t=[...this.body.assignedElements()].filter(e=>e.tagName.toLowerCase()==="lynk-tab-panel"),s=[];return this.tabs.forEach(e=>{if(e.panel&&!t.find(i=>i.name===e.panel)){let i=document.getElementById(e.panel);(i==null?void 0:i.tagName.toLowerCase())==="lynk-tab-panel"&&s.push(i)}}),[...t,...s]}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("lynk-tab");(e==null?void 0:e.closest("lynk-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("lynk-tab");if((e==null?void 0:e.closest("lynk-tab-group"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(c=>c.matches(":focus")),r=this.localize.dir()==="rtl",l=null;if((a==null?void 0:a.tagName.toLowerCase())==="lynk-tab"){if(t.key==="Home")l=this.focusableTabs[0];else if(t.key==="End")l=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(r?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let c=this.tabs.findIndex(b=>b===a);l=this.findNextFocusableTab(c,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(r?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let c=this.tabs.findIndex(b=>b===a);l=this.findNextFocusableTab(c,"forward")}if(!l)return;l.tabIndex=0,l.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(l,{scrollBehavior:"smooth"}):this.tabs.forEach(c=>{c.tabIndex=c===l?0:-1}),["top","bottom"].includes(this.placement)&&g(l,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,s){if(s=y({emitEvents:!0,scrollBehavior:"auto"},s),t!==this.activeTab&&!t.disabled){let e=this.activeTab;if(s.emitEvents&&this.emit("ev-tab-show",{cancelable:!0,detail:{name:t.panel}}).defaultPrevented)return;this.activeTab=t,this.tabs.forEach(i=>{i.active=i===this.activeTab,i.tabIndex=i===this.activeTab?0:-1}),this.panels.forEach(i=>{var a,r;return i.active=i.name===((a=this.activeTab)==null?void 0:a.panel)||i.id===((r=this.activeTab)==null?void 0:r.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&g(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&e&&this.emit("ev-tab-hide",{detail:{name:e.panel}})}}setAriaLabels(){this.tabs.forEach(t=>{let s=this.panels.find(e=>e.name===t.panel);s&&(t.setAttribute("aria-controls",s.getAttribute("id")),s.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let s=t.clientWidth,e=t.clientHeight,i=this.localize.dir()==="rtl",a=this.getAllTabs(),l=a.slice(0,a.indexOf(t)).reduce((c,b)=>({left:c.left+b.clientWidth,top:c.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${s}px`,this.indicator.style.height="auto",this.indicator.style.translate=i?`${-1*l.left}px`:`${l.left}px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${l.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,s){let e=null,i=s==="forward"?1:-1,a=t+i;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){s==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=i}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return this.localize.dir()==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}show(t){let s=this.tabs.find(e=>e.panel===t);s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){let t=this.localize.dir()==="rtl";return v`
-      <div
-        part="base"
-        class=${m({"tab-group":!0,"tab-group--top":this.placement==="top","tab-group--bottom":this.placement==="bottom","tab-group--start":this.placement==="start","tab-group--end":this.placement==="end","tab-group--rtl":this.localize.dir()==="rtl","tab-group--has-scroll-controls":this.hasScrollControls,"tab-group--underline":this.appearance==="underline","tab-group--pill":this.appearance==="pill"})}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-      >
-        <div class="tab-group__nav-container" part="nav">
-          ${this.hasScrollControls?v`
-                  <lynk-icon-button
-                    part="scroll-button scroll-button--start"
-                    exportparts="base:scroll-button__base"
-                    class=${m({"tab-group__scroll-button":!0,"tab-group__scroll-button--start":!0,"tab-group__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
-                    name=${t?"chevron-right":"chevron-left"}
-                    library="system"
-                    tabindex="-1"
-                    aria-hidden="true"
-                    label=${this.localize.term("scrollToStart")}
-                    @click=${this.handleScrollToStart}
-                  ></lynk-icon-button>
-                `:""}
-
-          <div class="tab-group__nav" @scrollend=${this.updateScrollButtons}>
-            <div part="tabs" class="tab-group__tabs" role="tablist">
-              <div part="active-tab-indicator" class="tab-group__indicator"></div>
-              <lynk-resize-observer @ev-resize=${this.syncIndicator}>
-                <slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot>
-              </lynk-resize-observer>
-            </div>
-          </div>
-
-          ${this.hasScrollControls?v`
-                  <lynk-icon-button
-                    part="scroll-button scroll-button--end"
-                    exportparts="base:scroll-button__base"
-                    class=${m({"tab-group__scroll-button":!0,"tab-group__scroll-button--end":!0,"tab-group__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
-                    name=${t?"chevron-left":"chevron-right"}
-                    library="system"
-                    tabindex="-1"
-                    aria-hidden="true"
-                    label=${this.localize.term("scrollToEnd")}
-                    @click=${this.handleScrollToEnd}
-                  ></lynk-icon-button>
-                `:""}
-        </div>
-
-        <slot part="body" class="tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot>
-      </div>
-    `}};n.styles=[E,C],n.dependencies={"lynk-icon-button":A,"lynk-resize-observer":x},o([p(".tab-group")],n.prototype,"tabGroup",2),o([p(".tab-group__body")],n.prototype,"body",2),o([p(".tab-group__nav")],n.prototype,"nav",2),o([p(".tab-group__indicator")],n.prototype,"indicator",2),o([f()],n.prototype,"hasScrollControls",2),o([f()],n.prototype,"shouldHideScrollStartButton",2),o([f()],n.prototype,"shouldHideScrollEndButton",2),o([u()],n.prototype,"placement",2),o([u({reflect:!0})],n.prototype,"appearance",2),o([u()],n.prototype,"activation",2),o([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),o([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),o([w({passive:!0})],n.prototype,"updateScrollButtons",1),o([T("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),o([T("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1);export{n as a};

package/cdn/chunks/chunk.MWZ6D6MU.js

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

package/cdn/chunks/chunk.N2Q6WFDC.js

@@ -1 +0,0 @@
-import{a as f}from"./chunk.BCLJASNP.js";import{a as r}from"./chunk.5MH2SKQ3.js";import{a as i}from"./chunk.YZSIY5HS.js";import{a,e as c,g as d}from"./chunk.4D6MBWSA.js";import{a as p}from"./chunk.45RIPFQU.js";import{d as m}from"./chunk.QRMWQQRW.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends d{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1;this.handleAnimationFinish=()=>{this.play=!1,this.hasStarted=!1,this.emit("ev-finish")};this.handleAnimationCancel=()=>{this.play=!1,this.hasStarted=!1,this.emit("ev-cancel")}}get currentTime(){var s,n;return(n=(s=this.animation)==null?void 0:s.currentTime)!=null?n:0}set currentTime(s){this.animation&&(this.animation.currentTime=s)}connectedCallback(){super.connectedCallback(),this.createAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var h,o;let s=(h=r.easings[this.easing])!=null?h:this.easing,n=(o=this.keyframes)!=null?o:r[this.name],l=(await this.defaultSlot).assignedElements()[0];return!l||!n?!1:(this.destroyAnimation(),this.animation=l.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:s,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("ev-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("ev-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var s;(s=this.animation)==null||s.cancel()}finish(){var s;(s=this.animation)==null||s.finish()}render(){return m` <slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=[p,f],e([c("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([i("name"),i("delay"),i("direction"),i("duration"),i("easing"),i("endDelay"),i("fill"),i("iterations"),i("iterationsStart"),i("keyframes")],t.prototype,"handleAnimationChange",1),e([i("play")],t.prototype,"handlePlayChange",1),e([i("playbackRate")],t.prototype,"handlePlaybackRateChange",1);export{t as a};

package/cdn/chunks/chunk.N3CSHITN.js

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

package/cdn/chunks/chunk.NE3LF2HI.js

@@ -1,254 +0,0 @@
-import{a as c}from"./chunk.QRMWQQRW.js";var r=c`
-  :host {
-    display: inline-block;
-  }
-
-  :host([size='small']) {
-    --height: var(--lynk-toggle-size-small);
-    --thumb-size: calc(var(--lynk-toggle-size-small) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--lynk-input-font-size-small);
-  }
-
-  :host([size='medium']) {
-    --height: var(--lynk-toggle-size-medium);
-    --thumb-size: calc(var(--lynk-toggle-size-medium) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--lynk-input-font-size-medium);
-  }
-
-  :host([size='large']) {
-    --height: var(--lynk-toggle-size-large);
-    --thumb-size: calc(var(--lynk-toggle-size-large) + 4px);
-    --width: calc(var(--height) * 2);
-
-    font-size: var(--lynk-input-font-size-large);
-  }
-
-  .switch {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--lynk-input-font-family);
-    font-size: inherit;
-    font-weight: var(--lynk-input-font-weight);
-    color: var(--lynk-input-color);
-    vertical-align: middle;
-    cursor: pointer;
-  }
-
-  .switch__control {
-    flex: 0 0 auto;
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--width);
-    height: var(--height);
-    background-color: var(--lynk-color-neutral-400);
-    border: solid var(--lynk-input-border-width) var(--lynk-color-neutral-400);
-    border-radius: var(--height);
-    transition:
-      var(--lynk-transition-fast) border-color,
-      var(--lynk-transition-fast) background-color;
-  }
-
-  .switch__control .switch__thumb {
-    width: var(--thumb-size);
-    height: var(--thumb-size);
-    background-color: var(--lynk-color-neutral-0);
-    border-radius: 50%;
-    border: solid var(--lynk-input-border-width) var(--lynk-color-neutral-400);
-    translate: calc((var(--width) - var(--height)) / -2);
-    transition:
-      var(--lynk-transition-fast) translate ease,
-      var(--lynk-transition-fast) background-color,
-      var(--lynk-transition-fast) border-color,
-      var(--lynk-transition-fast) box-shadow;
-  }
-
-  .switch__input {
-    position: absolute;
-    opacity: 0;
-    padding: 0;
-    margin: 0;
-    pointer-events: none;
-  }
-
-  /* Hover */
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {
-    background-color: var(--lynk-color-neutral-400);
-    border-color: var(--lynk-color-neutral-400);
-  }
-
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover .switch__thumb {
-    background-color: var(--lynk-color-neutral-0);
-    border-color: var(--lynk-color-neutral-400);
-  }
-
-  /* Focus */
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--lynk-color-neutral-400);
-    border-color: var(--lynk-color-neutral-400);
-  }
-
-  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
-    background-color: var(--lynk-color-neutral-0);
-    border-color: var(--lynk-color-primary-600);
-    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
-  }
-
-  /* Checked  */
-  .switch--checked .switch__control {
-    background-color: var(--lynk-color-primary-600);
-    border-color: var(--lynk-color-primary-600);
-  }
-
-  .switch--checked .switch__control .switch__thumb {
-    background-color: var(--lynk-color-neutral-0);
-    border-color: var(--lynk-color-primary-600);
-    translate: calc((var(--width) - var(--height)) / 2);
-  }
-
-  /* Checked + hover */
-  .switch.switch--checked:not(.switch--disabled) .switch__control:hover {
-    background-color: var(--lynk-color-primary-600);
-    border-color: var(--lynk-color-primary-600);
-  }
-
-  .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {
-    background-color: var(--lynk-color-neutral-0);
-    border-color: var(--lynk-color-primary-600);
-  }
-
-  /* Checked + focus */
-  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--lynk-color-primary-600);
-    border-color: var(--lynk-color-primary-600);
-  }
-
-  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {
-    background-color: var(--lynk-color-neutral-0);
-    border-color: var(--lynk-color-primary-600);
-    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
-  }
-
-  /* Success + Checked */
-  .switch--checked.switch--success .switch__control {
-    background-color: var(--lynk-color-success);
-    border-color: var(--lynk-color-success);
-  }
-
-  .switch--checked.switch--success .switch__control .switch__thumb {
-    border-color: var(--lynk-color-success);
-  }
-
-  /* Success + Checked + hover */
-  .switch.switch--success.switch--checked:not(.switch--disabled) .switch__control:hover {
-    background-color: var(--lynk-color-success);
-    border-color: var(--lynk-color-success);
-  }
-
-  .switch.switch--success.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {
-    border-color: var(--lynk-color-success);
-  }
-
-  /* Success + Checked + focus */
-  .switch.switch--success.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--lynk-color-success);
-    border-color: var(--lynk-color-success);
-  }
-
-  .switch.switch--success.switch--checked:not(.switch--disabled)
-    .switch__input:focus-visible
-    ~ .switch__control
-    .switch__thumb {
-    border-color: var(--lynk-color-success);
-  }
-
-  /* Warning + Checked */
-  .switch--checked.switch--warning .switch__control {
-    background-color: var(--lynk-color-warning);
-    border-color: var(--lynk-color-warning);
-  }
-
-  .switch--checked.switch--warning .switch__control .switch__thumb {
-    border-color: var(--lynk-color-warning);
-  }
-
-  /* Warning + Checked + hover */
-  .switch.switch--warning.switch--checked:not(.switch--disabled) .switch__control:hover {
-    background-color: var(--lynk-color-warning);
-    border-color: var(--lynk-color-warning);
-  }
-
-  .switch.switch--warning.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {
-    border-color: var(--lynk-color-warning);
-  }
-
-  /* Warning + Checked + focus */
-  .switch.switch--warning.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--lynk-color-warning);
-    border-color: var(--lynk-color-warning);
-  }
-
-  .switch.switch--warning.switch--checked:not(.switch--disabled)
-    .switch__input:focus-visible
-    ~ .switch__control
-    .switch__thumb {
-    border-color: var(--lynk-color-warning);
-  }
-
-  /* Danger + Checked */
-  .switch--checked.switch--danger .switch__control {
-    background-color: var(--lynk-color-danger);
-    border-color: var(--lynk-color-danger);
-  }
-
-  .switch--checked.switch--danger .switch__control .switch__thumb {
-    border-color: var(--lynk-color-danger);
-  }
-
-  /* Danger + Checked + hover */
-  .switch.switch--danger.switch--checked:not(.switch--disabled) .switch__control:hover {
-    background-color: var(--lynk-color-danger);
-    border-color: var(--lynk-color-danger);
-  }
-
-  .switch.switch--danger.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {
-    border-color: var(--lynk-color-danger);
-  }
-
-  /* Danger + Checked + focus */
-  .switch.switch--danger.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--lynk-color-danger);
-    border-color: var(--lynk-color-danger);
-  }
-
-  .switch.switch--danger.switch--checked:not(.switch--disabled)
-    .switch__input:focus-visible
-    ~ .switch__control
-    .switch__thumb {
-    border-color: var(--lynk-color-danger);
-  }
-
-  /* Disabled */
-  .switch--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .switch__label {
-    display: inline-block;
-    line-height: var(--height);
-    margin-inline-start: 0.5em;
-    user-select: none;
-  }
-
-  :host([required]) .switch__label::after {
-    content: var(--lynk-input-required-content);
-    margin-inline-start: var(--lynk-input-required-content-offset);
-  }
-`;export{r as a};

package/cdn/chunks/chunk.NERJEI6J.js

@@ -1,150 +0,0 @@
-import{a as R}from"./chunk.3ENDMEN3.js";import{a as k}from"./chunk.C4SXASIG.js";import{c as H}from"./chunk.HUMDDNNQ.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.7AAFCBPI.js";import{a as M}from"./chunk.72D5Z5SR.js";import{a as q}from"./chunk.6QB5M6PK.js";import{a as z}from"./chunk.INLIQ7NZ.js";import{a as D}from"./chunk.DLBRTSPN.js";import{a as A}from"./chunk.SID2HG76.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 V}from"./chunk.YHSYTTFF.js";import{a as E}from"./chunk.Q3J7P2MZ.js";import{a as F}from"./chunk.Q5QEEGB3.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as T}from"./chunk.3RH6CRTR.js";import{a as h,b as d,d as m,g as _}from"./chunk.4D6MBWSA.js";import{a as $}from"./chunk.45RIPFQU.js";import{d as p}from"./chunk.QRMWQQRW.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};