@uplynk/lynk-design 1.12.1 → 1.14.0

package/cdn/chunks/chunk.6N55SKAY.js

@@ -0,0 +1,194 @@
+import{a as O}from"./chunk.LSX2NI5C.js";import{a as E}from"./chunk.REVZGHI6.js";import{a as M}from"./chunk.KR7XHIU2.js";import{a as x}from"./chunk.LHJP5W36.js";import{a as z}from"./chunk.Z3HKCQB7.js";import{a as H}from"./chunk.6SH6VGZN.js";import{a as F}from"./chunk.UIKXFUC5.js";import{b as S}from"./chunk.V7E6ITFP.js";import{a as T}from"./chunk.73BQ5ETG.js";import{a as w}from"./chunk.J4VJZB4C.js";import{a as v}from"./chunk.CMZ5RKU4.js";import{a as V}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as $}from"./chunk.TZTBMC6G.js";import{a as r,b as g,d as p,g as k}from"./chunk.HW7MWP4B.js";import{a as C}from"./chunk.D3NKX2L2.js";import{d as u,h as y}from"./chunk.Z3G5EPTI.js";import{e as n}from"./chunk.FI4IKBIW.js";var a=class extends k{constructor(){super(...arguments);this.formControlController=new S(this);this.hasSlotController=new V(this,"help-text","help-tip","label");this.isOpen=!1;this.pendingValue="";this.originalValue="";this.name="";this._value="";this.defaultValue="";this.label="";this.placeholder="";this.helpText="";this.helpTip="";this.disabled=!1;this.readonly=!1;this.required=!1;this.dirty=!1;this.inline=!1;this.size="medium";this.seconds=!1;this.format="locale";this.minuteInterval=1;this.defaultTime="start";this.hoist=!1;this.placement="bottom-start";this.distance=0;this.skidding=0;this.inlinePickers=!1;this.clearable=!1;this.normalizeMode="none";this.handleDropdownShow=()=>{this.isOpen=!0,this.originalValue=this._value,requestAnimationFrame(()=>{var t;this.updatePickersFromValue(),(t=this.clock)!=null&&t.value&&this.clock.scrollToCurrentTime(!0)})};this.handleDropdownHide=()=>{this.isOpen=!1};this.handleKeyDown=t=>{let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!t.isComposing&&!e&&(this.isOpen?(t.preventDefault(),this.hide()):setTimeout(()=>{t.defaultPrevented||this.emit("ev-change")})),t.key==="Escape"&&this.isOpen&&(t.preventDefault(),t.stopPropagation(),this.handleCancel(t))}}get use24HourInput(){return this.format==="24h"}get value(){return this._value}set value(t){this._value=this.normalizeValue(t)}get validity(){var t;return(t=this.dateInput)==null?void 0:t.validity}get validationMessage(){var t;return((t=this.dateInput)==null?void 0:t.validationMessage)||""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.inlinePickers||this.formControlController.updateValidity(),this.inlinePickers?this.updatePickersFromValue():(this.updateInputsFromValue(),this.dropdown.addEventListener("ev-show",this.handleDropdownShow),this.dropdown.addEventListener("ev-hide",this.handleDropdownHide))}handleDateInput(){this.updateValueFromInputs(),this.updatePickersFromInputs(),this.emit("ev-input")}handleTimeInput(){this.updateValueFromInputs(),this.updatePickersFromInputs(),this.emit("ev-input")}handleDateChange(){this.updateValueFromInputs(),this.updatePickersFromInputs(),this.emit("ev-change")}handleTimeChange(){this.updateValueFromInputs(),this.updatePickersFromInputs(),this.emit("ev-change")}pad(t){return String(t).padStart(2,"0")}buildTimeFrom24HourInputs(){var o,h,c;let t=(o=this.hourInput)==null?void 0:o.value,e=(h=this.minuteInput)==null?void 0:h.value,i=(c=this.secondInput)==null?void 0:c.value;if(t===""||e==="")return"";let s=this.pad(parseInt(t)),l=this.pad(parseInt(e));if(this.seconds){let m=this.pad(i!==""&&i!==null&&i!==void 0?parseInt(i):0);return`${s}:${l}:${m}`}return`${s}:${l}`}handle24HourTimeInput(){this.updateValueFromInputs(),this.updatePickersFromInputs(),this.emit("ev-input")}handle24HourTimeChange(){this.updateValueFromInputs(),this.updatePickersFromInputs(),this.emit("ev-change")}handle24HourKeyDown(t){let e=t.target;if(t.key==="ArrowUp"||t.key==="ArrowDown"){t.preventDefault();let i=parseInt(e.value)||0,s=parseInt(e.max),l=t.key==="ArrowUp"?1:-1,o=i+l;o<0&&(o=s),o>s&&(o=0),e.value=this.pad(o),this.handle24HourTimeInput(),e.select()}}handleDateInputClick(t){t.preventDefault()}handleTimeInputClick(t){t.preventDefault()}handleCalendarChange(){this.calendar.value&&(this.clock.value||(this.clock.value=this.defaultTime==="end"?"23:59":"00:00",this.clock.scrollToCurrentTime(!1)),this.inlinePickers?this.updateInlineValue():(this.updatePendingValue(),this.applyPendingValue()))}handleClockChange(){this.clock.value&&(this.inlinePickers?this.updateInlineValue():(this.updatePendingValue(),this.applyPendingValue()))}applyPendingValue(){this.pendingValue&&this.canApply&&(this._value=this.pendingValue,this.updateInputsFromValue(),this.emit("ev-change"))}updateInlineValue(){var i,s;let t=((i=this.calendar)==null?void 0:i.value)||"",e=((s=this.clock)==null?void 0:s.value)||"";if(t&&e){let l=e.length===5?`${e}:00`:e,o=this.getTimezoneOffset(this._value);this._value=o?`${t}T${l}${o}`:`${t}T${l}`,this.emit("ev-change")}}handleCancel(t){t.stopPropagation(),this._value=this.originalValue,this.updateInputsFromValue(),this.updatePickersFromValue(),this.hide()}handleClear(t){var e;t.preventDefault(),t.stopPropagation(),this._value!==""&&(this._value="",this.pendingValue="",this.updateInputsFromValue(),this.updatePickersFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.isOpen?this.hide():(e=this.dateInput)==null||e.focus()}handleTriggerClick(t){t.stopPropagation(),!(this.disabled||this.readonly)&&this.dropdown.handleTriggerClick()}updateValueFromInputs(){let t=this.dateInput.value,e=this.use24HourInput?this.buildTimeFrom24HourInputs():this.timeInput.value;if(t&&e){let i=this.getTimezoneOffset(this._value),s=this.seconds?e:`${e}:00`;this._value=i?`${t}T${s}${i}`:`${t}T${s}`}else if(t){let i=this._value?new Date(this._value):null,s=i&&!isNaN(i.getTime())?i.toTimeString().split(" ")[0]:"00:00:00",l=this.getTimezoneOffset(this._value);this._value=l?`${t}T${s}${l}`:`${t}T${s}`}else if(e){let i=this._value?this._value.split("T")[0]:"";if(i){let s=this.getTimezoneOffset(this._value),l=this.seconds?e:`${e}:00`;this._value=s?`${i}T${l}${s}`:`${i}T${l}`}}else this._value="";this.inlinePickers||this.formControlController.updateValidity()}normalizeValue(t){if(!t)return"";let e=typeof t=="number"?t:Number(t);if(!isNaN(e)&&e>0){let l=e<1e12?e*1e3:e;return this.normalizeMode==="local"?this.toLocalISOString(new Date(l)):new Date(l).toISOString().replace(/\.\d{3}Z$/,"Z")}let i=String(t);if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(i)){let l=new Date(i);if(!isNaN(l.getTime()))return(/([+-]\d{2}:?\d{2}|Z)$/.test(i)||/\.\d{3}([+-]\d{2}:?\d{2}|Z)$/.test(i))&&this.normalizeMode==="local"?this.toLocalISOString(l):i}if(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(i))return i.replace(" ","T");let s=new Date(i);return isNaN(s.getTime())?i:this.normalizeMode==="local"?this.toLocalISOString(s):s.toISOString().replace(/\.\d{3}Z$/,"Z")}toLocalISOString(t){let e=t.getTimezoneOffset(),l=new Date(t.getTime()-e*6e4).toISOString().replace("Z","").replace(/\.\d{3}$/,""),o=e<=0?"+":"-",h=Math.abs(e),c=String(Math.floor(h/60)).padStart(2,"0"),m=String(h%60).padStart(2,"0");return`${l}${o}${c}:${m}`}getTimezoneOffset(t){if(!t)return"";let e=t.match(/(\.\d{3})?([+-]\d{2}:?\d{2}|Z)$/);return e?e[0]:""}updateInputsFromValue(){var t,e;if(this._value){let[i,s]=this._value.split("T"),l=((t=s==null?void 0:s.match(/^\d{2}:\d{2}:\d{2}/))==null?void 0:t[0])||((e=s==null?void 0:s.match(/^\d{2}:\d{2}/))==null?void 0:e[0])||"";if(this.dateInput&&(this.dateInput.value=i||""),this.use24HourInput){let h=(this.seconds?l:l.substring(0,5)).split(":");this.hourInput&&(this.hourInput.value=h[0]||""),this.minuteInput&&(this.minuteInput.value=h[1]||""),this.secondInput&&this.seconds&&(this.secondInput.value=h[2]||"00")}else this.timeInput&&(this.timeInput.value=this.seconds?l:l.substring(0,5))}else this.dateInput&&(this.dateInput.value=""),this.use24HourInput?(this.hourInput&&(this.hourInput.value=""),this.minuteInput&&(this.minuteInput.value=""),this.secondInput&&(this.secondInput.value="")):this.timeInput&&(this.timeInput.value="")}updatePickersFromValue(){var t,e;if(this._value){let[i,s]=this._value.split("T"),l=((t=s==null?void 0:s.match(/^\d{2}:\d{2}:\d{2}/))==null?void 0:t[0])||((e=s==null?void 0:s.match(/^\d{2}:\d{2}/))==null?void 0:e[0])||"";this.calendar&&(this.calendar.value=i||""),this.clock&&(this.clock.value=this.seconds?l:l.substring(0,5))}else this.calendar&&(this.calendar.value=""),this.clock&&(this.clock.value="");this.pendingValue=this._value}updatePickersFromInputs(){var i,s;let t=((i=this.dateInput)==null?void 0:i.value)||"",e=this.use24HourInput?this.buildTimeFrom24HourInputs():((s=this.timeInput)==null?void 0:s.value)||"";this.calendar&&(this.calendar.value=t),this.clock&&(this.clock.value=e),this.updatePendingValue()}updatePendingValue(){var i,s;let t=((i=this.calendar)==null?void 0:i.value)||"",e=((s=this.clock)==null?void 0:s.value)||"";if(t&&e){let l=e.length===5?`${e}:00`:e,o=this.getTimezoneOffset(this._value);this.pendingValue=o?`${t}T${l}${o}`:`${t}T${l}`}else if(t){let l=this.getTimezoneOffset(this._value);this.pendingValue=l?`${t}T00:00:00${l}`:`${t}T00:00:00`}else this.pendingValue=""}get canClear(){return!!this._value}get canApply(){var i,s;let t=((i=this.calendar)==null?void 0:i.value)||"",e=((s=this.clock)==null?void 0:s.value)||"";return!!(t&&e)}show(){this.isOpen||this.disabled||this.readonly||this.dropdown.show()}hide(){this.isOpen&&this.dropdown.hide()}focus(t){var e;(e=this.dateInput)==null||e.focus(t)}blur(){var t,e;(t=this.dateInput)==null||t.blur(),(e=this.timeInput)==null||e.blur()}checkValidity(){return this.inlinePickers?!0:this.use24HourInput?this.dateInput.checkValidity():this.dateInput.checkValidity()&&this.timeInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.inlinePickers?!0:this.use24HourInput?this.dateInput.reportValidity():this.dateInput.reportValidity()&&this.timeInput.reportValidity()}setCustomValidity(t){var e;(e=this.dateInput)==null||e.setCustomValidity(t),this.inlinePickers||this.formControlController.updateValidity()}async handleValueChange(){this.inlinePickers?(await this.updateComplete,this.updatePickersFromValue()):(this.updateInputsFromValue(),this.updatePickersFromValue())}handleNormalizeModeChange(){this._value&&(this._value=this.normalizeValue(this._value),this.inlinePickers?this.updatePickersFromValue():(this.updateInputsFromValue(),this.updatePickersFromValue()))}handleDisabledChange(){this.inlinePickers||this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){let t=u`
+      <lynk-calendar
+        part="calendar"
+        class="date-time-picker__calendar"
+        .min=${this.min}
+        .max=${this.max}
+        .value=${this._value?new Date(this._value).toISOString().split("T")[0]:""}
+        @ev-change=${this.handleCalendarChange}
+      ></lynk-calendar>
+    `,e=u`
+      <lynk-clock
+        part="clock"
+        class="date-time-picker__clock"
+        .format=${this.format}
+        ?seconds=${this.seconds}
+        .minuteInterval=${this.minuteInterval}
+        .value=${this._value?(()=>{var l,o;let[,i]=this._value.split("T"),s=((l=i==null?void 0:i.match(/^\d{2}:\d{2}:\d{2}/))==null?void 0:l[0])||((o=i==null?void 0:i.match(/^\d{2}:\d{2}/))==null?void 0:o[0])||"";return this.seconds?s:s.substring(0,5)})():""}
+        @ev-change=${this.handleClockChange}
+      ></lynk-clock>
+    `;return this.inlinePickers?u`
+        <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}
+          .required=${this.required}
+          .dirty=${this.dirty}
+          .inline=${this.inline}
+        >
+          ${this.hasSlotController.test("label")?u`<slot name="label" slot="label"></slot>`:""}
+          ${this.hasSlotController.test("help-text")?u`<slot name="help-text" slot="help-text"></slot>`:""}
+          ${this.hasSlotController.test("help-tip")?u`<slot name="help-tip" slot="help-tip"></slot>`:""}
+          <div class="date-time-picker__panel-body">${t} ${e}</div>
+        </lynk-form-field>
+      `:u`
+      <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}
+        .required=${this.required}
+        .dirty=${this.dirty}
+        .inline=${this.inline}
+      >
+        ${this.hasSlotController.test("label")?u`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?u`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?u`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        <lynk-dropdown
+          class="date-time-picker__dropdown"
+          part="dropdown"
+          ?disabled=${this.disabled||this.readonly}
+          .open=${this.isOpen}
+          placement="bottom-start"
+          placement=${this.placement}
+          distance=${this.distance}
+          skidding=${this.skidding}
+          .hoist=${this.hoist}
+        >
+          <div
+            slot="trigger"
+            part="input-group"
+            role="group"
+            class=${$({"date-time-picker__input-group":!0,"date-time-picker__input-group--small":this.size==="small","date-time-picker__input-group--medium":this.size==="medium","date-time-picker__input-group--large":this.size==="large","date-time-picker__input-group--disabled":this.disabled,"date-time-picker__input-group--readonly":this.readonly})}
+          >
+            ${this.placeholder&&!this._value?u`<div part="placeholder" class="date-time-picker__placeholder">${this.placeholder}</div>`:""}
+            <input
+              part="date-input"
+              class="date-time-picker__date-input"
+              type="date"
+              role="combobox"
+              aria-label=${this.label?`${this.label} - Date`:"Date"}
+              aria-haspopup="dialog"
+              aria-expanded=${this.isOpen?"true":"false"}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              ?required=${this.required}
+              ?hidden=${this.placeholder&&!this._value}
+              min=${v(this.min)}
+              max=${v(this.max)}
+              @click=${this.handleDateInputClick}
+              @input=${this.handleDateInput}
+              @change=${this.handleDateChange}
+            />
+            ${this.use24HourInput?this.render24HourTimeInputs(!!(this.placeholder&&!this._value)):u`
+                  <input
+                    part="time-input"
+                    class="date-time-picker__time-input"
+                    type="time"
+                    aria-label=${this.label?`${this.label} - Time`:"Time"}
+                    step=${this.seconds?"1":void 0}
+                    ?disabled=${this.disabled}
+                    ?readonly=${this.readonly}
+                    ?required=${this.required}
+                    ?hidden=${this.placeholder&&!this._value}
+                    @click=${this.handleTimeInputClick}
+                    @input=${this.handleTimeInput}
+                    @change=${this.handleTimeChange}
+                  />
+                `}
+            ${this.clearable&&!this.disabled&&!this.readonly&&this._value?u`
+                  <button
+                    part="clear-button"
+                    class="date-time-picker__clear"
+                    type="button"
+                    aria-label="Clear entry"
+                    @click=${this.handleClear}
+                    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-time-picker__trigger"
+              name="calendar"
+              library="system"
+              label="Open date time picker"
+              ?disabled=${this.disabled}
+              @click=${this.handleTriggerClick}
+            ></lynk-icon-button>
+          </div>
+
+          <div class="date-time-picker__panel" id="date-time-panel">
+            <div class="date-time-picker__panel-body">${t} ${e}</div>
+
+            <div part="footer" class="date-time-picker__footer">
+              <lynk-button size="small" color="danger" stealth ?disabled=${!this.canClear} @click=${this.handleClear}>
+                Clear
+              </lynk-button>
+              <lynk-button size="small" color="neutral" stealth @click=${this.handleCancel}> Cancel </lynk-button>
+            </div>
+          </div>
+        </lynk-dropdown>
+      </lynk-form-field>
+    `}render24HourTimeInputs(t){var h,c,m;let e=this._value?(()=>{var b,_;let[,d]=this._value.split("T"),I=((b=d==null?void 0:d.match(/^\d{2}:\d{2}:\d{2}/))==null?void 0:b[0])||((_=d==null?void 0:d.match(/^\d{2}:\d{2}/))==null?void 0:_[0])||"";return this.seconds?I:I.substring(0,5)})():"",i=e?e.split(":"):[],s=(h=i[0])!=null?h:"",l=(c=i[1])!=null?c:"",o=(m=i[2])!=null?m:"";return u`
+      <div
+        part="time-input"
+        class=${$({"date-time-picker__24h-group":!0,"date-time-picker__24h-group--hidden":t})}
+        aria-label=${this.label?`${this.label} - Time`:"Time"}
+      >
+        <input
+          class="date-time-picker__hour-input date-time-picker__segment-input"
+          part="hour-input"
+          type="number"
+          min="0"
+          max="23"
+          placeholder="--"
+          .value=${s}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Hours"
+          @input=${this.handle24HourTimeInput}
+          @change=${this.handle24HourTimeChange}
+          @keydown=${this.handle24HourKeyDown}
+          @focus=${d=>d.target.select()}
+        /><span class="date-time-picker__separator" aria-hidden="true">:</span
+        ><input
+          class="date-time-picker__minute-input date-time-picker__segment-input"
+          part="minute-input"
+          type="number"
+          min="0"
+          max="59"
+          step=${v(this.minuteInterval>1?this.minuteInterval:void 0)}
+          placeholder="--"
+          .value=${l}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Minutes"
+          @input=${this.handle24HourTimeInput}
+          @change=${this.handle24HourTimeChange}
+          @keydown=${this.handle24HourKeyDown}
+          @focus=${d=>d.target.select()}
+        />${this.seconds?u`<span class="date-time-picker__separator" aria-hidden="true">:</span
+              ><input
+                class="date-time-picker__second-input date-time-picker__segment-input"
+                part="second-input"
+                type="number"
+                min="0"
+                max="59"
+                placeholder="--"
+                .value=${o}
+                ?disabled=${this.disabled}
+                ?readonly=${this.readonly}
+                aria-label="Seconds"
+                @input=${this.handle24HourTimeInput}
+                @change=${this.handle24HourTimeChange}
+                @keydown=${this.handle24HourKeyDown}
+                @focus=${d=>d.target.select()}
+              />`:y}
+      </div>
+    `}};a.styles=[C,O],a.dependencies={"lynk-button":F,"lynk-calendar":H,"lynk-clock":z,"lynk-dropdown":E,"lynk-form-field":M,"lynk-icon":w,"lynk-icon-button":T},n([p(".date-time-picker__dropdown")],a.prototype,"dropdown",2),n([p(".date-time-picker__calendar")],a.prototype,"calendar",2),n([p(".date-time-picker__clock")],a.prototype,"clock",2),n([p(".date-time-picker__date-input")],a.prototype,"dateInput",2),n([p(".date-time-picker__time-input")],a.prototype,"timeInput",2),n([p(".date-time-picker__hour-input")],a.prototype,"hourInput",2),n([p(".date-time-picker__minute-input")],a.prototype,"minuteInput",2),n([p(".date-time-picker__second-input")],a.prototype,"secondInput",2),n([g()],a.prototype,"isOpen",2),n([g()],a.prototype,"pendingValue",2),n([r()],a.prototype,"name",2),n([r()],a.prototype,"value",1),n([x()],a.prototype,"defaultValue",2),n([r()],a.prototype,"label",2),n([r()],a.prototype,"placeholder",2),n([r({attribute:"help-text"})],a.prototype,"helpText",2),n([r({attribute:"help-tip"})],a.prototype,"helpTip",2),n([r({type:Boolean,reflect:!0})],a.prototype,"disabled",2),n([r({type:Boolean,reflect:!0})],a.prototype,"readonly",2),n([r({type:Boolean,reflect:!0})],a.prototype,"required",2),n([r({type:Boolean,reflect:!0})],a.prototype,"dirty",2),n([r({type:Boolean,reflect:!0})],a.prototype,"inline",2),n([r({reflect:!0})],a.prototype,"size",2),n([r()],a.prototype,"min",2),n([r()],a.prototype,"max",2),n([r({type:Boolean})],a.prototype,"seconds",2),n([r()],a.prototype,"format",2),n([r({type:Number,attribute:"minute-interval"})],a.prototype,"minuteInterval",2),n([r({attribute:"default-time"})],a.prototype,"defaultTime",2),n([r({type:Boolean})],a.prototype,"hoist",2),n([r({reflect:!0})],a.prototype,"placement",2),n([r({type:Number})],a.prototype,"distance",2),n([r({type:Number})],a.prototype,"skidding",2),n([r({type:Boolean,attribute:"inline-pickers"})],a.prototype,"inlinePickers",2),n([r({type:Boolean})],a.prototype,"clearable",2),n([r({attribute:"normalize"})],a.prototype,"normalizeMode",2),n([f("value",{waitUntilFirstUpdate:!0})],a.prototype,"handleValueChange",1),n([f("normalizeMode")],a.prototype,"handleNormalizeModeChange",1),n([f("disabled",{waitUntilFirstUpdate:!0})],a.prototype,"handleDisabledChange",1);export{a};

package/cdn/chunks/chunk.6NQFQUP2.js

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

package/cdn/chunks/chunk.6RDHNXTF.js

@@ -0,0 +1,59 @@
+import{a as o}from"./chunk.Z3G5EPTI.js";var e=o`
+  :host {
+    --arrow-color: var(--lynk-color-neutral-1000);
+    --arrow-size: 6px;
+
+    /*
+     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
+     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
+     */
+    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
+    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
+
+    display: contents;
+  }
+
+  .popup {
+    position: absolute;
+    isolation: isolate;
+    max-width: var(--auto-size-available-width, none);
+    max-height: var(--auto-size-available-height, none);
+  }
+
+  .popup--fixed {
+    position: fixed;
+  }
+
+  .popup:not(.popup--active) {
+    display: none;
+  }
+
+  .popup__arrow {
+    position: absolute;
+    width: calc(var(--arrow-size-diagonal) * 2);
+    height: calc(var(--arrow-size-diagonal) * 2);
+    rotate: 45deg;
+    background: var(--arrow-color);
+    z-index: -1;
+  }
+
+  /* Hover bridge */
+  .popup-hover-bridge:not(.popup-hover-bridge--visible) {
+    display: none;
+  }
+
+  .popup-hover-bridge {
+    position: fixed;
+    z-index: calc(var(--lynk-z-index-dropdown) - 1);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    clip-path: polygon(
+      var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
+      var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
+      var(--hover-bridge-bottom-right-x, 0) var(--hover-bridge-bottom-right-y, 0),
+      var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
+    );
+  }
+`;export{e as a};

package/cdn/chunks/chunk.6S67HV2F.js

@@ -0,0 +1 @@
+function m(n,e){function t(i){let v=n.getBoundingClientRect(),f=n.ownerDocument.defaultView,a=v.left+f.pageXOffset,c=v.top+f.pageYOffset,u=i.pageX-a,d=i.pageY-c;e!=null&&e.onMove&&e.onMove(u,d)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e!=null&&e.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),(e==null?void 0:e.initialEvent)instanceof PointerEvent&&t(e.initialEvent)}export{m as a};

package/cdn/chunks/chunk.6SH6VGZN.js

@@ -0,0 +1,145 @@
+import{a as $}from"./chunk.NOIJAHWJ.js";import{e as S,f as c,g as i,h as C,i as F,j as k,k as O,l as f,m as g}from"./chunk.NQSWYSUG.js";import{a as R}from"./chunk.GMBMGKSM.js";import{a as U}from"./chunk.TZTBMC6G.js";import{a as m,b as v,g as N}from"./chunk.HW7MWP4B.js";import{a as Y}from"./chunk.D3NKX2L2.js";import{d as h,h as M}from"./chunk.Z3G5EPTI.js";import{e as u}from"./chunk.FI4IKBIW.js";var l=class extends N{constructor(){super();this.currentDate=new Date;this.focusedDate=null;this.hoverDate=null;this.viewMode="calendar";this.type="date";this._value="";this.months=1;this.showOutsideDays=!1;this.showWeekNumbers=!1;this.disableNavigation=!1;this.firstDayOfWeek=1;this.readonly=!1;this.weekNumberFormatter=t=>`${t}`;this.captionLayout="none";try{this.localeFormatter=g.fromOptions({weekday:"short"},this.locale||navigator.language)}catch(t){this.localeFormatter=g.fromOptions({weekday:"short"},"en-US")}}get value(){return this._value}set value(t){let e=this._value;this._value=t,this.requestUpdate("value",e)}connectedCallback(){super.connectedCallback()}updated(t){if(super.updated(t),t.has("value")||t.has("type")){let e=null,a=null;if(this.value){let s;if(this.type==="range"){let[r]=this.value.split("/");s=r?i(r):null}else if(this.type==="multi"){let[r]=this.value.split(/[, ]+/).filter(Boolean);s=r?i(r):null}else s=i(this.value);s&&!Number.isNaN(s.getTime())&&(e=s,a=i({year:s.getUTCFullYear(),month:s.getUTCMonth(),day:1}))}a&&(a.getUTCFullYear()!==this.currentDate.getUTCFullYear()||a.getUTCMonth()!==this.currentDate.getUTCMonth())?this.currentDate=a:!a&&this.value,this.focusedDate=e||i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1})}if(t.has("locale")){try{this.localeFormatter=g.fromOptions({weekday:"short"},this.locale||navigator.language)}catch(e){this.localeFormatter=g.fromOptions({weekday:"short"},"en-US")}this.requestUpdate()}}get localizedMonthNames(){try{return g.fromOptions({month:"long"},this.locale||navigator.language).monthNames.map(e=>e.name.charAt(0).toUpperCase()+e.name.slice(1))}catch(t){return g.fromOptions({month:"long"},"en-US").monthNames.map(a=>a.name.charAt(0).toUpperCase()+a.name.slice(1))}}get localizedWeekDays(){let t=this.localeFormatter.weekdayNames,e=this.firstDayOfWeek;return[...t.slice(e),...t.slice(0,e)].map(a=>a.name.charAt(0).toUpperCase()+a.name.slice(1))}getWeekDays(){return this.localizedWeekDays}getMonthDays(t,e){let a=C(t,e),s=i({year:t,month:e,day:1}),r=i({year:t,month:e,day:a}),o=this.firstDayOfWeek,y=(s.getUTCDay()-o+7)%7,n=(r.getUTCDay()-o+7)%7,p=[];if(this.showOutsideDays){let D=e===0?11:e-1,T=e===0?t-1:t,b=C(T,D);for(let w=y-1;w>=0;w--)p.push(i({year:T,month:D,day:b-w}))}else for(let D=0;D<y;D++)p.push(null);for(let D=1;D<=a;D++)p.push(i({year:t,month:e,day:D}));if(this.showOutsideDays){let D=e===11?0:e+1,T=e===11?t+1:t;for(let b=1;b<=6-n;b++)p.push(i({year:T,month:D,day:b}))}else for(let D=0;D<6-n;D++)p.push(null);return p}getWeekNumber(t){let e=S(t),a=i({year:e.year,month:0,day:1}),s=(t.getTime()-a.getTime())/864e5;return Math.ceil((s+a.getUTCDay()+1)/7)}isDateDisabled(t){var e;return!!(this.readonly||this.min&&t<new Date(this.min)||this.max&&t>new Date(this.max)||(e=this.isDateDisallowed)!=null&&e.call(this,t))}isDateOutsideMonth(t,e){return t.getUTCMonth()!==e}isDateToday(t){return O(c(t))}isSameDay(t,e){return Number.isNaN(t.getTime())||Number.isNaN(e.getTime())?!1:c(t)===c(e)}isDateSelected(t){switch(this.type){case"date":{if(!this.value)return!1;let e=i(this.value);return Number.isNaN(e.getTime())?!1:this.isSameDay(t,e)}case"multi":return this.value?this.value.split(/[, ]+/).filter(Boolean).map(a=>i(a)).some(a=>!Number.isNaN(a.getTime())&&this.isSameDay(t,a)):!1;case"range":{let e=this.startDate,a=this.endDate;if(!e||!a)return!1;let s=c(t);return!F(s,c(a))&&!k(s,c(e))}default:return!1}}get startDate(){if(this.type!=="range"||!this.value)return null;let[t]=this.value.split("/");return t?i(t):null}get endDate(){if(this.type!=="range"||!this.value)return null;let[,t]=this.value.split("/");return t?i(t):null}isRangeStart(t){if(this.type!=="range")return!1;if(this.startDate&&!this.endDate&&this.hoverDate){let a=this.startDate<this.hoverDate?this.startDate:this.hoverDate;return this.isSameDay(t,a)}let e=this.startDate;return e?this.isSameDay(t,e):!1}isRangeEnd(t){if(this.type!=="range")return!1;if(this.startDate&&!this.endDate&&this.hoverDate){let a=this.startDate>this.hoverDate?this.startDate:this.hoverDate;return this.isSameDay(t,a)}let e=this.endDate||this.hoverDate;return e?this.isSameDay(t,e):!1}isDateInRange(t){if(this.type!=="range")return!1;let e=this.startDate,a=this.endDate;if(e&&!a&&this.hoverDate){let d=e<this.hoverDate?e:this.hoverDate,y=e>this.hoverDate?e:this.hoverDate;e=d,a=y}if(!e||!a)return!1;let s=c(t),r=c(e),o=c(a);return s>r&&s<o}handleDateHover(t){this.type!=="range"||!this.startDate||this.endDate||(this.hoverDate=t)}handleDateLeave(){this.type==="range"&&(this.hoverDate=null)}async handleKeyDown(t,e){var d;let a,s=c(e);switch(t.key){case"ArrowRight":a=i(f(s,"day",1));break;case"ArrowLeft":a=i(f(s,"day",-1));break;case"ArrowDown":a=i(f(s,"day",7));break;case"ArrowUp":a=i(f(s,"day",-7));break;case"PageUp":a=i(f(s,t.shiftKey?"year":"month",-1));break;case"PageDown":a=i(f(s,t.shiftKey?"year":"month",1));break;case"Home":a=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1});break;case"End":a=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth()+this.months,day:0});break;case"Enter":case" ":!this.readonly&&!this.isDateDisabled(e)&&this.handleDateClick(e),t.preventDefault();return;default:return}let r=new Date(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate());if(!this.isDateDisabled(r)){this.focusedDate=r,this.type==="range"&&this.startDate&&!this.endDate&&(this.hoverDate=r);let y=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1}),n=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth()+this.months,day:0}),p=r<y,D=r>n;(p||D)&&(this.currentDate=i({year:r.getUTCFullYear(),month:r.getUTCMonth(),day:1}))}this.requestUpdate(),await this.updateComplete;let o=(d=this.shadowRoot)==null?void 0:d.querySelector('button[tabindex="0"]');o&&o.focus(),t.preventDefault()}handleDateClick(t){if(!this.isDateDisabled(t)){switch(this.focusedDate=new Date(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()),this.type){case"date":{this.value=c(t);break}case"multi":{let e=c(t),a=this.value.split(/[, ]+/).filter(Boolean),s=a.indexOf(e);s>-1?a.splice(s,1):a.push(e),this.value=a.join(" ");break}case"range":{let e=c(t),a=this.startDate,s=this.endDate;!a||a&&s?(this.value=`${e}/`,this.hoverDate=null):a&&!s&&(k(e,c(a))?this.value=`${e}/${c(a)}`:this.value=`${c(a)}/${e}`,this.hoverDate=null);break}}this.requestUpdate(),this.emit("ev-change")}}handlePreviousMonth(){if(this.disableNavigation)return;let t=c(this.currentDate),e=i(f(t,"month",-this.months));this.currentDate=e,this.focusedDate=i({year:e.getUTCFullYear(),month:e.getUTCMonth(),day:1})}handleNextMonth(){if(this.disableNavigation)return;let t=c(this.currentDate),e=i(f(t,"month",this.months));this.currentDate=e,this.focusedDate=i({year:e.getUTCFullYear(),month:e.getUTCMonth(),day:1})}renderMonth(t,e){let a=this.getMonthDays(t,e),s=this.localizedWeekDays,r=[],o=[];return a.forEach(d=>{o.push(d),o.length===7&&(r.push(o),o=[])}),o.length>0&&r.push(o),h`
+      <div class="calendar-month">
+        <div class="calendar-grid">
+          <table class="calendar-table">
+            <thead>
+              <tr>
+                ${this.showWeekNumbers?h`<th class="weeknumber" part="weeknumber-header"></th>`:M}
+                ${$(s,d=>d,d=>h`<th part="weekday">${d}</th>`)}
+              </tr>
+            </thead>
+            <tbody>
+              ${$(r,d=>d[0]?c(d[0]):String(Math.random()),d=>{var y;return h`
+                  <tr>
+                    ${this.showWeekNumbers?h`
+                          <td class="weeknumber" part="weeknumber">
+                            ${(y=d.find(n=>n))!=null&&y.getUTCDate()?this.weekNumberFormatter(this.getWeekNumber(d.find(n=>n))):""}
+                          </td>
+                        `:M}
+                    ${$(d,n=>n?c(n):String(Math.random()),n=>{var p;return n?h`
+                              <td>
+                                <button
+                                  class=${U({outside:this.isDateOutsideMonth(n,e),disabled:this.isDateDisabled(n),selected:this.isDateSelected(n),"in-range":this.isDateInRange(n),today:this.isDateToday(n),"range-start":this.isRangeStart(n),"range-end":this.isRangeEnd(n)})}
+                                  part=${["day",this.isDateToday(n)?"today":"",this.isDateSelected(n)?"selected":"",this.isRangeStart(n)?"range-start":"",this.isRangeEnd(n)?"range-end":"",this.isDateInRange(n)?"in-range":"",this.isDateOutsideMonth(n,e)?"outside":"",this.isDateDisabled(n)?"disabled":"",(p=this.isDateDisallowed)!=null&&p.call(this,n)?"disallowed":""].filter(Boolean).join(" ")}
+                                  ?disabled=${this.isDateDisabled(n)}
+                                  ?aria-disabled=${this.isDateDisabled(n)?"true":void 0}
+                                  ?aria-pressed=${this.isDateSelected(n)?"true":void 0}
+                                  aria-current=${this.isDateToday(n)?"date":void 0}
+                                  aria-label=${`${this.localizedMonthNames[n.getUTCMonth()]} ${n.getUTCDate()}`}
+                                  tabindex=${this.focusedDate&&this.isSameDay(n,this.focusedDate)?0:-1}
+                                  @click=${()=>this.handleDateClick(n)}
+                                  @keydown=${D=>this.handleKeyDown(D,n)}
+                                  @mouseenter=${()=>this.handleDateHover(n)}
+                                  @mouseleave=${()=>this.handleDateLeave()}
+                                >
+                                  ${n.getUTCDate()}
+                                </button>
+                              </td>
+                            `:h`<td></td>`})}
+                  </tr>
+                `})}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    `}handleMonthYearClick(){this.captionLayout!=="none"&&(this.viewMode="month")}handleYearClick(){this.captionLayout!=="none"&&(this.viewMode="year")}handleMonthSelect(t){this.currentDate=i({year:this.currentDate.getUTCFullYear(),month:t,day:1}),this.viewMode="calendar"}handleYearSelect(t){this.currentDate=i({year:t,month:this.currentDate.getUTCMonth(),day:1}),this.viewMode="calendar"}handlePreviousYear(){this.currentDate=i({year:this.currentDate.getUTCFullYear()-1,month:this.currentDate.getUTCMonth(),day:1})}handleNextYear(){this.currentDate=i({year:this.currentDate.getUTCFullYear()+1,month:this.currentDate.getUTCMonth(),day:1})}handlePreviousYearRange(){let t=this.currentDate.getUTCFullYear();this.currentDate=i({year:t-12,month:this.currentDate.getUTCMonth(),day:1})}handleNextYearRange(){let t=this.currentDate.getUTCFullYear();this.currentDate=i({year:t+12,month:this.currentDate.getUTCMonth(),day:1})}render(){switch(this.viewMode){case"month":return this.renderMonthSelection();case"year":return this.renderYearSelection();default:return this.renderCalendarView()}}renderMonthSelection(){let t=this.localizedMonthNames,e=this.currentDate.getUTCMonth(),a=this.currentDate.getUTCFullYear();return h`
+      <div class="month-selection">
+        <div class="header">
+          <span class="current-year">${a}</span>
+          <div class="navigation">
+            <button @click=${()=>this.handlePreviousYear()}>
+              <lynk-icon name="chevron-left" library="system"></lynk-icon>
+            </button>
+            <button @click=${()=>this.handleNextYear()}>
+              <lynk-icon name="chevron-right" library="system"></lynk-icon>
+            </button>
+          </div>
+        </div>
+        <div class="months-grid">
+          ${t.map((s,r)=>h`
+              <button
+                class=${U({"month-button":!0,selected:r===e})}
+                @click=${()=>this.handleMonthSelect(r)}
+              >
+                ${s}
+              </button>
+            `)}
+        </div>
+      </div>
+    `}renderYearSelection(){let t=this.currentDate.getUTCFullYear(),e=t-5,a=Array.from({length:12},(s,r)=>e+r);return h`
+      <div class="year-selection">
+        <div class="header">
+          <span class="year-range">${e}-${e+11}</span>
+          <div class="navigation">
+            <button @click=${()=>this.handlePreviousYearRange()}>
+              <lynk-icon name="chevron-left" library="system"></lynk-icon>
+            </button>
+            <button @click=${()=>this.handleNextYearRange()}>
+              <lynk-icon name="chevron-right" library="system"></lynk-icon>
+            </button>
+          </div>
+        </div>
+        <div class="years-grid">
+          ${a.map(s=>h`
+              <button
+                class=${U({"year-button":!0,selected:s===t})}
+                @click=${()=>this.handleYearSelect(s)}
+              >
+                ${s}
+              </button>
+            `)}
+        </div>
+      </div>
+    `}renderCalendarView(){let t=this.currentDate.getUTCFullYear(),e=this.currentDate.getUTCMonth(),a=Array.from({length:this.months},(r,o)=>i({year:t,month:e+o,day:1})),s;if(this.months===1)switch(this.captionLayout){case"buttons":s=h`
+            <div class="calendar-heading">
+              <button @click=${this.handleMonthYearClick}>${this.localizedMonthNames[e]}</button>
+              <button @click=${this.handleYearClick}>${t}</button>
+            </div>
+          `;break;case"dropdown":s=h`
+            <div class="calendar-heading">
+              <select @change=${r=>this.handleMonthSelect(Number(r.target.value))}>
+                ${this.localizedMonthNames.map((r,o)=>h`<option value=${o} ?selected=${o===e}>${r}</option>`)}
+              </select>
+              <select @change=${r=>this.handleYearSelect(Number(r.target.value))}>
+                ${Array.from({length:12},(r,o)=>t-5+o).map(r=>h`<option value=${r} ?selected=${r===t}>${r}</option>`)}
+              </select>
+            </div>
+          `;break;default:s=h`
+            <div class="calendar-heading">${this.localizedMonthNames[e]} ${t}</div>
+          `}else{let r=a[0],o=a[a.length-1];s=h`
+        <div part="heading" class="calendar-heading main-heading">
+          ${this.localizedMonthNames[r.getUTCMonth()]} ${r.getUTCFullYear()} –
+          ${this.localizedMonthNames[o.getUTCMonth()]} ${o.getUTCFullYear()}
+        </div>
+      `}return h`
+      <div class="calendar">
+        <div class="calendar-header">
+          ${this.disableNavigation?M:h`
+                <button
+                  part="button previous"
+                  class="navigation-button"
+                  @click=${this.handlePreviousMonth}
+                  aria-label="Previous month"
+                >
+                  <lynk-icon name="chevron-left" library="system"></lynk-icon>
+                </button>
+              `}
+          ${s}
+          ${this.disableNavigation?M:h`
+                <button
+                  part="button next"
+                  class="navigation-button"
+                  @click=${this.handleNextMonth}
+                  aria-label="Next month"
+                >
+                  <lynk-icon name="chevron-right" library="system"></lynk-icon>
+                </button>
+              `}
+        </div>
+        <div class="calendar-months-row" style="display: flex; gap: 2em;">
+          ${a.map(r=>h`
+              <div class="calendar-month-container">${this.renderMonth(r.getUTCFullYear(),r.getUTCMonth())}</div>
+            `)}
+        </div>
+      </div>
+    `}};l.styles=[Y,R],u([v()],l.prototype,"currentDate",2),u([v()],l.prototype,"focusedDate",2),u([v()],l.prototype,"localeFormatter",2),u([v()],l.prototype,"hoverDate",2),u([v()],l.prototype,"viewMode",2),u([m({reflect:!0})],l.prototype,"type",2),u([m()],l.prototype,"value",1),u([m({type:Number})],l.prototype,"months",2),u([m({type:Boolean,attribute:"show-outside-days"})],l.prototype,"showOutsideDays",2),u([m({type:Boolean,attribute:"show-week-numbers"})],l.prototype,"showWeekNumbers",2),u([m({type:Boolean,attribute:"disable-navigation"})],l.prototype,"disableNavigation",2),u([m({type:Number,attribute:"first-day-of-week"})],l.prototype,"firstDayOfWeek",2),u([m()],l.prototype,"min",2),u([m()],l.prototype,"max",2),u([m()],l.prototype,"locale",2),u([m({type:Boolean,reflect:!0})],l.prototype,"readonly",2),u([m({attribute:!1})],l.prototype,"isDateDisallowed",2),u([m({attribute:!1})],l.prototype,"weekNumberFormatter",2),u([m({attribute:"caption-layout"})],l.prototype,"captionLayout",2);export{l as a};

package/cdn/chunks/chunk.6SJ3UG3X.js

@@ -0,0 +1,59 @@
+import{a as $}from"./chunk.PRVHTHG2.js";import{a as C}from"./chunk.KR7XHIU2.js";import{a as g}from"./chunk.53QYKSEW.js";import{a as b}from"./chunk.LHJP5W36.js";import{b as f,c as v}from"./chunk.V7E6ITFP.js";import{a as s}from"./chunk.CMZ5RKU4.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as o}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.TZTBMC6G.js";import{a as l,b as u,d as n,g as p}from"./chunk.HW7MWP4B.js";import{a as m}from"./chunk.D3NKX2L2.js";import{d as r}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.formControlController=new f(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new c(this,"help-text","help-tip","label");this.hasFocus=!1;this.title="";this.name="";this.value="";this.state="default";this.size="medium";this.filled=!1;this.label="";this.helpText="";this.helpTip="";this.placeholder="";this.rows=4;this.resize="vertical";this.disabled=!1;this.readonly=!1;this.restricted=!1;this.form="";this.required=!1;this.dirty=!1;this.inline=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){var i,a;return(a=(i=this.input)==null?void 0:i.validity)!=null?a:v}get validationMessage(){var i;return(i=this.input)==null?void 0:i.validationMessage}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setTextareaHeight()),this.updateComplete.then(()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})}firstUpdated(){this.input&&this.formControlController.updateValidity()}disconnectedCallback(){var i;super.disconnectedCallback(),this.input&&((i=this.resizeObserver)==null||i.unobserve(this.input))}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("ev-change")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleInput(){this.value=this.input.value,this.emit("ev-input")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}setTextareaHeight(){this.resize==="auto"?(this.sizeAdjuster.style.height=`${this.input.clientHeight}px`,this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=""}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.input&&(this.formControlController.updateValidity(),this.setTextareaHeight())}focus(i){this.input.focus(i)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(i){if(i){typeof i.top=="number"&&(this.input.scrollTop=i.top),typeof i.left=="number"&&(this.input.scrollLeft=i.left);return}return{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(i,a,h="none"){this.input.setSelectionRange(i,a,h)}setRangeText(i,a,h,z){this.input.setRangeText(i,a,h,z),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){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}
+        .required=${this.required}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?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>`:""}
+        <div
+          part="base"
+          class=${d({textarea:!0,"textarea--small":this.size==="small","textarea--medium":this.size==="medium","textarea--large":this.size==="large","textarea--standard":!this.filled,"textarea--filled":this.filled,"textarea--disabled":this.disabled,"textarea--restricted":this.restricted,"textarea--focused":this.hasFocus,"textarea--empty":!this.value,"textarea--resize-none":this.resize==="none","textarea--resize-vertical":this.resize==="vertical","textarea--resize-auto":this.resize==="auto"})}
+        >
+          ${this.restricted?r`
+                <div part="textarea" class="textarea__control textarea__control--restricted">
+                  ${this.value||"None"}
+                </div>
+              `:r`
+                <textarea
+                  part="textarea"
+                  class="textarea__control"
+                  title=${this.title}
+                  name=${s(this.name)}
+                  .value=${g(this.value)}
+                  ?disabled=${this.disabled}
+                  ?readonly=${this.readonly}
+                  ?required=${this.required}
+                  placeholder=${s(this.placeholder)}
+                  rows=${s(this.rows)}
+                  minlength=${s(this.minlength)}
+                  maxlength=${s(this.maxlength)}
+                  autocapitalize=${s(this.autocapitalize)}
+                  ?autofocus=${this.autofocus}
+                  spellcheck=${s(this.spellcheck)}
+                  enterkeyhint=${s(this.enterkeyhint)}
+                  inputmode=${s(this.inputmode)}
+                  aria-label=${this.label||"Textarea"}
+                  @change=${this.handleChange}
+                  @input=${this.handleInput}
+                  @invalid=${this.handleInvalid}
+                  @focus=${this.handleFocus}
+                  @blur=${this.handleBlur}
+                ></textarea>
+              `}
+          <div part="textarea-adjuster" class="textarea__size-adjuster" ?hidden=${this.resize!=="auto"}></div>
+        </div>
+        <slot name="action"></slot>
+      </lynk-form-field>
+    `}};t.styles=[m,$],t.dependencies={"lynk-form-field":C},e([n(".textarea__control")],t.prototype,"input",2),e([n(".textarea__size-adjuster")],t.prototype,"sizeAdjuster",2),e([u()],t.prototype,"hasFocus",2),e([l()],t.prototype,"title",2),e([l()],t.prototype,"name",2),e([l()],t.prototype,"value",2),e([l({reflect:!0})],t.prototype,"state",2),e([l({reflect:!0})],t.prototype,"size",2),e([l({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([l()],t.prototype,"label",2),e([l({attribute:"help-text"})],t.prototype,"helpText",2),e([l({attribute:"help-tip"})],t.prototype,"helpTip",2),e([l()],t.prototype,"placeholder",2),e([l({type:Number})],t.prototype,"rows",2),e([l()],t.prototype,"resize",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([l({type:Boolean,reflect:!0})],t.prototype,"restricted",2),e([l({reflect:!0})],t.prototype,"form",2),e([l({type:Boolean,reflect:!0})],t.prototype,"required",2),e([l({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([l({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([l({type:Number})],t.prototype,"minlength",2),e([l({type:Number})],t.prototype,"maxlength",2),e([l()],t.prototype,"autocapitalize",2),e([l()],t.prototype,"autocomplete",2),e([l({type:Boolean})],t.prototype,"autofocus",2),e([l()],t.prototype,"enterkeyhint",2),e([l({type:Boolean,converter:{fromAttribute:i=>!(!i||i==="false"),toAttribute:i=>i?"true":"false"}})],t.prototype,"spellcheck",2),e([l()],t.prototype,"inputmode",2),e([b()],t.prototype,"defaultValue",2),e([o("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([o("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([o("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

package/cdn/chunks/chunk.6Y52JMAY.js

@@ -0,0 +1,15 @@
+import{a as n}from"./chunk.W7FA2UN5.js";import{a as h}from"./chunk.YHSYTTFF.js";import{a as d}from"./chunk.YZSIY5HS.js";import{a as s}from"./chunk.TZTBMC6G.js";import{a as r,b as o,g as l}from"./chunk.HW7MWP4B.js";import{a}from"./chunk.D3NKX2L2.js";import{d as i}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.hasSlotController=new h(this,"heading");this.squished=!1;this.heading=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}firstUpdated(){this.handleSquished()}handleSquished(){this.squished?this.setAttribute("squished",this.squished?"true":"false"):this.removeAttribute("squished")}render(){let u=this.hasSlotController.test("heading"),m=this.heading?!0:!!u;return i`
+      <div
+        id="heading"
+        part="base"
+        class=${s({"nav-group__heading":!0})}
+        aria-hidden=${m?"false":"true"}
+      >
+        <slot name="heading">${this.heading}</slot>
+      </div>
+
+      <slot
+        part="children"
+        class=${s({"nav-group":!0,"nav-group--squished":this.squished})}
+      ></slot>
+    `}};t.styles=[a,n],e([o()],t.prototype,"squished",2),e([r({reflect:!0})],t.prototype,"heading",2),e([d("squished",{waitUntilFirstUpdate:!0})],t.prototype,"handleSquished",1);export{t as a};

package/cdn/chunks/chunk.73BQ5ETG.js

@@ -0,0 +1,33 @@
+import{a as b}from"./chunk.YEFIUKRL.js";import{a as l,b as h}from"./chunk.NISDUI5S.js";import{a as p}from"./chunk.J4VJZB4C.js";import{a as i}from"./chunk.CMZ5RKU4.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as u}from"./chunk.TZTBMC6G.js";import{a as r,b as a,d as n,g as d}from"./chunk.HW7MWP4B.js";import{a as f}from"./chunk.D3NKX2L2.js";import{e as s}from"./chunk.FI4IKBIW.js";var t=class extends d{constructor(){super(...arguments);this.hasFocus=!1;this.hasSlotController=new c(this,"prefix","suffix");this.color="default";this.label="";this.disabled=!1}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.emit("ev-click")}render(){let e=!!this.href,o=e?l`a`:l`button`;return h`
+      <${o}
+        part="base"
+        class=${u({"icon-button":!0,"icon-button--default":this.color==="default","icon-button--primary":this.color==="primary","icon-button--success":this.color==="success","icon-button--neutral":this.color==="neutral","icon-button--warning":this.color==="warning","icon-button--danger":this.color==="danger","icon-button--disabled":!e&&this.disabled,"icon-button--focused":this.hasFocus,"icon-button--has-prefix":this.hasSlotController.test("prefix"),"icon-button--has-suffix":this.hasSlotController.test("suffix")})}
+        ?disabled=${i(e?void 0:this.disabled)}
+        type=${i(e?void 0:"button")}
+        href=${i(e?this.href:void 0)}
+        target=${i(e?this.target:void 0)}
+        download=${i(e?this.download:void 0)}
+        rel=${i(e&&this.target?"noreferrer noopener":void 0)}
+        role=${i(e?void 0:"button")}
+        aria-disabled=${this.disabled?"true":"false"}
+        aria-label="${this.label}"
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <span part="prefix" class="icon-button__prefix">
+          <slot name="prefix"></slot>
+        </span>
+        <lynk-icon
+          class="icon-button__icon"
+          name=${i(this.name)}
+          library=${i(this.library)}
+          src=${i(this.src)}
+          aria-hidden="true"
+        ></lynk-icon>
+        <span part="suffix" class="icon-button__suffix">
+          <slot name="suffix"></slot>
+        </span>
+      </${o}>
+    `}};t.styles=[f,b],t.dependencies={"lynk-icon":p},s([n(".icon-button")],t.prototype,"button",2),s([a()],t.prototype,"hasFocus",2),s([r({reflect:!0})],t.prototype,"color",2),s([r()],t.prototype,"name",2),s([r()],t.prototype,"library",2),s([r()],t.prototype,"src",2),s([r()],t.prototype,"href",2),s([r()],t.prototype,"target",2),s([r()],t.prototype,"download",2),s([r()],t.prototype,"label",2),s([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2);export{t as a};

package/cdn/chunks/chunk.77CPF556.js

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