@uplynk/lynk-design 1.19.0 → 1.19.2

package/cdn/chunks/chunk.OFQFK34W.js

@@ -0,0 +1,167 @@
+import{a as D}from"./chunk.JMJDI2R6.js";import{a as V}from"./chunk.UTUQBDC3.js";import{a as F}from"./chunk.KIY7LAB4.js";import{a as w}from"./chunk.SH54CIFE.js";import{a as E}from"./chunk.IPMWK5EL.js";import{a as x}from"./chunk.NKQMKEYT.js";import{b as H}from"./chunk.V7E6ITFP.js";import{a as k}from"./chunk.VDWIYU3J.js";import{a as g}from"./chunk.O4ZRZ3HV.js";import{a as _}from"./chunk.G6ZVAGQW.js";import{a as C}from"./chunk.TETFNMKN.js";import{a as $}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.7TAXE2HP.js";import{a as l,b,d as u,g as I}from"./chunk.FU5FZZFK.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as a,h as v}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends I{constructor(){super(...arguments);this.formControlController=new H(this);this.hasSlotController=new $(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new g(this);this.isOpen=!1;this.name="";this.value="";this.defaultValue="";this.label="";this.placeholder="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.inline=!1;this.size="medium";this.seconds=!1;this.format="locale";this.minuteInterval=1;this.hoist=!1;this.clearable=!1;this.handleDocumentClick=t=>{this.contains(t.target)||this.hide()};this.handleKeyDown=t=>{let o=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!t.isComposing&&!o&&(this.isOpen&&this.clock.value?(t.preventDefault(),this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{t.defaultPrevented||this.emit("ev-change")})),t.key==="Escape"&&this.isOpen&&(t.preventDefault(),t.stopPropagation(),this.hide())}}get use24HourInput(){return this.format==="24h"}get validity(){return this.use24HourInput?this.hiddenInput.validity:this.timeInput.validity}get validationMessage(){return this.use24HourInput?this.hiddenInput.validationMessage:this.timeInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentClick=this.handleDocumentClick.bind(this),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.formControlController.updateValidity(),this.updateInputFromValue()}handleTimeInput(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleTimeChange(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-change")}pad(t){return String(t).padStart(2,"0")}buildValueFrom24HourInputs(){var p,r,c;let t=(p=this.hourInput)==null?void 0:p.value,o=(r=this.minuteInput)==null?void 0:r.value,n=(c=this.secondInput)==null?void 0:c.value;if(t===""||o==="")return"";let d=this.pad(parseInt(t)),h=this.pad(parseInt(o));if(this.seconds){let s=this.pad(n!==""&&n!==null&&n!==void 0?parseInt(n):0);return`${d}:${h}:${s}`}return`${d}:${h}`}handle24HourInput(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-input")}handle24HourChange(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-change")}handle24HourKeyDown(t,o){let n=t.target;if(t.key==="ArrowUp"||t.key==="ArrowDown"){t.preventDefault();let d=parseInt(n.value)||0,h=parseInt(n.max),p=t.key==="ArrowUp"?1:-1,r=d+p;r<0&&(r=h),r>h&&(r=0),n.value=this.pad(r),this.handle24HourInput(),n.select()}}handleClockChange(){this.clock.value&&(this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(t){t.preventDefault(),t.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),(this.use24HourInput?this.hourInput:this.timeInput).focus()}handleTriggerClick(t){t.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){if(this.use24HourInput){if(!this.value){this.hourInput&&(this.hourInput.value=""),this.minuteInput&&(this.minuteInput.value=""),this.secondInput&&(this.secondInput.value="");return}let t=this.value.split(":");this.hourInput&&(this.hourInput.value=t[0]||""),this.minuteInput&&(this.minuteInput.value=t[1]||""),this.secondInput&&this.seconds&&(this.secondInput.value=t[2]||"00")}else this.timeInput&&(this.timeInput.value=this.value)}updatePickerFromValue(){this.clock&&(this.clock.value=this.value)}updatePickerFromInput(){var t;this.use24HourInput?this.clock&&(this.clock.value=this.buildValueFrom24HourInputs()):this.clock&&(this.clock.value=((t=this.timeInput)==null?void 0:t.value)||"")}show(){this.isOpen||this.disabled||this.readonly||(this.isOpen=!0,this.updatePickerFromValue(),this.dropdown.show(),document.addEventListener("click",this.handleDocumentClick))}hide(){this.isOpen&&(this.isOpen=!1,this.dropdown.hide(),document.removeEventListener("click",this.handleDocumentClick))}focus(t){this.use24HourInput?this.hourInput.focus(t):this.timeInput.focus(t)}blur(){this.use24HourInput?this.hourInput.blur():this.timeInput.blur()}checkValidity(){return this.use24HourInput?this.hiddenInput.checkValidity():this.timeInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.use24HourInput?this.hiddenInput.reportValidity():this.timeInput.reportValidity()}setCustomValidity(t){this.use24HourInput?this.hiddenInput.setCustomValidity(t):this.timeInput.setCustomValidity(t),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){let t=this.value!=="";return a`
+      <lynk-form-field
+        .size=${this.size}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?a`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?a`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?a`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <lynk-dropdown
+          class="time-picker__dropdown"
+          part="dropdown"
+          ?disabled=${this.disabled||this.readonly}
+          .open=${this.isOpen}
+          .hoist=${this.hoist}
+          placement="bottom-start"
+          distance="2"
+        >
+          <div
+            slot="trigger"
+            part="input-group"
+            role="group"
+            class=${m({"time-picker__input-group":!0,"time-picker__input-group--small":this.size==="small","time-picker__input-group--medium":this.size==="medium","time-picker__input-group--large":this.size==="large","time-picker__input-group--disabled":this.disabled,"time-picker__input-group--readonly":this.readonly})}
+          >
+            ${this.placeholder&&!t?a`<div part="placeholder" class="time-picker__placeholder">${this.placeholder}</div>`:""}
+            ${this.use24HourInput?this.render24HourInputs(t):this.renderNativeTimeInput(t)}
+            ${this.clearable&&!this.disabled&&!this.readonly&&t?a`
+                    <button
+                      part="clear-button"
+                      class="time-picker__clear"
+                      type="button"
+                      aria-label=${this.localize.term("clearEntry")||"Clear entry"}
+                      @click=${this.handleClearClick}
+                      tabindex="-1"
+                    >
+                      <slot name="clear-icon">
+                        <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
+                      </slot>
+                    </button>
+                  `:""}
+
+            <lynk-icon-button
+              part="trigger"
+              class="time-picker__trigger"
+              name="clock"
+              library="system"
+              label="Open clock"
+              ?disabled=${this.disabled}
+              @click=${this.handleTriggerClick}
+            ></lynk-icon-button>
+          </div>
+
+          <div class="time-picker__panel" id="clock-panel">
+            <lynk-clock
+              part="clock"
+              class="time-picker__clock"
+              .format=${this.format}
+              ?seconds=${this.seconds}
+              .minuteInterval=${this.minuteInterval}
+              @ev-change=${this.handleClockChange}
+            ></lynk-clock>
+          </div>
+        </lynk-dropdown>
+      </lynk-form-field>
+    `}renderNativeTimeInput(t){return a`
+      <input
+        part="time-input"
+        class="time-picker__time-input"
+        type="time"
+        role="combobox"
+        step=${this.seconds?"1":"any"}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        ?required=${this.required}
+        ?hidden=${this.placeholder&&!t}
+        .value=${w(this.value)}
+        aria-label=${this.label||"Time"}
+        aria-readonly=${this.readonly?"true":"false"}
+        aria-haspopup="dialog"
+        aria-expanded=${this.isOpen?"true":"false"}
+        @input=${this.handleTimeInput}
+        @change=${this.handleTimeChange}
+      />
+    `}render24HourInputs(t){var p,r,c;let o=this.value?this.value.split(":"):[],n=(p=o[0])!=null?p:"",d=(r=o[1])!=null?r:"",h=(c=o[2])!=null?c:"";return a`
+      <!-- Hidden input for form participation and validation -->
+      <input
+        class="time-picker__hidden-input"
+        type="hidden"
+        .value=${this.value}
+        ?required=${this.required}
+        aria-hidden="true"
+        tabindex="-1"
+      />
+      <div
+        part="time-input"
+        class=${m({"time-picker__24h-group":!0,"time-picker__24h-group--hidden":!!(this.placeholder&&!t)})}
+        role="combobox"
+        aria-label=${this.label||"Time"}
+        aria-readonly=${this.readonly?"true":"false"}
+        aria-haspopup="dialog"
+        aria-expanded=${this.isOpen?"true":"false"}
+      >
+        <input
+          class="time-picker__hour-input time-picker__segment-input"
+          part="hour-input"
+          type="number"
+          min="0"
+          max="23"
+          placeholder="--"
+          .value=${n}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Hours"
+          @input=${this.handle24HourInput}
+          @change=${this.handle24HourChange}
+          @keydown=${s=>this.handle24HourKeyDown(s,"hour")}
+          @focus=${s=>s.target.select()}
+        /><span class="time-picker__separator" aria-hidden="true">:</span
+        ><input
+          class="time-picker__minute-input time-picker__segment-input"
+          part="minute-input"
+          type="number"
+          min="0"
+          max="59"
+          step=${C(this.minuteInterval>1?this.minuteInterval:void 0)}
+          placeholder="--"
+          .value=${d}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Minutes"
+          @input=${this.handle24HourInput}
+          @change=${this.handle24HourChange}
+          @keydown=${s=>this.handle24HourKeyDown(s,"minute")}
+          @focus=${s=>s.target.select()}
+        />${this.seconds?a`<span class="time-picker__separator" aria-hidden="true">:</span
+                ><input
+                  class="time-picker__second-input time-picker__segment-input"
+                  part="second-input"
+                  type="number"
+                  min="0"
+                  max="59"
+                  placeholder="--"
+                  .value=${h}
+                  ?disabled=${this.disabled}
+                  ?readonly=${this.readonly}
+                  aria-label="Seconds"
+                  @input=${this.handle24HourInput}
+                  @change=${this.handle24HourChange}
+                  @keydown=${s=>this.handle24HourKeyDown(s,"second")}
+                  @focus=${s=>s.target.select()}
+                />`:v}
+      </div>
+    `}};e.styles=[y,D],e.dependencies={"lynk-clock":x,"lynk-dropdown":V,"lynk-form-field":F,"lynk-icon":_,"lynk-icon-button":k},i([u(".time-picker__dropdown")],e.prototype,"dropdown",2),i([u(".time-picker__clock")],e.prototype,"clock",2),i([u(".time-picker__time-input")],e.prototype,"timeInput",2),i([u(".time-picker__hour-input")],e.prototype,"hourInput",2),i([u(".time-picker__minute-input")],e.prototype,"minuteInput",2),i([u(".time-picker__second-input")],e.prototype,"secondInput",2),i([u(".time-picker__hidden-input")],e.prototype,"hiddenInput",2),i([b()],e.prototype,"isOpen",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([E()],e.prototype,"defaultValue",2),i([l()],e.prototype,"label",2),i([l()],e.prototype,"placeholder",2),i([l({attribute:"help-text"})],e.prototype,"helpText",2),i([l({attribute:"label-end"})],e.prototype,"labelEnd",2),i([l({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),i([l({attribute:"help-tip"})],e.prototype,"helpTip",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([l({type:Boolean,reflect:!0})],e.prototype,"optional",2),i([l({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([l({type:Boolean,reflect:!0})],e.prototype,"inline",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({type:Boolean})],e.prototype,"seconds",2),i([l()],e.prototype,"format",2),i([l({type:Number,attribute:"minute-interval"})],e.prototype,"minuteInterval",2),i([l({type:Boolean})],e.prototype,"hoist",2),i([l({type:Boolean})],e.prototype,"clearable",2),i([f("value")],e.prototype,"handleValueChange",1),i([f("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.OH43KCBR.js

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

package/cdn/chunks/chunk.OJNAZCY4.js

@@ -0,0 +1,34 @@
+import{a as T}from"./chunk.USFUMJOM.js";import{a as S}from"./chunk.6S67HV2F.js";import{a as f}from"./chunk.FC4RDJJF.js";import{a as C}from"./chunk.O4ZRZ3HV.js";import{a as I}from"./chunk.TETFNMKN.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a,d as x,g as w}from"./chunk.FU5FZZFK.js";import{a as E}from"./chunk.MXDME6T6.js";import{d as b}from"./chunk.PINNEFCM.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.OK4P5DRJ.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.BJA3DH3N.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a,g as l}from"./chunk.FU5FZZFK.js";import{a as d}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.attrOldValue=!1;this.charData=!1;this.charDataOldValue=!1;this.childList=!1;this.disabled=!1;this.handleMutation=i=>{this.emit("ev-mutation",{detail:{mutationList:i}})}}connectedCallback(){super.connectedCallback(),this.mutationObserver=new MutationObserver(this.handleMutation),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}startObserver(){let i=typeof this.attr=="string"&&this.attr.length>0,h=i&&this.attr!=="*"?this.attr.split(" "):void 0;try{this.mutationObserver.observe(this,{subtree:!0,childList:this.childList,attributes:i,attributeFilter:h,attributeOldValue:this.attrOldValue,characterData:this.charData,characterDataOldValue:this.charDataOldValue})}catch(p){}}stopObserver(){this.mutationObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}handleChange(){this.stopObserver(),this.startObserver()}render(){return s` <slot></slot> `}};t.styles=[d,o],e([a({reflect:!0})],t.prototype,"attr",2),e([a({attribute:"attr-old-value",type:Boolean,reflect:!0})],t.prototype,"attrOldValue",2),e([a({attribute:"char-data",type:Boolean,reflect:!0})],t.prototype,"charData",2),e([a({attribute:"char-data-old-value",type:Boolean,reflect:!0})],t.prototype,"charDataOldValue",2),e([a({attribute:"child-list",type:Boolean,reflect:!0})],t.prototype,"childList",2),e([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r("disabled")],t.prototype,"handleDisabledChange",1),e([r("attr",{waitUntilFirstUpdate:!0}),r("attr-old-value",{waitUntilFirstUpdate:!0}),r("char-data",{waitUntilFirstUpdate:!0}),r("char-data-old-value",{waitUntilFirstUpdate:!0}),r("childList",{waitUntilFirstUpdate:!0})],t.prototype,"handleChange",1);export{t as a};

package/cdn/chunks/chunk.OSN64YX5.js

@@ -0,0 +1,62 @@
+import{a as S}from"./chunk.5SPRRXJ6.js";import{a as x}from"./chunk.KIY7LAB4.js";import{b as g,c as C,d as $,e as E}from"./chunk.V7E6ITFP.js";import{a as V}from"./chunk.Z7XB7HOS.js";import{a as b}from"./chunk.YHSYTTFF.js";import{a as p}from"./chunk.YZSIY5HS.js";import{a as f}from"./chunk.7TAXE2HP.js";import{a,b as u,d as c,g as v}from"./chunk.FU5FZZFK.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var e=class extends v{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new b(this,"help-text","help-tip","label","label-end","help-text-end");this.customValidityMessage="";this.hasButtonGroup=!1;this.errorMessage="";this.hasFocus=!1;this.defaultValue="";this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";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!==""?E: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 i=t.target.closest("lynk-radio, lynk-radio-button"),n=this.getAllRadios(),s=this.value;!i||i.disabled||this.readonly||(this.value=i.value,n.forEach(d=>d.checked=d===i),this.value!==s&&(this.emit("ev-change"),this.emit("ev-input")))}handleKeyDown(t){var m;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key)||this.readonly)return;let i=this.getAllRadios().filter(h=>!h.disabled),n=(m=i.find(h=>h.checked))!=null?m:i[0],s=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,d=this.value,o=i.indexOf(n)+s;o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||h.setAttribute("tabindex","-1")}),this.value=i[o].value,i[o].checked=!0,this.hasButtonGroup?i[o].shadowRoot.querySelector("button").focus():(i[o].setAttribute("tabindex","0"),i[o].focus()),this.value!==d&&(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 i,n;let t=this.getAllRadios();if(await Promise.all(t.map(async s=>{await s.updateComplete,s.checked=s.value===this.value,s.size=this.size})),this.hasButtonGroup=t.some(s=>s.tagName.toLowerCase()==="lynk-radio-button"),t.length>0&&!t.some(s=>s.checked))if(this.hasButtonGroup){let s=(i=t[0].shadowRoot)==null?void 0:i.querySelector("button");s&&s.setAttribute("tabindex","0")}else t[0].setAttribute("tabindex","0");if(this.hasButtonGroup){let s=(n=this.shadowRoot)==null?void 0:n.querySelector("lynk-button-group");s&&(s.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(i=>i.checked=i.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}checkValidity(){let t=this.required&&!this.value,i=this.customValidityMessage!=="";return t||i?(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 i=this.getAllRadios(),n=i.find(o=>o.checked),s=i.find(o=>!o.disabled),d=n||s;d&&d.focus(t)}render(){let t=r`
+      <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 r`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?r`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?r`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?r`<slot name="help-text-end" slot="help-text-end"></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?r`
+                  <lynk-button-group part="button-group" exportparts="base:button-group__base" .gapped=${this.gapped}>
+                    ${t}
+                  </lynk-button-group>
+                `:t}
+        </fieldset>
+      </lynk-form-field>
+    `}};e.styles=[y,S],e.dependencies={"lynk-button-group":V,"lynk-form-field":x},l([c("slot:not([name])")],e.prototype,"defaultSlot",2),l([c(".radio-group__validation-input")],e.prototype,"validationInput",2),l([u()],e.prototype,"hasButtonGroup",2),l([u()],e.prototype,"errorMessage",2),l([u()],e.prototype,"hasFocus",2),l([u()],e.prototype,"defaultValue",2),l([a()],e.prototype,"label",2),l([a({attribute:"help-text"})],e.prototype,"helpText",2),l([a({attribute:"label-end"})],e.prototype,"labelEnd",2),l([a({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),l([a({attribute:"help-tip"})],e.prototype,"helpTip",2),l([a()],e.prototype,"name",2),l([a({reflect:!0})],e.prototype,"value",2),l([a({reflect:!0})],e.prototype,"size",2),l([a({reflect:!0})],e.prototype,"form",2),l([a({type:Boolean,reflect:!0})],e.prototype,"required",2),l([a({type:Boolean,reflect:!0})],e.prototype,"optional",2),l([a({type:Boolean,reflect:!0})],e.prototype,"readonly",2),l([a({type:Boolean,reflect:!0})],e.prototype,"dirty",2),l([a({type:Boolean,reflect:!0})],e.prototype,"gapped",2),l([a({reflect:!0})],e.prototype,"state",2),l([a({type:Boolean,reflect:!0})],e.prototype,"inline",2),l([p("size",{waitUntilFirstUpdate:!0})],e.prototype,"handleSizeChange",1),l([p("value")],e.prototype,"handleValueChange",1);export{e as a};

package/cdn/chunks/chunk.OTF23LGH.js

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

package/cdn/chunks/chunk.OVYYLPES.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.5QLXOEHJ.js";import*as t from"react";import{createComponent as r}from"@lit/react";var m="lynk-breadcrumb-item";e.define("lynk-breadcrumb-item");var a=r({tagName:m,elementClass:e,react:t,events:{},displayName:"LynkBreadcrumbItem"}),c=a;export{c as a};

package/cdn/chunks/chunk.OYP423WI.js

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

package/cdn/chunks/chunk.OZBEEIQ5.js

@@ -0,0 +1 @@
+import{a}from"./chunk.ZWLANFRK.js";import{a as r,g as l}from"./chunk.FU5FZZFK.js";import{a as s}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends l{constructor(){super(...arguments);this.interactive=!1;this.active=!1;this.pulse=!1}render(){return o` <slot part="base"></slot> `}};e.styles=[s,a],t([r({reflect:!0})],e.prototype,"state",2),t([r({type:Boolean,reflect:!0})],e.prototype,"interactive",2),t([r({type:Boolean,reflect:!0})],e.prototype,"active",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pulse",2);export{e as a};

package/cdn/chunks/chunk.P4UOGCPC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YJG2FJBT.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var a="lynk-animation";e.define("lynk-animation");var s=n({tagName:a,elementClass:e,react:t,events:{EvCancel:"ev-cancel",EvFinish:"ev-finish",EvStart:"ev-start"},displayName:"LynkAnimation"}),m=s;export{m as a};

package/cdn/chunks/chunk.PDCBN3KE.js

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

package/cdn/chunks/chunk.PH7XBJLT.js

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

package/cdn/chunks/chunk.PITPJZEC.js

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