@uplynk/lynk-design 1.19.2 → 1.20.0

package/cdn/chunks/chunk.MXIOX56V.js

@@ -1,135 +0,0 @@
-import{a}from"./chunk.PINNEFCM.js";var e=a`
-  :host {
-    --width: 30rem;
-    --header-spacing: var(--lynk-spacing-large);
-    --body-spacing: var(--lynk-spacing-large);
-    --footer-spacing: var(--lynk-spacing-large);
-
-    display: contents;
-  }
-
-  .dialog {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: var(--lynk-z-index-dialog);
-  }
-
-  .dialog__panel {
-    display: flex;
-    flex-direction: column;
-    z-index: 2;
-    width: var(--width);
-    max-width: calc(100% - var(--lynk-spacing-2x-large));
-    max-height: calc(100% - var(--lynk-spacing-2x-large));
-    background-color: var(--lynk-panel-background-color);
-    border-radius: var(--lynk-border-radius-medium);
-    box-shadow: var(--lynk-shadow-x-large);
-    transition:
-      var(--lynk-transition-fast) width,
-      var(--lynk-transition-fast) height;
-  }
-
-  .dialog__panel:focus {
-    outline: none;
-  }
-
-  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
-  @media screen and (max-width: 420px) {
-    .dialog__panel {
-      max-height: 80vh;
-    }
-  }
-
-  .dialog--open .dialog__panel {
-    display: flex;
-    opacity: 1;
-  }
-
-  .dialog__header {
-    flex: 0 0 auto;
-    display: flex;
-  }
-
-  .dialog__title {
-    flex: 1 1 auto;
-    font: inherit;
-    font-size: var(--lynk-font-size-large);
-    line-height: var(--lynk-line-height-dense);
-    padding: var(--header-spacing);
-    margin: 0;
-  }
-
-  .dialog__header-actions {
-    flex-shrink: 0;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: end;
-    gap: var(--lynk-spacing-2x-small);
-    padding: 0 var(--header-spacing);
-  }
-
-  .dialog__header-actions lynk-icon-button,
-  .dialog__header-actions ::slotted(lynk-icon-button) {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    font-size: var(--lynk-font-size-medium);
-  }
-
-  .dialog__body {
-    flex: 1 1 auto;
-    display: block;
-    padding: var(--body-spacing);
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .dialog__footer {
-    flex: 0 0 auto;
-    text-align: right;
-    padding: var(--footer-spacing);
-  }
-
-  .dialog__footer ::slotted(lynk-button:not(:first-of-type)) {
-    margin-inline-start: var(--lynk-spacing-x-small);
-  }
-
-  .dialog:not(.dialog--has-footer) .dialog__footer {
-    display: none;
-  }
-
-  .dialog__overlay {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: var(--lynk-overlay-background-color);
-  }
-
-  @media (forced-colors: active) {
-    .dialog__panel {
-      border: solid 1px var(--lynk-color-neutral-0);
-    }
-  }
-
-  /*
-  * Size modifiers
-  */
-
-  .dialog--fitted .dialog__panel {
-    width: 80vw;
-    min-height: 80vh;
-  }
-
-  .dialog--full .dialog__panel {
-    width: calc(100% - var(--lynk-spacing-2x-large));
-    height: calc(100% - var(--lynk-spacing-2x-large));
-  }
-`;export{e as a};

package/cdn/chunks/chunk.MZQSTKFJ.js

@@ -1,7 +0,0 @@
-import{a as l}from"./chunk.3MV67AW5.js";import{a as r,g as s}from"./chunk.FU5FZZFK.js";import{a as i}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends s{constructor(){super(...arguments);this.sortDirection=0;this.sortable=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}handleClick(){this.sortable&&this.emit("ev-table-sort",{detail:{key:this.key}})}render(){return o`
-      <slot part="base" class="lynk-th__label"></slot>
-      ${this.sortable?o`<lynk-icon
-              library="system"
-              name="${this.sortDirection===-1?"arrow-up-short":this.sortDirection===1?"arrow-down-short":"arrow-up-down-short"}"
-            ></lynk-icon>`:""}
-    `}};t.styles=[i,l],e([r()],t.prototype,"key",2),e([r({attribute:"sort-direction",reflect:!0})],t.prototype,"sortDirection",2),e([r({attribute:"sortable",type:Boolean,reflect:!0})],t.prototype,"sortable",2);export{t as a};

package/cdn/chunks/chunk.N42RSE6B.js

@@ -1 +0,0 @@
-import{a as s}from"./chunk.4AEY4HH6.js";import{a}from"./chunk.YZSIY5HS.js";import{a as r,g as o}from"./chunk.FU5FZZFK.js";import{a as l}from"./chunk.MXDME6T6.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends o{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,s],e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([a("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

package/cdn/chunks/chunk.N4UHKZJ4.js

@@ -1,12 +0,0 @@
-import{a as i}from"./chunk.ILTKF3AW.js";import{a as p}from"./chunk.QNSDQ5I5.js";import{a as e}from"./chunk.CIXURCS3.js";import{a as s}from"./chunk.7TAXE2HP.js";import{a,g as n}from"./chunk.FU5FZZFK.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.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.NB6PRSOR.js

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

package/cdn/chunks/chunk.NKQMKEYT.js

@@ -1,75 +0,0 @@
-import{a as T}from"./chunk.C5E3ECTP.js";import{e as b,f as M,g as A,h as $,m as P}from"./chunk.3TWYPRSH.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as c,b as g,d as S,g as f}from"./chunk.FU5FZZFK.js";import{a as _}from"./chunk.MXDME6T6.js";import{d as n}from"./chunk.PINNEFCM.js";import{a as h,b as u,e as o}from"./chunk.FI4IKBIW.js";var r=class extends f{constructor(){super(...arguments);this.timeSegment=null;this.value="";this.disabled=!1;this.format="locale";this.seconds=!1;this.minuteInterval=1;this.size="medium"}get showAmPm(){return this.format==="12h"?!0:this.format==="24h"?!1:this.isLocale12Hour()}get hour12(){if(!this.timeSegment)return 12;let e=this.timeSegment.hours;return e===0?12:e>12?e-12:e}get period(){return this.timeSegment?this.timeSegment.hours<12?"AM":"PM":null}connectedCallback(){super.connectedCallback(),this.parseValue()}isLocale12Hour(){var e;try{return(e=P.fromOptions({hour:"numeric"}).options.hour12)!=null?e:!1}catch(m){let s=new Date(2e3,0,1,13,0,0).toLocaleTimeString();return s.includes("PM")||s.includes("AM")}}parseValue(){var e;if(!this.value){this.timeSegment=null;return}if(b(this.value))this.timeSegment=M($(this.value));else{let m=this.value.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM)?$/i);if(m){let i=parseInt(m[1]),s=parseInt(m[2]),t=parseInt(m[3])||0,l=(e=m[4])==null?void 0:e.toUpperCase();l&&(l==="AM"&&i===12?i=0:l==="PM"&&i!==12&&(i+=12)),this.timeSegment={hours:i,minutes:s,seconds:t,milliseconds:0}}}}formatValue(){if(!this.timeSegment)return"";let e=this.seconds?"HH:mm:ss":"HH:mm";return A(this.timeSegment,e)}updateValue(){this.timeSegment&&(this.value=this.formatValue(),this.emit("ev-change"))}handleHourClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};if(this.showAmPm){let i=this.period,s=e;i==="AM"&&e===12?s=0:i==="PM"&&e!==12&&(s=e+12),this.timeSegment=u(h({},m),{hours:s})}else this.timeSegment=u(h({},m),{hours:e});this.updateValue(),this.scrollToSelected("hours")}handleMinuteClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};this.timeSegment=u(h({},m),{minutes:e}),this.updateValue(),this.scrollToSelected("minutes")}handleSecondClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};this.timeSegment=u(h({},m),{seconds:e}),this.updateValue(),this.scrollToSelected("seconds")}handlePeriodClick(e){if(this.disabled||!this.showAmPm)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0},i=this.timeSegment?this.hour12:12,s=i;e==="AM"&&i===12?s=0:e==="PM"&&i!==12&&(s=i+12),this.timeSegment=u(h({},m),{hours:s}),this.updateValue(),this.scrollToSelected("ampm")}scrollToSelected(e,m=!1){requestAnimationFrame(()=>{var t;let i,s;switch(e){case"hours":if(!this.timeSegment)return;i=this.showAmPm?this.hour12===12?0:this.hour12:this.timeSegment.hours,s=this.hoursColumn;break;case"minutes":if(!this.timeSegment)return;i=Math.floor(this.timeSegment.minutes/this.minuteInterval),s=this.minutesColumn;break;case"seconds":if(!this.timeSegment)return;i=this.timeSegment.seconds,s=this.secondsColumn;break;case"ampm":{if(!this.timeSegment)return;i=this.period==="PM"?1:0;let l=(t=this.shadowRoot)==null?void 0:t.querySelector(".clock__ampm-toggle");if(!l)return;s=l;break}}if(s){let a=i*38;s.scrollTo({top:a,behavior:m?"auto":"smooth"})}})}firstUpdated(){this.value&&this.scrollAllToSelected(!0)}scrollAllToSelected(e=!1){this.scrollToSelected("hours",e),this.scrollToSelected("minutes",e),this.seconds&&this.scrollToSelected("seconds",e),this.showAmPm&&this.scrollToSelected("ampm",e)}scrollToCurrentTime(e=!0){this.scrollAllToSelected(e)}handleValueChange(){this.parseValue()}render(){let e=this.showAmPm?[12,...Array.from({length:11},(t,l)=>l+1)]:Array.from({length:24},(t,l)=>l),m=Array.from({length:Math.ceil(60/this.minuteInterval)},(t,l)=>l*this.minuteInterval),i=Array.from({length:60},(t,l)=>l),s=["AM","PM"];return n`
-      <div
-        part="base"
-        class=${d({clock:!0,"clock--small":this.size==="small","clock--medium":this.size==="medium","clock--large":this.size==="large","clock--disabled":this.disabled})}
-      >
-        <div part="picker" class="clock__picker">
-          <div part="column" class="clock__column">
-            <ol class="clock__hours" role="listbox" tabindex="0" aria-label="Hours">
-              ${e.map(t=>n`
-                  <li
-                    part="time-item ${this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t)?"time-item--selected":""}"
-                    class=${d({"clock__time-item":!0,"clock__time-item--selected":!!(this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t))})}
-                    role="option"
-                    aria-selected=${this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t)?"true":"false"}
-                    @click=${()=>this.handleHourClick(t)}
-                  >
-                    ${this.showAmPm?t:t.toString().padStart(2,"0")}
-                  </li>
-                `)}
-            </ol>
-          </div>
-
-          <div part="column" class="clock__column">
-            <ol class="clock__minutes" role="listbox" tabindex="0" aria-label="Minutes">
-              ${m.map(t=>{var l,a,p;return n`
-                  <li
-                    part="time-item ${((l=this.timeSegment)==null?void 0:l.minutes)===t?"time-item--selected":""}"
-                    class=${d({"clock__time-item":!0,"clock__time-item--selected":((a=this.timeSegment)==null?void 0:a.minutes)===t})}
-                    role="option"
-                    aria-selected=${((p=this.timeSegment)==null?void 0:p.minutes)===t?"true":"false"}
-                    @click=${()=>this.handleMinuteClick(t)}
-                  >
-                    ${t.toString().padStart(2,"0")}
-                  </li>
-                `})}
-            </ol>
-          </div>
-
-          ${this.seconds?n`
-                  <div part="column" class="clock__column">
-                    <ol class="clock__seconds" role="listbox" tabindex="0" aria-label="Seconds">
-                      ${i.map(t=>{var l,a,p;return n`
-                          <li
-                            part="time-item ${((l=this.timeSegment)==null?void 0:l.seconds)===t?"time-item--selected":""}"
-                            class=${d({"clock__time-item":!0,"clock__time-item--selected":((a=this.timeSegment)==null?void 0:a.seconds)===t})}
-                            role="option"
-                            aria-selected=${((p=this.timeSegment)==null?void 0:p.seconds)===t?"true":"false"}
-                            @click=${()=>this.handleSecondClick(t)}
-                          >
-                            ${t.toString().padStart(2,"0")}
-                          </li>
-                        `})}
-                    </ol>
-                  </div>
-                `:""}
-          ${this.showAmPm?n`
-                  <div part="column" class="clock__column clock__column--ampm">
-                    <ol part="ampm-toggle" class="clock__ampm-toggle" role="listbox" tabindex="0" aria-label="AM/PM">
-                      ${s.map(t=>n`
-                          <li
-                            class=${d({"clock__time-item":!0,"clock__time-item--selected":!!(this.timeSegment&&this.period===t)})}
-                            role="option"
-                            aria-selected=${this.timeSegment&&this.period===t?"true":"false"}
-                            @click=${()=>this.handlePeriodClick(t)}
-                            ?disabled=${this.disabled}
-                          >
-                            ${t}
-                          </li>
-                        `)}
-                    </ol>
-                  </div>
-                `:""}
-        </div>
-      </div>
-    `}};r.styles=[_,T],o([g()],r.prototype,"timeSegment",2),o([S(".clock__hours")],r.prototype,"hoursColumn",2),o([S(".clock__minutes")],r.prototype,"minutesColumn",2),o([S(".clock__seconds")],r.prototype,"secondsColumn",2),o([c()],r.prototype,"value",2),o([c({type:Boolean,reflect:!0})],r.prototype,"disabled",2),o([c({reflect:!0})],r.prototype,"format",2),o([c({type:Boolean})],r.prototype,"seconds",2),o([c({type:Number,attribute:"minute-interval"})],r.prototype,"minuteInterval",2),o([c({reflect:!0})],r.prototype,"size",2),o([v("value",{waitUntilFirstUpdate:!0})],r.prototype,"handleValueChange",1);export{r as a};

package/cdn/chunks/chunk.NNPKISXZ.js

@@ -1,97 +0,0 @@
-import{a as _}from"./chunk.IELMMSFW.js";import{a as g}from"./chunk.UTUQBDC3.js";import{a as $}from"./chunk.KIY7LAB4.js";import{a as y}from"./chunk.SH54CIFE.js";import{a as C}from"./chunk.IPMWK5EL.js";import{a as b}from"./chunk.BONBGM7U.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.VDWIYU3J.js";import{a as m}from"./chunk.O4ZRZ3HV.js";import{a as c}from"./chunk.G6ZVAGQW.js";import{a as o}from"./chunk.TETFNMKN.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as i,b as n,d as r,g as h}from"./chunk.FU5FZZFK.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as a}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var t=class extends h{constructor(){super(...arguments);this.formControlController=new v(this);this.hasSlotController=new u(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new m(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.hoist=!1;this.clearable=!1;this.handleDocumentClick=e=>{this.contains(e.target)||this.hide()};this.handleKeyDown=e=>{let I=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!e.isComposing&&!I&&(this.isOpen&&this.calendar.value?(e.preventDefault(),this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{e.defaultPrevented||this.emit("ev-change")})),e.key==="Escape"&&this.isOpen&&(e.preventDefault(),e.stopPropagation(),this.hide())}}get validity(){return this.dateInput.validity}get validationMessage(){return this.dateInput.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()}handleDateInput(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleDateChange(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-change")}handleDateInputClick(e){e.preventDefault()}handleCalendarChange(){this.calendar.value&&(this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(e){e.preventDefault(),e.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.dateInput.focus()}handleTriggerClick(e){e.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){this.dateInput&&(this.dateInput.value=this.value)}updatePickerFromValue(){this.calendar&&(this.calendar.value=this.value)}updatePickerFromInput(){var e;this.calendar&&(this.calendar.value=((e=this.dateInput)==null?void 0:e.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(e){this.dateInput.focus(e)}blur(){this.dateInput.blur()}checkValidity(){return this.dateInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.dateInput.reportValidity()}setCustomValidity(e){this.dateInput.setCustomValidity(e),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){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="date-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=${d({"date-picker__input-group":!0,"date-picker__input-group--small":this.size==="small","date-picker__input-group--medium":this.size==="medium","date-picker__input-group--large":this.size==="large","date-picker__input-group--disabled":this.disabled,"date-picker__input-group--readonly":this.readonly})}
-          >
-            ${this.placeholder&&!this.value?a`<div part="placeholder" class="date-picker__placeholder">${this.placeholder}</div>`:""}
-            <input
-              part="date-input"
-              class="date-picker__date-input"
-              type="date"
-              role="combobox"
-              ?disabled=${this.disabled}
-              ?readonly=${this.readonly}
-              ?required=${this.required}
-              ?hidden=${this.placeholder&&!this.value}
-              min=${o(this.min)}
-              max=${o(this.max)}
-              .value=${y(this.value)}
-              aria-label=${this.label||"Date"}
-              aria-readonly=${this.readonly?"true":"false"}
-              aria-haspopup="dialog"
-              aria-expanded=${this.isOpen?"true":"false"}
-              @click=${this.handleDateInputClick}
-              @input=${this.handleDateInput}
-              @change=${this.handleDateChange}
-            />
-            ${this.clearable&&!this.disabled&&!this.readonly&&this.value?a`
-                    <button
-                      part="clear-button"
-                      class="date-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="date-picker__trigger"
-              name="calendar"
-              library="system"
-              label="Open calendar"
-              ?disabled=${this.disabled}
-              @click=${this.handleTriggerClick}
-            ></lynk-icon-button>
-          </div>
-
-          <div class="date-picker__panel" id="calendar-panel">
-            <lynk-calendar
-              part="calendar"
-              class="date-picker__calendar"
-              .min=${this.min}
-              .max=${this.max}
-              @ev-change=${this.handleCalendarChange}
-            ></lynk-calendar>
-          </div>
-        </lynk-dropdown>
-      </lynk-form-field>
-    `}};t.styles=[p,_],t.dependencies={"lynk-calendar":b,"lynk-dropdown":g,"lynk-form-field":$,"lynk-icon":c,"lynk-icon-button":f},l([r(".date-picker__dropdown")],t.prototype,"dropdown",2),l([r(".date-picker__calendar")],t.prototype,"calendar",2),l([r(".date-picker__date-input")],t.prototype,"dateInput",2),l([n()],t.prototype,"isOpen",2),l([i()],t.prototype,"name",2),l([i()],t.prototype,"value",2),l([C()],t.prototype,"defaultValue",2),l([i()],t.prototype,"label",2),l([i()],t.prototype,"placeholder",2),l([i({attribute:"help-text"})],t.prototype,"helpText",2),l([i({attribute:"label-end"})],t.prototype,"labelEnd",2),l([i({attribute:"help-text-end"})],t.prototype,"helpTextEnd",2),l([i({attribute:"help-tip"})],t.prototype,"helpTip",2),l([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),l([i({type:Boolean,reflect:!0})],t.prototype,"required",2),l([i({type:Boolean,reflect:!0})],t.prototype,"optional",2),l([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),l([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),l([i({reflect:!0})],t.prototype,"size",2),l([i()],t.prototype,"min",2),l([i()],t.prototype,"max",2),l([i({type:Boolean})],t.prototype,"hoist",2),l([i({type:Boolean})],t.prototype,"clearable",2),l([s("value")],t.prototype,"handleValueChange",1),l([s("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.NQ3MEBWF.js

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

package/cdn/chunks/chunk.NSWDZMZE.js

@@ -1,62 +0,0 @@
-import{a as k}from"./chunk.VQM4UD55.js";import{a as T}from"./chunk.ALHVMVDH.js";import{a as D}from"./chunk.FRVRGW5T.js";import{a as d}from"./chunk.KLRPP4NQ.js";import{a as p,c as h}from"./chunk.VDJQBFEB.js";import{a as c,c as u}from"./chunk.DCN42ZX4.js";import{a as v}from"./chunk.O4ZRZ3HV.js";import{a as m}from"./chunk.TETFNMKN.js";import{a as w}from"./chunk.YHSYTTFF.js";import{a as E}from"./chunk.YZSIY5HS.js";import{a as g}from"./chunk.7TAXE2HP.js";import{a as n,d as l,g as b}from"./chunk.FU5FZZFK.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as o}from"./chunk.FI4IKBIW.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new w(this,"footer");this.localize=new v(this);this.open=!1;this.label="";this.noHeader=!1;this.noArrow=!1;this.clickToHide=!1;this.placement="right";this.disabled=!1;this.distance=10;this.skidding=0;this.block=!1;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}handleKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){e.key==="Tab"&&setTimeout(()=>{var s,a,f;let i=((s=this.containingElement)==null?void 0:s.getRootNode())instanceof ShadowRoot?(f=(a=document.activeElement)==null?void 0:a.shadowRoot)==null?void 0:f.activeElement:document.activeElement;(!this.containingElement||(i==null?void 0:i.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()})}handleDocumentMouseDown(e){let i=e.composedPath();this.clickToHide&&this.containingElement&&!i.includes(this.containingElement)&&this.hide()}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(e){if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}[" ","Enter"].includes(e.key)&&(e.target.tagName.toLowerCase()==="lynk-input"||e.preventDefault(),this.handleTriggerClick())}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){let i=this.trigger.assignedElements({flatten:!0}).find(a=>T(a).start),s;if(i){switch(i.tagName.toLowerCase()){case"lynk-button":case"lynk-icon-button":s=i.button;break;default:s=i}s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,await d(this,"ev-after-show")}async hide(){var i;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((i=document.activeElement)==null||i.blur()),this.open=!1,await d(this,"ev-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&this.panel.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("ev-show"),this.addOpenListeners();let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await h(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:i,options:s}=u(this,"popover.show",{dir:this.localize.dir()});await p(this.popup.popup,i,s),e&&(e.focus({preventScroll:!0}),e.setAttribute("autofocus","")),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await h(this);let{keyframes:e,options:i}=u(this,"popover.hide",{dir:this.localize.dir()});await p(this.popup.popup,e,i),this.panel.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}render(){return r`
-      <lynk-popup
-        part="base"
-        id="popover"
-        placement=${this.placement}
-        distance=${this.distance}
-        skidding=${this.skidding}
-        strategy=${this.hoist?"fixed":"absolute"}
-        flip
-        shift
-        ?arrow=${!this.noArrow}
-        auto-size="vertical"
-        auto-size-padding="10"
-        class=${g({popover:!0,"popover--open":this.open,"popover--has-footer":this.hasSlotController.test("footer")})}
-      >
-        <slot
-          name="trigger"
-          slot="anchor"
-          part="trigger"
-          class="popover__trigger"
-          @click=${this.handleTriggerClick}
-          @keydown=${this.handleTriggerKeyDown}
-          @keyup=${this.handleTriggerKeyUp}
-          @slotchange=${this.handleTriggerSlotChange}
-        ></slot>
-
-        <div
-          part="panel"
-          class="popover__panel"
-          role="popover"
-          aria-hidden=${this.open?"false":"true"}
-          aria-label=${m(this.noHeader?this.label:void 0)}
-          aria-labelledby=${m(this.noHeader?void 0:"title")}
-          tabindex="0"
-        >
-          ${this.noHeader?"":r`
-                <header part="header" class="popover__header">
-                  <h2 part="title" class="popover__title" id="title">
-                    <slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
-                  </h2>
-                  <lynk-icon-button
-                    part="close-button"
-                    exportparts="base:close-button__base"
-                    class="popover__close"
-                    name="x-lg"
-                    label=${this.localize.term("close")}
-                    library="system"
-                    @click="${()=>this.hide()}"
-                  ></lynk-icon-button>
-                </header>
-              `}
-
-          <slot part="body" class="popover__body"></slot>
-
-          ${this.hasSlotController.test("footer")?r`
-                <footer part="footer" class="popover__footer">
-                  <slot name="footer"></slot>
-                </footer>
-              `:""}
-        </div>
-      </lynk-popup>
-    `}};t.styles=[y,k],t.dependencies={"lynk-popup":D},o([l(".popover")],t.prototype,"popup",2),o([l(".popover__trigger")],t.prototype,"trigger",2),o([l(".popover__panel")],t.prototype,"panel",2),o([n({type:Boolean,reflect:!0})],t.prototype,"open",2),o([n({reflect:!0})],t.prototype,"label",2),o([n({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),o([n({attribute:"no-arrow",type:Boolean,reflect:!0})],t.prototype,"noArrow",2),o([n({attribute:"click-to-hide",type:Boolean,reflect:!0})],t.prototype,"clickToHide",2),o([n({reflect:!0})],t.prototype,"placement",2),o([n({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([n({attribute:!1})],t.prototype,"containingElement",2),o([n({type:Number})],t.prototype,"distance",2),o([n({type:Number})],t.prototype,"skidding",2),o([n({type:Boolean,reflect:!0})],t.prototype,"block",2),o([n({type:Boolean})],t.prototype,"hoist",2),o([E("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);c("popover.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("popover.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{t as a};

package/cdn/chunks/chunk.NTKINPCN.js

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

package/cdn/chunks/chunk.NZ2NNGWN.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.RBE3KOZU.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-input";e.define("lynk-input");var s=n({tagName:v,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvChange:"ev-change",EvClear:"ev-clear",EvEnter:"ev-enter",EvFocus:"ev-focus",EvInput:"ev-input",EvInvalid:"ev-invalid"},displayName:"LynkInput"}),a=s;export{a};

package/cdn/chunks/chunk.NZSCHSZJ.js

@@ -1,59 +0,0 @@
-import{a as r}from"./chunk.PINNEFCM.js";var a=r`
-  :host {
-    --track-width: 3px;
-    --track-color: rgb(128 128 128 / 25%);
-    --indicator-color: var(--lynk-color-primary-600);
-    --speed: 2s;
-
-    display: inline-flex;
-    width: 1em;
-    height: 1em;
-    flex: none;
-  }
-
-  .spinner {
-    flex: 1 1 auto;
-    height: 100%;
-    width: 100%;
-  }
-
-  .spinner__track,
-  .spinner__indicator {
-    fill: none;
-    stroke-width: var(--track-width);
-    r: calc(0.5em - var(--track-width) / 2);
-    cx: 0.5em;
-    cy: 0.5em;
-    transform-origin: 50% 50%;
-  }
-
-  .spinner__track {
-    stroke: var(--track-color);
-    transform-origin: 0% 0%;
-    mix-blend-mode: multiply;
-  }
-
-  .spinner__indicator {
-    stroke: var(--indicator-color);
-    stroke-linecap: round;
-    stroke-dasharray: 150% 75%;
-    animation: spin var(--speed) linear infinite;
-  }
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-      stroke-dasharray: 0.05em, 3em;
-    }
-
-    50% {
-      transform: rotate(450deg);
-      stroke-dasharray: 1.375em, 1.375em;
-    }
-
-    100% {
-      transform: rotate(1080deg);
-      stroke-dasharray: 0.05em, 3em;
-    }
-  }
-`;export{a};

package/cdn/chunks/chunk.O4BDYCPQ.js

@@ -1,86 +0,0 @@
-import{a as i}from"./chunk.PINNEFCM.js";var r=i`
-  :host {
-    --divider-width: 0;
-    --divider-hit-area: 24px;
-    --divider-background-color: transparent;
-    --handle-background-color: var(--lynk-color-neutral-100);
-    display: flex;
-  }
-
-  :host([vertical]) {
-    flex-direction: column;
-  }
-
-  ::slotted(lynk-splitter-pane) {
-    overflow: hidden;
-  }
-
-  .divider {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: var(--divider-background-color);
-    color: var(--lynk-color-text);
-    z-index: 1;
-    position: relative;
-  }
-
-  .divider:focus {
-    outline: none;
-  }
-
-  :host(:not([disabled])) .divider:focus-visible {
-    outline: var(--lynk-focus-ring);
-  }
-
-  :host([disabled]) .divider {
-    cursor: not-allowed;
-  }
-
-  /* Horizontal */
-  :host(:not([vertical], [disabled])) .divider {
-    cursor: col-resize;
-  }
-
-  :host(:not([vertical])) .divider::after {
-    display: flex;
-    content: '';
-    position: absolute;
-    height: 100%;
-    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
-    width: var(--divider-hit-area);
-  }
-
-  :host([vertical]:not([disabled])) .divider {
-    cursor: row-resize;
-  }
-
-  :host([vertical]) .divider::after {
-    content: '';
-    position: absolute;
-    width: 100%;
-    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
-    height: var(--divider-hit-area);
-  }
-
-  .handle {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-width: calc(var(--divider-width) / 4);
-    min-height: var(--handle-size, calc(var(--divider-width) * 4));
-    border-radius: 4px;
-    background: var(--handle-background-color);
-  }
-
-  :host([vertical]) .handle {
-    min-width: var(--handle-size, calc(var(--divider-width) * 4));
-    min-height: calc(var(--divider-width) / 4);
-  }
-
-  @media (forced-colors: active) {
-    .divider {
-      outline: solid 1px transparent;
-    }
-  }
-`;export{r as a};

package/cdn/chunks/chunk.OBY54PGZ.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.AZ4DLRCJ.js";import*as r from"react";import{createComponent as o}from"@lit/react";var t="lynk-progress-ring";e.define("lynk-progress-ring");var n=o({tagName:t,elementClass:e,react:r,events:{},displayName:"LynkProgressRing"}),m=n;export{m as a};