@uplynk/lynk-design 1.15.0 → 1.17.0

package/cdn/chunks/chunk.EPZLQ3DI.js

@@ -0,0 +1,53 @@
+import{a as v}from"./chunk.K35D2NVN.js";import{a as b}from"./chunk.UE5AKNX6.js";import{a as y}from"./chunk.YGKL27T3.js";import{a as m}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.3RH6CRTR.js";import{a as i,b as d,d as u,g as f}from"./chunk.OIRZUCYP.js";import{a as p}from"./chunk.45RIPFQU.js";import{d as r}from"./chunk.QRMWQQRW.js";import{e as o}from"./chunk.FI4IKBIW.js";var e=class extends f{constructor(){super(...arguments);this.hasSlotController=new m(this,"help-text","help-tip","label");this.hasFocus=!1;this.state="default";this.size="medium";this.label="";this.id="";this.helpText="";this.helpTip="";this.required=!1;this.optional=!1;this.readonly=!1;this.dirty=!1;this.focused=!1;this.inline=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.addOpenListeners()}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleLabelClick(){this.focus()}handleDefaultSlotChange(){let t=this.querySelector("input, textarea, select");t&&!t.getAttribute("data-form-field-listeners")&&(t.addEventListener("focus",()=>{this.hasFocus=!0}),t.addEventListener("blur",()=>{this.hasFocus=!1}),t.setAttribute("data-form-field-listeners","true")),this.querySelectorAll("lynk-checkbox, lynk-switch").forEach(l=>{let n=l;n.getAttribute("data-form-field-listeners")||(l.addEventListener("ev-focus",()=>{this.hasFocus=!0}),l.addEventListener("ev-blur",()=>{this.hasFocus=!1}),n.setAttribute("data-form-field-listeners","true"))})}handleDocumentKeyDown(t){t.key==="Tab"&&setTimeout(()=>{var l,n,a;let s=((l=this.containingElement)==null?void 0:l.getRootNode())instanceof ShadowRoot?(a=(n=document.activeElement)==null?void 0:n.shadowRoot)==null?void 0:a.activeElement:document.activeElement;(!this.containingElement||(s==null?void 0:s.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.blur()})}handleDocumentMouseDown(t){let s=t.composedPath();this&&this.containingElement&&!s.includes(this.containingElement)&&this.blur()}focus(t){let s=this.querySelectorAll("lynk-radio, lynk-radio-button, lynk-input, lynk-textarea, lynk-select, lynk-combobox, lynk-date-picker, lynk-time-picker, lynk-date-time-picker, lynk-checkbox, lynk-switch, input:not([hidden]), textarea:not([hidden]), select:not([hidden])");for(let a of s){let c=a;if(typeof c.focus=="function"){c.focus(t);return}}let l=this.getRootNode(),n=null;if(l instanceof ShadowRoot){let a=l.host;a.tagName.toLowerCase()==="lynk-radio-group"&&(n=a)}else{let a=this.closest("lynk-radio-group");a&&(n=a)}n&&typeof n.focus=="function"&&n.focus(t)}blur(){var l;let t=(l=this.defaultSlot)==null?void 0:l.assignedElements({flatten:!0}),s=t==null?void 0:t[0];s&&typeof s.blur=="function"&&s.blur()}render(){let t=this.hasSlotController.test("label"),s=this.hasSlotController.test("help-text"),l=this.hasSlotController.test("help-tip"),n=this.label?!0:!!t,a=this.helpText?!0:!!s,c=this.helpTip?!0:!!l;return r`
+      <fieldset
+        part="base"
+        class=${h({"form-field":!0,"form-field--small":this.size==="small","form-field--medium":this.size==="medium","form-field--large":this.size==="large","form-field--has-label":n,"form-field--has-help-text":a,"form-field--has-error":this.state==="error","form-field--has-warning":this.state==="warning","form-field--has-success":this.state==="success","form-field--focused":this.focused||this.hasFocus,"form-field--inline":this.inline})}
+      >
+        <label
+          id="label"
+          part="label"
+          class=${h({"form-field__label":!0})}
+          aria-hidden=${n?"false":"true"}
+          @click=${this.handleLabelClick}
+        >
+          <slot name="label">${this.label}</slot>
+
+          ${this.required?r` <small>(required)</small> `:""}
+          ${this.optional?r` <small>(optional)</small> `:""}
+          ${this.readonly?r`
+                <lynk-tooltip content="Read only" hoist>
+                  <lynk-icon style="font-size: 14px;" name="lock" library="system"></lynk-icon>
+                </lynk-tooltip>
+              `:""}
+          ${c?r`
+                <lynk-tooltip hoist>
+                  <div slot="content">
+                    <slot name="help-tip">${this.helpTip}</slot>
+                  </div>
+                  <lynk-icon style="font-size: 11px;" name="question-fill" library="system"></lynk-icon>
+                </lynk-tooltip>
+              `:""}
+          ${this.dirty?r`
+                <span part="dirty-indicator" class="form-field__dirty-indicator">
+                  <slot name="dirty-indicator">
+                    <lynk-tooltip content="Modified" hoist>
+                      <lynk-icon name="transfer" library="system"></lynk-icon> </lynk-tooltip
+                  ></slot>
+                </span>
+              `:""}
+        </label>
+
+        <div part="control-wrapper" class="form-field__control-wrapper">
+          <slot part="control" class="form-field__control" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+          <div
+            part="help-text"
+            id="help-text"
+            class="form-field__help-text"
+            aria-hidden=${a?"false":"true"}
+          >
+            <slot name="help-text">${this.helpText}</slot>
+          </div>
+        </div>
+      </fieldset>
+    `}};e.styles=[p,v],e.dependencies={"lynk-icon":y,"lynk-tooltip":b},o([u("slot:not([name])")],e.prototype,"defaultSlot",2),o([d()],e.prototype,"hasFocus",2),o([i({attribute:!1})],e.prototype,"containingElement",2),o([i({reflect:!0})],e.prototype,"state",2),o([i({reflect:!0})],e.prototype,"size",2),o([i()],e.prototype,"label",2),o([i()],e.prototype,"id",2),o([i({attribute:"help-text"})],e.prototype,"helpText",2),o([i({attribute:"help-tip"})],e.prototype,"helpTip",2),o([i({type:Boolean,reflect:!0})],e.prototype,"required",2),o([i({type:Boolean,reflect:!0})],e.prototype,"optional",2),o([i({type:Boolean,reflect:!0})],e.prototype,"readonly",2),o([i({type:Boolean,reflect:!0})],e.prototype,"dirty",2),o([i({type:Boolean,reflect:!0})],e.prototype,"focused",2),o([i({type:Boolean,reflect:!0})],e.prototype,"inline",2);export{e as a};

package/cdn/chunks/chunk.EQPD2VJK.js

@@ -0,0 +1,5 @@
+import{a as o}from"./chunk.QRMWQQRW.js";var t=o`
+  :host {
+    display: block;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.ETREGBBN.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk.EQPD2VJK.js";import{a as p}from"./chunk.HTR3JNBD.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as i,g as m}from"./chunk.OIRZUCYP.js";import{a as l}from"./chunk.45RIPFQU.js";import{d as a}from"./chunk.QRMWQQRW.js";import{e as o}from"./chunk.FI4IKBIW.js";var e=class extends m{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(t){let r=document.createElement("script");[...t.attributes].forEach(s=>r.setAttribute(s.name,s.value)),r.textContent=t.textContent,t.parentNode.replaceChild(r,t)}async handleSrcChange(){try{let t=this.src,r=await p(t,this.mode);if(t!==this.src)return;if(!r.ok){this.emit("ev-error",{detail:{status:r.status}});return}this.innerHTML=r.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(s=>this.executeScript(s)),this.emit("ev-load")}catch(t){this.emit("ev-error",{detail:{status:-1}})}}render(){return a`<slot></slot>`}};e.styles=[l,n],o([i()],e.prototype,"src",2),o([i()],e.prototype,"mode",2),o([i({attribute:"allow-scripts",type:Boolean})],e.prototype,"allowScripts",2),o([c("src")],e.prototype,"handleSrcChange",1);export{e as a};

package/cdn/chunks/chunk.ETZY7CIP.js

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

package/cdn/chunks/chunk.EXNADXD7.js

@@ -0,0 +1,18 @@
+import{a as h}from"./chunk.MK3KXUWQ.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a as t,b as s,g as a}from"./chunk.OIRZUCYP.js";import{a as o}from"./chunk.45RIPFQU.js";import{d as r}from"./chunk.QRMWQQRW.js";import{e}from"./chunk.FI4IKBIW.js";var i=class extends a{constructor(){super(...arguments);this.hasError=!1;this.image="";this.label="";this.initials="";this.loading="eager";this.shape="circle"}handleImageChange(){this.hasError=!1}handleImageLoadError(){this.hasError=!0,this.emit("ev-error")}render(){let n=r`
+      <img
+        part="image"
+        class="image"
+        src="${this.image}"
+        loading="${this.loading}"
+        alt=${this.label}
+        @error="${this.handleImageLoadError}"
+      />
+    `,l=r``;return this.initials?l=r`<div part="initials" class="initials" role="img" aria-label=${this.label}>
+        ${this.initials}
+      </div>`:l=r`
+        <div part="icon" class="icon" role="img" aria-label=${this.label}>
+          <slot name="icon">
+            <lynk-icon name="person-fill" library="system"></lynk-icon>
+          </slot>
+        </div>
+      `,r` ${this.image&&!this.hasError?n:l} `}};i.styles=[o,h],e([s()],i.prototype,"hasError",2),e([t()],i.prototype,"image",2),e([t()],i.prototype,"label",2),e([t()],i.prototype,"initials",2),e([t()],i.prototype,"loading",2),e([t({reflect:!0})],i.prototype,"shape",2),e([m("image")],i.prototype,"handleImageChange",1);export{i as a};

package/cdn/chunks/chunk.EYQ6AEGZ.js

@@ -0,0 +1,62 @@
+import{a as b}from"./chunk.LIFLCGJ5.js";import{a as f}from"./chunk.7LRFGSYI.js";import{a as m}from"./chunk.UE5AKNX6.js";import{a as g}from"./chunk.B6QLXA4E.js";import{a as l}from"./chunk.KLRPP4NQ.js";import{a as d}from"./chunk.Q3J7P2MZ.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as r}from"./chunk.3RH6CRTR.js";import{a as i,d as o,g as n}from"./chunk.OIRZUCYP.js";import{a as h}from"./chunk.45RIPFQU.js";import{d as s}from"./chunk.QRMWQQRW.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"footer","header","heading","header-actions");this.localize=new d(this);this.open=!1;this.placement="left";this.toggle="none";this.togglePlacement="top";this.toggleTipHideText="Hide Sidebar";this.toggleTipShowText="Show Sidebar"}connectedCallback(){super.connectedCallback(),!this.slot&&this.hasParentLayout()&&(this.slot=`${this.placement}-sidebar`),this.toggle==="none"&&(this.open=!0)}firstUpdated(){this.updateVisibility()}async show(){if(!this.open)return this.open=!0,l(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,l(this,"ev-after-hide")}hasParentLayout(){return this.parentElement instanceof f}handleToggleClick(){this.open?this.hide():this.show()}updateVisibility(){this.toggle==="visibility"&&(this.sidebar.hidden=!this.open),this.toggle==="contents"&&(this.tooltip.hide(),this.body.hidden=!this.open,this.header.hidden=!this.open,this.footer.hidden=!this.open)}handleOpenChange(){this.open?(this.emit("ev-show"),this.updateVisibility(),this.emit("ev-after-show")):(this.emit("ev-hide"),this.updateVisibility(),this.emit("ev-after-hide"))}render(){let a=!!this.heading;return s`
+      <aside
+        part="base"
+        class=${r({"page-sidebar":!0,"page-sidebar--open":this.open,"page-sidebar--left":this.placement==="left","page-sidebar--right":this.placement==="right","page-sidebar--left-inset":this.placement==="left-inset","page-sidebar--right-inset":this.placement==="right-inset","page-sidebar--rtl":this.localize.dir()==="rtl","page-sidebar--has-header":this.hasSlotController.test("header")||this.hasSlotController.test("heading")||this.hasSlotController.test("header-actions")||a,"page-sidebar--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <slot name="nav" part="nav" class="page-sidebar__nav"></slot>
+        <div part="container" class="page-sidebar__container">
+          <header part="header" class="page-sidebar__header">
+            <slot name="header">
+              <h2 part="title" class="page-sidebar__title" id="title">
+                <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                <slot name="heading">
+                  ${this.heading&&this.heading.length>0?this.heading:"\uFEFF"}
+                </slot>
+              </h2>
+              <div part="header-actions" class="page-sidebar__header-actions">
+                <slot name="header-actions">
+                  ${this.toggle==="visibility"?s`
+                        <lynk-button
+                          part="close-button"
+                          size="tiny"
+                          circle
+                          label=${this.localize.term("close")}
+                          @click=${this.handleToggleClick}
+                        >
+                          <lynk-icon library="system" name="x-lg"></lynk-icon>
+                        </lynk-button>
+                      `:""}
+                </slot>
+              </div>
+            </slot>
+          </header>
+
+          <slot part="body" class="page-sidebar__body"></slot>
+
+          <footer part="footer" class="page-sidebar__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+
+        ${this.toggle==="contents"?s`
+              <lynk-tooltip
+                hoist
+                placement="bottom"
+                class="page-sidebar__trigger-tooltip"
+                content="${this.open?this.toggleTipHideText:this.toggleTipShowText}"
+              >
+                <lynk-button
+                  part="close-button"
+                  size="tiny"
+                  circle
+                  exportparts="base:close-button__base"
+                  class=${r({"page-sidebar__toggle":!0,"page-sidebar__toggle--center":this.togglePlacement==="center","page-sidebar__toggle--bottom":this.togglePlacement==="bottom","page-sidebar__toggle--hidden":this.togglePlacement==="hidden"})}
+                  label=${this.localize.term("close")}
+                  @click=${this.handleToggleClick}
+                >
+                  <lynk-icon library="system" name="${this.open?"chevron-left":"chevron-right"}"></lynk-icon>
+                </lynk-button>
+              </lynk-tooltip>
+            `:""}
+      </aside>
+    `}};t.styles=[h,b],t.dependencies={"lynk-button":g,"lynk-tooltip":m},e([o(".page-sidebar")],t.prototype,"sidebar",2),e([o(".page-sidebar__container")],t.prototype,"container",2),e([o(".page-sidebar__body")],t.prototype,"body",2),e([o(".page-sidebar__header")],t.prototype,"header",2),e([o(".page-sidebar__footer")],t.prototype,"footer",2),e([o(".page-sidebar__trigger-tooltip")],t.prototype,"tooltip",2),e([i({type:Boolean,reflect:!0})],t.prototype,"open",2),e([i({reflect:!0})],t.prototype,"heading",2),e([i({reflect:!0})],t.prototype,"placement",2),e([i({reflect:!0})],t.prototype,"toggle",2),e([i({attribute:"toggle-placement",reflect:!0})],t.prototype,"togglePlacement",2),e([i({attribute:"toggle-tip-hide-text",reflect:!1})],t.prototype,"toggleTipHideText",2),e([i({attribute:"toggle-tip-show-text",reflect:!1})],t.prototype,"toggleTipShowText",2),e([c("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);export{t as a};

package/cdn/chunks/chunk.EZNKOVPZ.js

@@ -0,0 +1,112 @@
+import{a as A}from"./chunk.OE45WCDT.js";import{a as E}from"./chunk.EPZLQ3DI.js";import{a as F}from"./chunk.UE5AKNX6.js";import{a as V}from"./chunk.H732WUXS.js";import{b as T}from"./chunk.V7E6ITFP.js";import{a as k}from"./chunk.Q3J7P2MZ.js";import{a as M}from"./chunk.ZP7BBHMJ.js";import{a as S}from"./chunk.YHSYTTFF.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as $}from"./chunk.3RH6CRTR.js";import{a as r,b,d,g as w}from"./chunk.OIRZUCYP.js";import{a as _}from"./chunk.45RIPFQU.js";import{d as a}from"./chunk.QRMWQQRW.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 S(this,"help-text","help-tip","label","prefix","suffix","reference");this.localize=new k(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.optional=!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,x=l?h:o,z=l?f:u,P=l||n?x-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-readonly=${this.readonly?"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}
+        .readonly=${this.readonly}
+        .optional=${this.optional}
+        ?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=${$({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=${$({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({type:Boolean,reflect:!0})],e.prototype,"optional",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};

package/cdn/chunks/chunk.F3NVG5UA.js

@@ -0,0 +1,53 @@
+import{a as o}from"./chunk.QRMWQQRW.js";var l=o`
+  :host {
+    --display-divider: block;
+  }
+
+  .optgroup__divider {
+    --spacing: var(--lynk-spacing-x-small);
+
+    display: var(--display-divider);
+  }
+
+  .optgroup__label-container {
+    align-items: center;
+    box-sizing: border-box;
+    color: var(--lynk-color-neutral-500);
+    display: flex;
+    gap: var(--lynk-spacing-small);
+    min-height: var(--option-min-height, var(--lynk-input-height-medium));
+  }
+
+  /**
+   * Only show the label container when there is a label at all
+   */
+  .optgroup--has-prefix .optgroup__label-container,
+  .optgroup--has-label .optgroup__label-container,
+  .optgroup--has-suffix .optgroup__label-container {
+    padding: var(--option-padding, var(--lynk-spacing-small) var(--lynk-spacing-medium));
+  }
+
+  /**
+   * Format main label.
+   * Make sure this works for props and slotted content
+   */
+  .optgroup__label-content,
+  .optgroup__label::slotted(*) {
+    flex: 1;
+    font-size: var(--lynk-font-size-small);
+  }
+
+  /* Disabled Label */
+  .optgroup--is-disabled .optgroup__label-container {
+    opacity: var(--lynk-input-disabled-opacity);
+  }
+
+  .optgroup__prefix,
+  .optgroup__suffix {
+    font-size: var(--font-size-medium);
+  }
+
+  .optgroup__options ::slotted(lynk-option[hidden]) {
+    display: none;
+  }
+`;export{l as a};

package/cdn/chunks/chunk.F4B4Q6EC.js

@@ -0,0 +1,34 @@
+import{a as T}from"./chunk.LM65O2EI.js";import{a as S}from"./chunk.6S67HV2F.js";import{a as f}from"./chunk.FC4RDJJF.js";import{a as C}from"./chunk.Q3J7P2MZ.js";import{a as I}from"./chunk.ZP7BBHMJ.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a,d as x,g as w}from"./chunk.OIRZUCYP.js";import{a as E}from"./chunk.45RIPFQU.js";import{d as b}from"./chunk.QRMWQQRW.js";import{e as r}from"./chunk.FI4IKBIW.js";var z=()=>null,n=class extends w{constructor(){super(...arguments);this.isCollapsed=!1;this.localize=new C(this);this.positionBeforeCollapsing=0;this.savedPosition=null;this.position=50;this.vertical=!1;this.disabled=!1;this.snapValue="";this.snapFunction=z;this.snapThreshold=12}toSnapFunction(t){let e=t.split(" ");return({pos:i,size:s,snapThreshold:o,isRtl:h,vertical:u})=>{let d=i,p=Number.POSITIVE_INFINITY;return e.forEach(l=>{let c;if(l.startsWith("repeat(")){let g=t.substring(7,t.length-1),N=g.endsWith("%"),y=Number.parseFloat(g),P=N?s*(y/100):y;c=Math.round((h&&!u?s-i:i)/P)*P}else l.endsWith("%")?c=s*(Number.parseFloat(l)/100):c=Number.parseFloat(l);h&&!u&&(c=s-c);let v=Math.abs(i-c);v<=o&&v<p&&(d=c,p=v)}),d}}set snap(t){this.snapValue=t!=null?t:"",t?this.snapFunction=typeof t=="string"?this.toSnapFunction(t):t:this.snapFunction=z}get snap(){return this.snapValue}connectedCallback(){super.connectedCallback(),this.loadPosition(),this.resizeObserver=new ResizeObserver(t=>this.handleResize(t)),this.mutationObserver=new MutationObserver(()=>this.handleVisibilityChange()),this.updateComplete.then(()=>{this.resizeObserver.observe(this),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position),this.setupAutoObservation(),setTimeout(()=>this.handleVisibilityChange(),0)})}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this),(e=this.mutationObserver)==null||e.disconnect()}detectSize(){let{width:t,height:e}=this.getBoundingClientRect();this.size=this.vertical?e:t}percentageToPixels(t){return this.size*(t/100)}pixelsToPercentage(t){return t/this.size*100}loadPosition(){if(this.autoSaveId&&typeof localStorage!="undefined")try{let t=localStorage.getItem(`lynk-split-panel-${this.autoSaveId}`);t&&!isNaN(Number(t))&&(this.position=Number(t))}catch(t){}}savePosition(){if(this.autoSaveId&&typeof localStorage!="undefined")try{localStorage.setItem(`lynk-split-panel-${this.autoSaveId}`,this.position.toString())}catch(t){}}setupAutoObservation(){var i,s;this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["hidden","style"]});let t=(i=this.shadowRoot)==null?void 0:i.querySelector('slot[name="start"]'),e=(s=this.shadowRoot)==null?void 0:s.querySelector('slot[name="end"]');t&&t.addEventListener("slotchange",()=>this.handleVisibilityChange()),e&&e.addEventListener("slotchange",()=>this.handleVisibilityChange())}handleVisibilityChange(){let t=this.getSlottedElements("start"),e=this.getSlottedElements("end"),i=t.some(o=>this.isElementVisible(o)),s=e.some(o=>this.isElementVisible(o));i&&s?this.savedPosition!==null&&(this.position=this.savedPosition,this.savedPosition=null):(i||s)&&this.savedPosition===null&&(this.savedPosition=this.position),this.requestUpdate()}getSlottedElements(t){var i;let e=(i=this.shadowRoot)==null?void 0:i.querySelector(`slot[name="${t}"]`);return e?e.assignedElements():[]}isElementVisible(t){if(t.hasAttribute("hidden"))return!1;let e=getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"}handleDrag(t){let e=this.localize.dir()==="rtl";this.disabled||(t.cancelable&&t.preventDefault(),S(this,{onMove:(i,s)=>{var h;let o=this.vertical?s:i;this.primary==="end"&&(o=this.size-o),o=(h=this.snapFunction({pos:o,size:this.size,snapThreshold:this.snapThreshold,isRtl:e,vertical:this.vertical}))!=null?h:o,this.position=f(this.pixelsToPercentage(o),0,100)},initialEvent:t}))}handleKeyDown(t){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","Enter"].includes(t.key)){let e=this.position,i=(t.shiftKey?10:1)*(this.primary==="end"?-1:1);if(t.preventDefault(),(t.key==="ArrowLeft"&&!this.vertical||t.key==="ArrowUp"&&this.vertical)&&(e-=i),(t.key==="ArrowRight"&&!this.vertical||t.key==="ArrowDown"&&this.vertical)&&(e+=i),t.key==="Home"&&(e=this.primary==="end"?100:0),t.key==="End"&&(e=this.primary==="end"?0:100),t.key==="Enter")if(this.isCollapsed)e=this.positionBeforeCollapsing,this.isCollapsed=!1;else{let s=this.position;e=0,requestAnimationFrame(()=>{this.isCollapsed=!0,this.positionBeforeCollapsing=s})}this.position=f(e,0,100)}}handleResize(t){let{width:e,height:i}=t[0].contentRect;if(this.size=this.vertical?i:e,this.cachedPositionInPixels!==void 0&&(isNaN(this.cachedPositionInPixels)||this.position===1/0)){let s=this.getAttribute("position-in-pixels");s&&(this.cachedPositionInPixels=Number(s),this.positionInPixels=Number(s),this.position=this.pixelsToPercentage(this.positionInPixels))}this.primary&&this.cachedPositionInPixels!==void 0&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.isCollapsed=!1,this.positionBeforeCollapsing=0,this.positionInPixels=this.percentageToPixels(this.position),this.savePosition(),this.emit("ev-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){let t=this.getSlottedElements("start"),e=this.getSlottedElements("end"),i=t.some(l=>this.isElementVisible(l)),s=e.some(l=>this.isElementVisible(l));if(i&&!s||!i&&s)return this.style.display="block",this.style.gridTemplateColumns="",this.style.gridTemplateRows="",b`
+        <slot name="start" part="panel start" class="start" style="${i?"":"display: none"}"></slot>
+        <slot name="end" part="panel end" class="end" style="${s?"":"display: none"}"></slot>
+      `;this.style.display="grid";let o=this.vertical?"gridTemplateRows":"gridTemplateColumns",h=this.vertical?"gridTemplateColumns":"gridTemplateRows",u=this.localize.dir()==="rtl",d=`
+      clamp(
+        0%,
+        clamp(
+          var(--min),
+          ${this.position}% - var(--divider-width) / 2,
+          var(--max)
+        ),
+        calc(100% - var(--divider-width))
+      )
+    `,p="auto";return this.primary==="end"?u&&!this.vertical?this.style[o]=`${d} var(--divider-width) ${p}`:this.style[o]=`${p} var(--divider-width) ${d}`:u&&!this.vertical?this.style[o]=`${p} var(--divider-width) ${d}`:this.style[o]=`${d} var(--divider-width) ${p}`,this.style[h]="",b`
+      <slot name="start" part="panel start" class="start"></slot>
+
+      <div
+        part="divider"
+        class="divider"
+        tabindex=${I(this.disabled?void 0:"0")}
+        role="separator"
+        aria-valuenow=${this.position}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-label=${this.localize.term("resize")}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleDrag}
+        @touchstart=${this.handleDrag}
+      >
+        <slot name="divider"></slot>
+      </div>
+
+      <slot name="end" part="panel end" class="end"></slot>
+    `}};n.styles=[E,T],r([x(".divider")],n.prototype,"divider",2),r([a({type:Number,reflect:!0})],n.prototype,"position",2),r([a({attribute:"position-in-pixels",type:Number})],n.prototype,"positionInPixels",2),r([a({type:Boolean,reflect:!0})],n.prototype,"vertical",2),r([a({type:Boolean,reflect:!0})],n.prototype,"disabled",2),r([a({attribute:"auto-save-id"})],n.prototype,"autoSaveId",2),r([a()],n.prototype,"primary",2),r([a({reflect:!0})],n.prototype,"snap",1),r([a({type:Number,attribute:"snap-threshold"})],n.prototype,"snapThreshold",2),r([m("position")],n.prototype,"handlePositionChange",1),r([m("positionInPixels")],n.prototype,"handlePositionInPixelsChange",1),r([m("vertical")],n.prototype,"handleVerticalChange",1);export{z as a,n as b};

package/cdn/chunks/chunk.F7EF6U6S.js

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

package/cdn/chunks/chunk.FAZSOB2J.js

@@ -0,0 +1,58 @@
+import{a as M}from"./chunk.UGDZFERR.js";import{a as E}from"./chunk.EPZLQ3DI.js";import{a as k}from"./chunk.ND6JQCSV.js";import{b,c as C,d as $,e as V}from"./chunk.V7E6ITFP.js";import{a as g}from"./chunk.YHSYTTFF.js";import{a as p}from"./chunk.YZSIY5HS.js";import{a as f}from"./chunk.3RH6CRTR.js";import{a as o,b as u,d as c,g as y}from"./chunk.OIRZUCYP.js";import{a as v}from"./chunk.45RIPFQU.js";import{d}from"./chunk.QRMWQQRW.js";import{e as s}from"./chunk.FI4IKBIW.js";var i=class extends y{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new g(this,"help-text","help-tip","label");this.customValidityMessage="";this.hasButtonGroup=!1;this.errorMessage="";this.hasFocus=!1;this.defaultValue="";this.label="";this.helpText="";this.helpTip="";this.name="option";this.value="";this.form="";this.required=!1;this.optional=!1;this.readonly=!1;this.dirty=!1;this.gapped=!1;this.state="default";this.inline=!1}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?V:t?$:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("lynk-radio, lynk-radio-button")]}handleRadioClick(t){let e=t.target.closest("lynk-radio, lynk-radio-button"),r=this.getAllRadios(),l=this.value;!e||e.disabled||this.readonly||(this.value=e.value,r.forEach(n=>n.checked=n===e),this.value!==l&&(this.emit("ev-change"),this.emit("ev-input")))}handleKeyDown(t){var m;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key)||this.readonly)return;let e=this.getAllRadios().filter(h=>!h.disabled),r=(m=e.find(h=>h.checked))!=null?m:e[0],l=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,a=e.indexOf(r)+l;a<0&&(a=e.length-1),a>e.length-1&&(a=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||h.setAttribute("tabindex","-1")}),this.value=e[a].value,e[a].checked=!0,this.hasButtonGroup?e[a].shadowRoot.querySelector("button").focus():(e[a].setAttribute("tabindex","0"),e[a].focus()),this.value!==n&&(this.emit("ev-change"),this.emit("ev-input")),t.preventDefault()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}async syncRadioElements(){var e,r;let t=this.getAllRadios();if(await Promise.all(t.map(async l=>{await l.updateComplete,l.checked=l.value===this.value,l.size=this.size})),this.hasButtonGroup=t.some(l=>l.tagName.toLowerCase()==="lynk-radio-button"),t.length>0&&!t.some(l=>l.checked))if(this.hasButtonGroup){let l=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");l&&l.setAttribute("tabindex","0")}else t[0].setAttribute("tabindex","0");if(this.hasButtonGroup){let l=(r=this.shadowRoot)==null?void 0:r.querySelector("lynk-button-group");l&&(l.disableRole=!0)}}syncRadios(){if(customElements.get("lynk-radio")&&customElements.get("lynk-radio-button")){this.syncRadioElements();return}customElements.get("lynk-radio")?this.syncRadioElements():customElements.whenDefined("lynk-radio").then(()=>this.syncRadios()),customElements.get("lynk-radio-button")?this.syncRadioElements():customElements.whenDefined("lynk-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.errorMessage=this.customValidityMessage||t?"":this.validationInput.validationMessage,this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.errorMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let e=this.getAllRadios(),r=e.find(a=>a.checked),l=e.find(a=>!a.disabled),n=r||l;n&&n.focus(t)}render(){let t=d`
+      <slot
+        class=${f({"radio-group__control":!0,"radio-group__control--has-button-group":this.hasButtonGroup})}
+        @slotchange=${this.syncRadios}
+        @click=${this.handleRadioClick}
+        @keydown=${this.handleKeyDown}
+        @focusin=${this.handleFocus}
+        @focusout=${this.handleBlur}
+      ></slot>
+    `;return d`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?d`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?d`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?d`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        <fieldset
+          role="radiogroup"
+          aria-label=${this.label||"Radio group"}
+          aria-readonly=${this.readonly?"true":"false"}
+          class="radio-group"
+        >
+          <div class="visually-hidden">
+            <div id="error-message" aria-live="assertive">${this.errorMessage}</div>
+            <label class="radio-group__validation">
+              <input
+                type="text"
+                class="radio-group__validation-input"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+                @invalid=${this.handleInvalid}
+              />
+            </label>
+          </div>
+
+          ${this.hasButtonGroup?d`
+                <lynk-button-group part="button-group" exportparts="base:button-group__base" .gapped=${this.gapped}>
+                  ${t}
+                </lynk-button-group>
+              `:t}
+        </fieldset>
+      </lynk-form-field>
+    `}};i.styles=[v,M],i.dependencies={"lynk-button-group":k,"lynk-form-field":E},s([c("slot:not([name])")],i.prototype,"defaultSlot",2),s([c(".radio-group__validation-input")],i.prototype,"validationInput",2),s([u()],i.prototype,"hasButtonGroup",2),s([u()],i.prototype,"errorMessage",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"defaultValue",2),s([o()],i.prototype,"label",2),s([o({attribute:"help-text"})],i.prototype,"helpText",2),s([o({attribute:"help-tip"})],i.prototype,"helpTip",2),s([o()],i.prototype,"name",2),s([o({reflect:!0})],i.prototype,"value",2),s([o({reflect:!0})],i.prototype,"size",2),s([o({reflect:!0})],i.prototype,"form",2),s([o({type:Boolean,reflect:!0})],i.prototype,"required",2),s([o({type:Boolean,reflect:!0})],i.prototype,"optional",2),s([o({type:Boolean,reflect:!0})],i.prototype,"readonly",2),s([o({type:Boolean,reflect:!0})],i.prototype,"dirty",2),s([o({type:Boolean,reflect:!0})],i.prototype,"gapped",2),s([o({reflect:!0})],i.prototype,"state",2),s([o({type:Boolean,reflect:!0})],i.prototype,"inline",2),s([p("size",{waitUntilFirstUpdate:!0})],i.prototype,"handleSizeChange",1),s([p("value")],i.prototype,"handleValueChange",1);export{i as a};