@uplynk/lynk-design 1.16.0 → 1.17.0

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

@@ -1,122 +0,0 @@
-import{a as R}from"./chunk.KSNKFPX6.js";import{c as A}from"./chunk.HUMDDNNQ.js";import{a as k}from"./chunk.U4BP3OKF.js";import{a as z}from"./chunk.V2TEOZP6.js";import{a as H}from"./chunk.UGDEBMK6.js";import{a as C,d as w,e as P,f as S,h as B}from"./chunk.ELZUZC77.js";import{a as M}from"./chunk.MWCK56XI.js";import{a as D}from"./chunk.KSEBZT7R.js";import{a as L}from"./chunk.J5IIEY5B.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 _}from"./chunk.Q3J7P2MZ.js";import{a as $}from"./chunk.5FCGOT5T.js";import{a as V}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as I}from"./chunk.LUIZCMPE.js";import{a as h,b as d,d as c,g as T}from"./chunk.ODSBDO47.js";import{a as E}from"./chunk.6UGEFC7C.js";import{d as u}from"./chunk.OAB62Q2Y.js";import{e as s}from"./chunk.FI4IKBIW.js";var i=class extends T{constructor(){super(...arguments);this.formControlController=new F(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new V(this,"help-text","help-tip","label");this.localize=new _(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.required=!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)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){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.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=B(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 P(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&&((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}
-        .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--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}
-              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"}
-              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=[E,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,"required",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};

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

@@ -1 +0,0 @@
-import{a as n}from"./chunk.YHVMR6TT.js";var t=n;n.define("lynk-icon-button");export{t as a};

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

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

package/cdn/chunks/chunk.33VKBX66.js

@@ -1,21 +0,0 @@
-import{a as c}from"./chunk.FJGUQQAN.js";import{a as p}from"./chunk.YHVMR6TT.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as n}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.LUIZCMPE.js";import{a as l,g as i}from"./chunk.ODSBDO47.js";import{a}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends i{constructor(){super(...arguments);this.hasSlotController=new n(this,"prefix");this.localize=new m(this);this.color="default";this.appearance="outlined filled";this.size="medium";this.pill=!1;this.removable=!1;this.pulse=!1}set type(r){this.color=r==="text"?"default":r}get type(){return this.color==="default"?"text":this.color}set badge(r){r&&(this.appearance="loud")}handleRemoveClick(){this.emit("ev-remove")}render(){return o`
-      <span
-        part="base"
-        class=${s({tag:!0,"tag--tiny":this.size==="tiny","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large","tag--pill":this.pill,"tag--pulse":this.pulse,"tag--badge":this.badge,"tag--removable":this.removable})}
-      >
-        ${this.hasSlotController.test("prefix")?o`<slot name="prefix" part="prefix" class="tag__prefix"></slot>`:""}
-        <slot part="content" class="tag__content"></slot>
-
-        ${this.removable?o`
-              <lynk-icon-button
-                part="remove-button"
-                exportparts="base:remove-button__base"
-                name="x"
-                library="system"
-                label=${this.localize.term("remove")}
-                class="tag__remove"
-                @click=${this.handleRemoveClick}
-              ></lynk-icon-button>
-            `:""}
-      </span>
-    `}};e.styles=[a,c],e.dependencies={"lynk-icon-button":p},t([l({reflect:!0})],e.prototype,"color",2),t([l()],e.prototype,"type",1),t([l({reflect:!0})],e.prototype,"appearance",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([l({type:Boolean})],e.prototype,"removable",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pulse",2),t([l({type:Boolean})],e.prototype,"badge",1);export{e as a};

package/cdn/chunks/chunk.36TNLKB5.js

@@ -1,176 +0,0 @@
-import{a as o}from"./chunk.OAB62Q2Y.js";var r=o`
-  :host {
-    --shadow-color: var(--lynk-color-black);
-    --shadow-size: 2rem;
-
-    /* private (defined dynamically) */
-    --start-shadow-opacity: 0;
-    --end-shadow-opacity: 0;
-
-    display: block;
-    position: relative;
-    max-width: 100%;
-    isolation: isolate;
-    overflow: hidden;
-  }
-
-  :host([orientation='vertical']) {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-
-  #content {
-    z-index: 1; /* below shadows */
-    border-radius: inherit;
-    scroll-behavior: smooth;
-    scrollbar-width: thin;
-    scrollbar-color: var(--lynk-color-neutral-400) transparent;
-    scrollbar-gutter: stable;
-
-    /* Prevent text in mobile Safari from being larger when the container width larger than the viewport */
-    -webkit-text-size-adjust: 100%;
-
-    /* Webkit scrollbar styles for overlay appearance */
-    &::-webkit-scrollbar {
-      width: 8px;
-      height: 8px;
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-track {
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: var(--lynk-color-neutral-400);
-      border-radius: 4px;
-      border: 1px solid transparent;
-      background-clip: content-box;
-    }
-
-    &::-webkit-scrollbar-thumb:hover {
-      background: var(--lynk-color-neutral-500);
-      background-clip: content-box;
-    }
-
-    &::-webkit-scrollbar-corner {
-      background: transparent;
-    }
-
-    &:focus {
-      outline: none;
-    }
-
-    &:focus-visible {
-      outline: var(--lynk-focus-ring);
-      outline-offset: var(--lynk-focus-ring-offset);
-    }
-  }
-
-  :host([without-scrollbar]) #content {
-    scrollbar-width: none;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  :host([orientation='horizontal']) #content {
-    overflow-x: overlay;
-    overflow-y: hidden;
-  }
-
-  :host([orientation='vertical']) #content {
-    flex: 1 1 auto;
-    min-height: 0; /* This is crucial for flex children to respect overflow */
-    overflow-x: hidden;
-    overflow-y: overlay;
-  }
-
-  /* Fallback for browsers that don't support overlay */
-  @supports not (overflow: overlay) {
-    :host([orientation='horizontal']) #content {
-      overflow-x: auto;
-    }
-
-    :host([orientation='vertical']) #content {
-      overflow-y: auto;
-    }
-  }
-
-  /* Horizontal shadows */
-  :host([orientation='horizontal']) {
-    #start-shadow,
-    #end-shadow {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      width: var(--shadow-size);
-      pointer-events: none;
-    }
-
-    #start-shadow {
-      opacity: var(--start-shadow-opacity);
-    }
-
-    #end-shadow {
-      opacity: var(--end-shadow-opacity);
-    }
-
-    #start-shadow {
-      &:dir(ltr) {
-        left: 0;
-        background: linear-gradient(to right, var(--shadow-color), transparent 100%);
-      }
-
-      &:dir(rtl) {
-        right: 0;
-        background: linear-gradient(to left, var(--shadow-color), transparent 100%);
-      }
-    }
-
-    #end-shadow {
-      &:dir(ltr) {
-        right: 0;
-        background: linear-gradient(to left, var(--shadow-color), transparent 100%);
-      }
-
-      &:dir(rtl) {
-        left: 0;
-        background: linear-gradient(to right, var(--shadow-color), transparent 100%);
-      }
-    }
-  }
-
-  /* Vertical shadows */
-  :host([orientation='vertical']) {
-    #start-shadow,
-    #end-shadow {
-      position: absolute;
-      z-index: 2;
-      right: 0;
-      left: 0;
-      height: var(--shadow-size);
-      pointer-events: none;
-    }
-
-    #start-shadow {
-      opacity: var(--start-shadow-opacity);
-    }
-
-    #end-shadow {
-      opacity: var(--end-shadow-opacity);
-    }
-
-    #start-shadow {
-      top: 0;
-      background: linear-gradient(to bottom, var(--shadow-color), transparent 100%);
-    }
-
-    #end-shadow {
-      bottom: 0;
-      background: linear-gradient(to top, var(--shadow-color), transparent 100%);
-    }
-  }
-`;export{r as a};

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

@@ -1,9 +0,0 @@
-import{a}from"./chunk.T6Q56ZGR.js";import{a as d}from"./chunk.KVURF5IX.js";import{d as h}from"./chunk.HUMDDNNQ.js";import{a as m}from"./chunk.YHSYTTFF.js";import{a as n}from"./chunk.LUIZCMPE.js";import{a as l,d as s,g as i}from"./chunk.ODSBDO47.js";import{a as p}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as r}from"./chunk.FI4IKBIW.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new m(this,"header");this.width="fluid"}scrollToTop(){let e=this.hasParentLayout()?this.parentElement.renderRoot.querySelector(".page__main"):h(this.pageContent);e&&e.scrollTo({top:0,behavior:"smooth"})}hasParentLayout(){return this.parentElement instanceof a}render(){return o`
-      <div
-        part="base"
-        class=${n({"page-content":!0,"page-content--auto":this.width==="auto","page-content--sm":this.width==="small","page-content--md":this.width==="medium","page-content--lg":this.width==="large","page-content--xl":this.width==="x-large","page-content--xxl":this.width==="2x-large","page-content--fluid":this.width==="fluid","page-content--has-header":this.hasSlotController.test("header")})}
-      >
-        ${this.hasSlotController.test("header")?o`<slot name="header" part="header" class="page-content__header"></slot>`:""}
-        <slot part="main" class="page-content__main"></slot>
-      </div>
-    `}};t.styles=[p,d],t.dependencies={"lynk-page":a},r([l({reflect:!0})],t.prototype,"width",2),r([s(".page-content")],t.prototype,"pageContent",2);export{t as a};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-import{a as e}from"./chunk.2RR5D7EA.js";var n=e;e.define("lynk-intersection-observer");export{n as a};

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

@@ -1 +0,0 @@
-import{a as m}from"./chunk.JTBUWYUM.js";import{g as r}from"./chunk.ODSBDO47.js";import{a as e}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";var t=class extends r{render(){return o` <slot></slot> `}};t.styles=[e,m];export{t as a};

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

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

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

@@ -1,109 +0,0 @@
-import{a as A}from"./chunk.HNHDLBPG.js";import{a as E}from"./chunk.MWCK56XI.js";import{a as F}from"./chunk.5TIRFYB3.js";import{a as V}from"./chunk.LT2ADERP.js";import{b as T}from"./chunk.V7E6ITFP.js";import{a as S}from"./chunk.Q3J7P2MZ.js";import{a as M}from"./chunk.PGNVXJKR.js";import{a as k}from"./chunk.YHSYTTFF.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as x}from"./chunk.LUIZCMPE.js";import{a as r,b,d,g as w}from"./chunk.ODSBDO47.js";import{a as _}from"./chunk.6UGEFC7C.js";import{d as a}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends w{constructor(){super(...arguments);this.formControlController=new T(this);this.hasSlotController=new k(this,"help-text","help-tip","label","prefix","suffix","reference");this.localize=new S(this);this.isDragging=!1;this.valueHasChanged=!1;this.hasFocus=!1;this.hasTooltip=!1;this.name="";this.label="";this.minValue=0;this.maxValue=50;this.defaultValue=this.getAttribute("value")===null?this.minValue:Number(this.getAttribute("value"));this._value=this.defaultValue;this.range=!1;this.helpText="";this.helpTip="";this.size="medium";this.state="default";this.disabled=!1;this.readonly=!1;this.dirty=!1;this.orientation="horizontal";this.min=0;this.max=100;this.step=1;this.ticks=[];this.withMarkers=!1;this.tooltip="top";this.tooltipFormatter=t=>t.toString();this.form=""}get value(){var t;return this.valueHasChanged?this._value:(t=this._value)!=null?t:this.defaultValue}set value(t){let s=Number(t);t=isNaN(s)?this.minValue:s,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get isRange(){return this.range}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.syncRange()),this.value<this.min&&(this.value=this.min),this.value>this.max&&(this.value=this.max),this.updateComplete.then(()=>{this.syncRange(),this.resizeObserver.observe(this.wrapper)})}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this.wrapper)}handleWrapperPointerDown(t){var n,p;if(this.disabled||this.readonly||t.button!==0)return;t.preventDefault(),this.trackRect=this.wrapper.getBoundingClientRect(),this.valueOnDragStart=this.value,this.internalValue=this.value,this.isDragging=!0,this.hasTooltip=!0,(n=this.tooltipElement)==null||n.show(),(p=this.thumb)==null||p.focus(),this.setValueFromClientCoordinates(t.clientX,t.clientY);let s=h=>{this.setValueFromClientCoordinates(h.clientX,h.clientY)},l=()=>{var h;document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",l),this.isDragging=!1,this.internalValue!==this.value&&(this.value=this.internalValue,this.input&&(this.input.value=this.internalValue.toString()),this.emit("ev-input")),this.hasTooltip=!1,(h=this.tooltipElement)==null||h.hide(),this.value!==this.valueOnDragStart&&this.emit("ev-change")};document.addEventListener("pointermove",s,{passive:!0}),document.addEventListener("pointerup",l)}handleBlur(){this.hasFocus=!1,this.hasTooltip=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleKeyDown(t){if(this.disabled)return;let s=this.orientation==="vertical",l=this.localize.dir()==="rtl",n=this.step||1;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)&&(t.preventDefault(),t.key==="Home"?this.value=this.min:t.key==="End"?this.value=this.max:t.key==="ArrowLeft"&&!l&&!s||t.key==="ArrowRight"&&l&&!s||t.key==="ArrowDown"&&s?this.value=Math.max(this.min,this.value-n):(t.key==="ArrowRight"&&!l&&!s||t.key==="ArrowLeft"&&l&&!s||t.key==="ArrowUp"&&s)&&(this.value=Math.min(this.max,this.value+n)),this.emit("ev-input"),this.emit("ev-change"))}clampAndRoundToStep(t){let s=(String(this.step).split(".")[1]||"").replace(/0+$/g,"").length;return t=Math.round(t/this.step)*this.step,t=Math.max(this.min,Math.min(this.max,t)),parseFloat(t.toFixed(s))}setValueFromClientCoordinates(t,s){var C;let l=this.orientation==="vertical",n=this.localize.dir()==="rtl",{top:p,bottom:h,left:g,right:o,height:f,width:u}=this.trackRect,c=l?s:t,D=l?p:g,$=l?h:o,z=l?f:u,P=l||n?$-c:c-D,O=Math.max(0,Math.min(1,P/z)),m=this.clampAndRoundToStep(this.min+(this.max-this.min)*O);if(this.internalValue!==m)if(this.internalValue=m,this.isDragging){let y=this.max-this.min,U=y>0?Math.max(0,Math.min(1,(m-this.min)/y)):0;this.wrapper.style.setProperty("--percent",`${U*100}%`),(C=this.thumb)==null||C.setAttribute("aria-valuenow",m.toString()),this.tooltipElement&&(this.tooltipElement.content=typeof this.tooltipFormatter=="function"?this.tooltipFormatter(m):m.toString())}else this.value=m,this.emit("ev-input")}handleTickClick(t,s){this.disabled||this.readonly||(t.stopPropagation(),this.value=s.value,this.emit("ev-input"),this.emit("ev-change"))}syncProgress(t){var s;(s=this.wrapper)==null||s.style.setProperty("--percent",`${t*100}%`)}valueToPercent(t){return(t-this.min)*100/(this.max-this.min)}handleValueChange(){this.isDragging||(this.formControlController.updateValidity(),this.input&&(this.input.value=this.value.toString()),this.syncRange())}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRangePropertiesChange(){this.syncRange()}syncRange(){let t=this.max-this.min,s=t>0?Math.max(0,Math.min(1,(this.value-this.min)/t)):0;this.syncProgress(s)}focus(t){var s;(s=this.thumb)==null||s.focus(t)}blur(){var t;(t=this.thumb)==null||t.blur()}stepUp(){let t=this.step||1;this.value=Math.min(this.max,this.value+t),this.emit("ev-input"),this.emit("ev-change")}stepDown(){let t=this.step||1;this.value=Math.max(this.min,this.value-t),this.emit("ev-input"),this.emit("ev-change")}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("ticks"),s=this.ticks.length?!0:!!t,l=this.hasSlotController.test("prefix"),n=this.hasSlotController.test("suffix"),p=a`
-      <div
-        part="thumb"
-        class="range__thumb"
-        role="slider"
-        tabindex=${this.disabled?"-1":"0"}
-        aria-label=${this.label||"Range"}
-        aria-valuemin=${this.min}
-        aria-valuemax=${this.max}
-        aria-valuenow=${this.value}
-        aria-disabled=${this.disabled?"true":"false"}
-        aria-orientation=${this.orientation}
-        @keydown=${this.handleKeyDown}
-        @focus=${this.handleFocus}
-        @blur=${this.handleBlur}
-      ></div>
-    `,h=[];if(this.withMarkers&&this.step>0&&Math.floor((this.max-this.min)/this.step)+1<=1e3)for(let u=this.min;u<=this.max;u+=this.step)h.push(this.valueToPercent(u));let g=this.withMarkers?a`
-          <div class="range__markers" part="markers">
-            ${h.map(o=>a`<span part="marker" class="range__marker" style="--position: ${o}%"></span>`)}
-          </div>
-        `:"";return a`
-      <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}
-        .focused=${this.hasFocus}
-        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
-        ?data-user-valid=${this.hasAttribute("data-user-valid")}
-        ?data-invalid=${this.hasAttribute("data-invalid")}
-        ?data-valid=${this.hasAttribute("data-valid")}
-      >
-        ${this.hasSlotController.test("label")?a`<slot name="label" slot="label"></slot>`:""}
-        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
-        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
-
-        <div
-          part="base"
-          class=${x({range:!0,"range--disabled":this.disabled,"range--readonly":this.readonly,"range--focused":this.hasFocus,"range--vertical":this.orientation==="vertical","range--rtl":this.localize.dir()==="rtl","range--tooltip-visible":this.hasTooltip,"range--tooltip-top":this.tooltip==="top","range--tooltip-bottom":this.tooltip==="bottom","range--has-prefix":l,"range--has-suffix":n})}
-        >
-          <input
-            type="range"
-            class="range__native-input"
-            name=${M(this.name)}
-            min=${this.min}
-            max=${this.max}
-            step=${this.step}
-            ?disabled=${this.disabled}
-            .value=${V(this.value.toString())}
-            tabindex="-1"
-            aria-hidden="true"
-          />
-
-          ${l?a`
-                <span part="prefix" class="range__prefix">
-                  <slot name="prefix"></slot>
-                </span>
-              `:""}
-
-          <div part="wrapper" class="range__wrapper" @pointerdown=${this.handleWrapperPointerDown}>
-            <div part="track" class="range__track">
-              <div part="track-active" class="range__track-active"></div>
-              ${g}
-            </div>
-            ${this.tooltip!=="none"&&!this.disabled?a`
-                  <lynk-tooltip
-                    .content=${typeof this.tooltipFormatter=="function"?this.tooltipFormatter(this.value):this.value.toString()}
-                    .placement=${this.orientation==="vertical"?this.tooltip==="top"?"right":"left":this.tooltip}
-                    .distance=${8}
-                    trigger="manual"
-                    ?open=${this.hasTooltip}
-                    hoist
-                  >
-                    ${p}
-                  </lynk-tooltip>
-                `:a` ${p} `}
-          </div>
-
-          ${n?a`
-                <span part="suffix" class="range__suffix">
-                  <slot name="suffix"></slot>
-                </span>
-              `:""}
-          ${s?a`
-                <div part="ticks" class="range__ticks" aria-hidden=${this.ticks.length?"false":"true"}>
-                  <slot name="ticks">
-                    ${this.ticks.length?a`
-                          ${this.ticks.filter(o=>o.value>=this.min&&o.value<=this.max).map(o=>{let f=this.valueToPercent(o.value),u=o.selected&&typeof o.selected=="boolean"?o.selected:!1;return a`
-                                <div
-                                  class=${x({range__tick:!0,"range__tick--selected":u})}
-                                  style="--offset: ${f}%"
-                                  @click=${c=>this.handleTickClick(c,o)}
-                                >
-                                  ${o.label?a` <span class="range__tick-label"> ${o.label} </span> `:""}
-                                </div>
-                              `})}
-                        `:""}
-                  </slot>
-                </div>
-              `:""}
-          ${this.hasSlotController.test("reference")?a`
-                <div part="references" class="range__references">
-                  <slot name="reference"></slot>
-                </div>
-              `:""}
-        </div>
-      </lynk-form-field>
-    `}};e.styles=[_,A],e.dependencies={"lynk-form-field":E,"lynk-tooltip":F},i([d(".range__wrapper")],e.prototype,"wrapper",2),i([d(".range__thumb")],e.prototype,"thumb",2),i([d("lynk-tooltip")],e.prototype,"tooltipElement",2),i([d(".range__native-input")],e.prototype,"input",2),i([b()],e.prototype,"hasFocus",2),i([b()],e.prototype,"hasTooltip",2),i([r()],e.prototype,"name",2),i([r()],e.prototype,"label",2),i([r({type:Number,attribute:"min-value"})],e.prototype,"minValue",2),i([r({type:Number,attribute:"max-value"})],e.prototype,"maxValue",2),i([r({attribute:"value",reflect:!0,type:Number})],e.prototype,"defaultValue",2),i([b()],e.prototype,"value",1),i([r({type:Boolean,reflect:!0})],e.prototype,"range",2),i([r({attribute:"help-text"})],e.prototype,"helpText",2),i([r({attribute:"help-tip"})],e.prototype,"helpTip",2),i([r({reflect:!0})],e.prototype,"size",2),i([r({reflect:!0})],e.prototype,"state",2),i([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([r({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([r({reflect:!0})],e.prototype,"orientation",2),i([r({type:Number})],e.prototype,"min",2),i([r({type:Number})],e.prototype,"max",2),i([r({type:Number})],e.prototype,"step",2),i([r({type:Array})],e.prototype,"ticks",2),i([r({attribute:"with-markers",type:Boolean})],e.prototype,"withMarkers",2),i([r()],e.prototype,"tooltip",2),i([r({attribute:!1})],e.prototype,"tooltipFormatter",2),i([r({reflect:!0})],e.prototype,"form",2),i([v("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),i([v("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([v(["min","max","step"],{waitUntilFirstUpdate:!0})],e.prototype,"handleRangePropertiesChange",1),i([v("hasTooltip",{waitUntilFirstUpdate:!0})],e.prototype,"syncRange",1);export{e as a};