@uplynk/lynk-design 1.16.0 → 1.17.0

package/cdn/chunks/chunk.AAHTAN25.js

@@ -0,0 +1,199 @@
+import{a as O}from"./chunk.3LZ65O3F.js";import{a as E}from"./chunk.VZ2OC3KT.js";import{a as M}from"./chunk.EPZLQ3DI.js";import{a as x}from"./chunk.ZSJ54B7U.js";import{a as z}from"./chunk.EAUFK66H.js";import{a as H}from"./chunk.POL3TV3A.js";import{a as F}from"./chunk.B6QLXA4E.js";import{b as T}from"./chunk.V7E6ITFP.js";import{a as S}from"./chunk.MJSPPTEA.js";import{a as w}from"./chunk.YGKL27T3.js";import{a as v}from"./chunk.ZP7BBHMJ.js";import{a as V}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as $}from"./chunk.3RH6CRTR.js";import{a as r,b as g,d as p,g as k}from"./chunk.OIRZUCYP.js";import{a as C}from"./chunk.45RIPFQU.js";import{d as u,h as y}from"./chunk.QRMWQQRW.js";import{e as l}from"./chunk.FI4IKBIW.js";var a=class extends k{constructor(){super(...arguments);this.formControlController=new T(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.optional=!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)),n=this.pad(parseInt(e));if(this.seconds){let m=this.pad(i!==""&&i!==null&&i!==void 0?parseInt(i):0);return`${s}:${n}:${m}`}return`${s}:${n}`}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),n=t.key==="ArrowUp"?1:-1,o=i+n;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 n=e.length===5?`${e}:00`:e,o=this.getTimezoneOffset(this._value);this._value=o?`${t}T${n}${o}`:`${t}T${n}`,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",n=this.getTimezoneOffset(this._value);this._value=n?`${t}T${s}${n}`:`${t}T${s}`}else if(e){let i=this._value?this._value.split("T")[0]:"";if(i){let s=this.getTimezoneOffset(this._value),n=this.seconds?e:`${e}:00`;this._value=s?`${i}T${n}${s}`:`${i}T${n}`}}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 n=e<1e12?e*1e3:e;return this.normalizeMode==="local"?this.toLocalISOString(new Date(n)):new Date(n).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 n=new Date(i);if(!isNaN(n.getTime()))return(/([+-]\d{2}:?\d{2}|Z)$/.test(i)||/\.\d{3}([+-]\d{2}:?\d{2}|Z)$/.test(i))&&this.normalizeMode==="local"?this.toLocalISOString(n):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(),n=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`${n}${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"),n=((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?n:n.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?n:n.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"),n=((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?n:n.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 n=e.length===5?`${e}:00`:e,o=this.getTimezoneOffset(this._value);this.pendingValue=o?`${t}T${n}${o}`:`${t}T${n}`}else if(t){let n=this.getTimezoneOffset(this._value);this.pendingValue=n?`${t}T00:00:00${n}`:`${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 n,o;let[,i]=this._value.split("T"),s=((n=i==null?void 0:i.match(/^\d{2}:\d{2}:\d{2}/))==null?void 0:n[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}
+          .optional=${this.optional}
+          .readonly=${this.readonly}
+          .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}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .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-readonly=${this.readonly?"true":"false"}
+              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:"",n=(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=${n}
+          ?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":S},l([p(".date-time-picker__dropdown")],a.prototype,"dropdown",2),l([p(".date-time-picker__calendar")],a.prototype,"calendar",2),l([p(".date-time-picker__clock")],a.prototype,"clock",2),l([p(".date-time-picker__date-input")],a.prototype,"dateInput",2),l([p(".date-time-picker__time-input")],a.prototype,"timeInput",2),l([p(".date-time-picker__hour-input")],a.prototype,"hourInput",2),l([p(".date-time-picker__minute-input")],a.prototype,"minuteInput",2),l([p(".date-time-picker__second-input")],a.prototype,"secondInput",2),l([g()],a.prototype,"isOpen",2),l([g()],a.prototype,"pendingValue",2),l([r()],a.prototype,"name",2),l([r()],a.prototype,"value",1),l([x()],a.prototype,"defaultValue",2),l([r()],a.prototype,"label",2),l([r()],a.prototype,"placeholder",2),l([r({attribute:"help-text"})],a.prototype,"helpText",2),l([r({attribute:"help-tip"})],a.prototype,"helpTip",2),l([r({type:Boolean,reflect:!0})],a.prototype,"disabled",2),l([r({type:Boolean,reflect:!0})],a.prototype,"readonly",2),l([r({type:Boolean,reflect:!0})],a.prototype,"required",2),l([r({type:Boolean,reflect:!0})],a.prototype,"optional",2),l([r({type:Boolean,reflect:!0})],a.prototype,"dirty",2),l([r({type:Boolean,reflect:!0})],a.prototype,"inline",2),l([r({reflect:!0})],a.prototype,"size",2),l([r()],a.prototype,"min",2),l([r()],a.prototype,"max",2),l([r({type:Boolean})],a.prototype,"seconds",2),l([r()],a.prototype,"format",2),l([r({type:Number,attribute:"minute-interval"})],a.prototype,"minuteInterval",2),l([r({attribute:"default-time"})],a.prototype,"defaultTime",2),l([r({type:Boolean})],a.prototype,"hoist",2),l([r({reflect:!0})],a.prototype,"placement",2),l([r({type:Number})],a.prototype,"distance",2),l([r({type:Number})],a.prototype,"skidding",2),l([r({type:Boolean,attribute:"inline-pickers"})],a.prototype,"inlinePickers",2),l([r({type:Boolean})],a.prototype,"clearable",2),l([r({attribute:"normalize"})],a.prototype,"normalizeMode",2),l([f("value",{waitUntilFirstUpdate:!0})],a.prototype,"handleValueChange",1),l([f("normalizeMode")],a.prototype,"handleNormalizeModeChange",1),l([f("disabled",{waitUntilFirstUpdate:!0})],a.prototype,"handleDisabledChange",1);export{a};

package/cdn/chunks/chunk.ABBIAC3R.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.NCY5QP4P.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var n="lynk-splitter";e.define("lynk-splitter");var s=r({tagName:n,elementClass:e,react:t,events:{EvReady:"ev-ready",EvSplitterResize:"ev-splitter-resize",EvAfterSplitterResize:"ev-after-splitter-resize"},displayName:"LynkSplitter"}),o=s;export{o as a};

package/cdn/chunks/chunk.AEDFRWPY.js

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

package/cdn/chunks/chunk.AHOZRJRP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3ACZQW5W.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tag";e.define("lynk-tag");var m=n({tagName:o,elementClass:e,react:t,events:{EvRemove:"ev-remove"},displayName:"LynkTag"}),p=m;export{p as a};

package/cdn/chunks/chunk.AIC26RJM.js

@@ -0,0 +1,259 @@
+import{a as i}from"./chunk.QRMWQQRW.js";var r=i`
+  :host {
+    display: block;
+  }
+
+  .time-picker__input-group {
+    display: flex;
+    align-items: stretch;
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    color: var(--lynk-input-color);
+    cursor: text;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  .time-picker__input-group:hover:not(.time-picker__input-group--disabled):not(.time-picker__input-group--readonly) {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+
+  .time-picker__input-group:focus-within:not(.time-picker__input-group--disabled):not(
+      .time-picker__input-group--readonly
+    ) {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  .time-picker__input-group--small {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    height: var(--lynk-input-height-small);
+    padding-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .time-picker__input-group--medium {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    height: var(--lynk-input-height-medium);
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .time-picker__input-group--large {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    height: var(--lynk-input-height-large);
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .time-picker__input-group--disabled {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .time-picker__input-group--readonly {
+    border-color: var(--lynk-color-neutral-200);
+    cursor: default;
+  }
+
+  .time-picker__input-group--readonly:hover {
+    border-color: var(--lynk-color-neutral-200);
+  }
+
+  .time-picker__input-group--readonly:focus-within {
+    border-color: var(--lynk-color-neutral-400);
+    box-shadow: none;
+  }
+
+  .time-picker__input-group--readonly .time-picker__trigger {
+    color: var(--lynk-color-neutral-300);
+  }
+
+  .time-picker__time-input {
+    flex: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: start;
+    position: relative;
+    width: 100%;
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    vertical-align: top;
+    overflow: hidden;
+    cursor: inherit;
+    transition: var(--lynk-transition-fast) color;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    color: inherit;
+    outline: none;
+  }
+
+  .time-picker__time-input:disabled {
+    cursor: not-allowed;
+  }
+
+  /* Hide native time input icons and disable browser pickers */
+  .time-picker__time-input::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .time-picker__time-input::-webkit-inner-spin-button {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .time-picker__time-input::-webkit-clear-button {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .time-picker__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--lynk-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--lynk-transition-fast) color;
+    cursor: pointer;
+    margin-inline-start: 12px;
+  }
+
+  .time-picker__clear:hover {
+    color: var(--lynk-input-icon-color-hover);
+  }
+
+  .time-picker__clear:focus {
+    outline: none;
+  }
+
+  .time-picker__placeholder {
+    align-self: center;
+    color: var(--lynk-input-placeholder-color);
+    user-select: none;
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 200px;
+    text-overflow: ellipsis;
+  }
+
+  .time-picker__trigger {
+    align-self: center;
+    border: none;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+    margin-inline-end: var(--lynk-spacing-x-small);
+    margin-inline-start: auto;
+  }
+
+  .time-picker__panel {
+    background: var(--lynk-panel-background-color);
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+    border-radius: var(--lynk-border-radius-medium);
+  }
+
+  .time-picker__clock {
+    --height: 300px;
+  }
+
+  /* 24-hour number input styles */
+  .time-picker__24h-group {
+    flex: 1;
+    display: inline-flex;
+    align-items: center;
+    gap: 0;
+    overflow: hidden;
+  }
+
+  .time-picker__24h-group--hidden {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+  }
+
+  .time-picker__segment-input {
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: var(--lynk-line-height-normal);
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0px;
+    margin: 0;
+    outline: none;
+    width: 2.2ch;
+    text-align: center;
+    cursor: inherit;
+    -moz-appearance: textfield;
+  }
+
+  .time-picker__segment-input::placeholder {
+    color: inherit;
+  }
+
+  .time-picker__segment-input:disabled {
+    cursor: not-allowed;
+  }
+
+  /* Hide native number input spinners */
+  .time-picker__segment-input::-webkit-outer-spin-button,
+  .time-picker__segment-input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  .time-picker__separator {
+    color: inherit;
+    user-select: none;
+    line-height: 1;
+  }
+
+  .time-picker__hidden-input {
+    position: absolute;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .time-picker__input-group--small .time-picker__trigger {
+    font-size: var(--lynk-button-font-size-small);
+  }
+
+  .time-picker__input-group--medium .time-picker__trigger {
+    font-size: var(--lynk-button-font-size-medium);
+  }
+
+  .time-picker__input-group--large .time-picker__trigger {
+    font-size: var(--lynk-button-font-size-large);
+  }
+`;export{r as a};

package/cdn/chunks/chunk.AIWB3Z67.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.JXTY6UUC.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-popover";e.define("lynk-popover");var v=n({tagName:o,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide"},displayName:"LynkPopover"}),m=v;export{m as a};

package/cdn/chunks/chunk.AKVSGR7I.js

@@ -0,0 +1,46 @@
+import{a as T}from"./chunk.LPG3MWZP.js";import{a as S}from"./chunk.I2G2IAR5.js";import{a as h,b as p}from"./chunk.HUMDDNNQ.js";import{a as E}from"./chunk.MJSPPTEA.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as n,c as d}from"./chunk.VDJQBFEB.js";import{a,c as l}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.Q3J7P2MZ.js";import{a as v}from"./chunk.ZP7BBHMJ.js";import{a as k}from"./chunk.YHSYTTFF.js";import{a as y}from"./chunk.YZSIY5HS.js";import{a as b}from"./chunk.3RH6CRTR.js";import{a as s,d as c,g}from"./chunk.OIRZUCYP.js";import{a as C}from"./chunk.45RIPFQU.js";import{d as f}from"./chunk.QRMWQQRW.js";import{e as i}from"./chunk.FI4IKBIW.js";function w(m){return m.charAt(0).toUpperCase()+m.slice(1)}var t=class extends g{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new _(this);this.modal=new S(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.contained||e.key==="Escape"&&this.modal.isActive()&&this.open&&(e.stopImmediatePropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),h(this)))}disconnectedCallback(){super.disconnectedCallback(),p(this),this.removeOpenListeners()}requestClose(e){if(this.emit("ev-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let o=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,o.keyframes,o.options);return}this.hide()}addOpenListeners(){var e;"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.contained||(this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var e;document.removeEventListener("keydown",this.handleDocumentKeyDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),h(this));let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.drawer),d(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame(()=>{this.emit("ev-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=l(this,`drawer.show${w(this.placement)}`,{dir:this.localize.dir()}),o=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,o.keyframes,o.options)]),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),p(this)),await Promise.all([d(this.drawer),d(this.overlay)]);let e=l(this,`drawer.hide${w(this.placement)}`,{dir:this.localize.dir()}),r=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;let o=this.originalTrigger;typeof(o==null?void 0:o.focus)=="function"&&setTimeout(()=>o.focus()),this.emit("ev-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),h(this)),this.open&&this.contained&&(this.modal.deactivate(),p(this))}async show(){if(!this.open)return this.open=!0,u(this,"ev-after-show")}async hide(){var r;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((r=document.activeElement)==null||r.blur()),this.open=!1,u(this,"ev-after-hide")}render(){return f`
+      <div
+        part="base"
+        class=${b({drawer:!0,"drawer--open":this.open,"drawer--top":this.placement==="top","drawer--end":this.placement==="end","drawer--bottom":this.placement==="bottom","drawer--start":this.placement==="start","drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":this.localize.dir()==="rtl","drawer--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <div part="overlay" class="drawer__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="drawer__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${v(this.noHeader?this.label:void 0)}
+          aria-labelledby=${v(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":f`
+                <header part="header" class="drawer__header">
+                  <h2 part="title" class="drawer__title" id="title">
+                    <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                    <slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
+                  </h2>
+                  <div part="header-actions" class="drawer__header-actions">
+                    <slot name="header-actions"></slot>
+                    <lynk-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="drawer__close"
+                      name="x-lg"
+                      label=${this.localize.term("close")}
+                      library="system"
+                      @click=${()=>this.requestClose("close-button")}
+                    ></lynk-icon-button>
+                  </div>
+                </header>
+              `}
+
+          <slot part="body" class="drawer__body"></slot>
+
+          <footer part="footer" class="drawer__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};t.styles=[C,T],t.dependencies={"lynk-icon-button":E},i([c(".drawer")],t.prototype,"drawer",2),i([c(".drawer__panel")],t.prototype,"panel",2),i([c(".drawer__overlay")],t.prototype,"overlay",2),i([s({type:Boolean,reflect:!0})],t.prototype,"open",2),i([s({reflect:!0})],t.prototype,"label",2),i([s({reflect:!0})],t.prototype,"placement",2),i([s({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([s({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([y("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([y("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1);a("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});a("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}});a("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});a("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}});a("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});a("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}});a("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});a("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}});a("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}});a("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});a("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn/chunks/chunk.AMN7TPRU.js

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

package/cdn/chunks/chunk.AUU6TECO.js

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

package/cdn/chunks/chunk.AXVN3JEM.js

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

package/cdn/chunks/chunk.B3ERALRW.js

@@ -0,0 +1,25 @@
+import{a as k}from"./chunk.5XVVVIN4.js";import{a as v}from"./chunk.LKYE57JK.js";import{a as f}from"./chunk.MQY4FTPV.js";import{a as b}from"./chunk.C76BS2B6.js";import{a as u}from"./chunk.Q3J7P2MZ.js";import{a as p}from"./chunk.YGKL27T3.js";import{a as d,b as m}from"./chunk.YHSYTTFF.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.3RH6CRTR.js";import{a as s,d as a,g as c}from"./chunk.OIRZUCYP.js";import{a as h}from"./chunk.45RIPFQU.js";import{d as l}from"./chunk.QRMWQQRW.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.localize=new u(this);this.type="normal";this.checked=!1;this.value="";this.loading=!1;this.disabled=!1;this.hasSlotController=new d(this,"submenu");this.submenuController=new v(this,this.hasSlotController);this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation()),this.emit("ev-click")}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return m(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let t=this.localize.dir()==="rtl",o=this.submenuController.isExpanded();return l`
+      <div
+        part="base"
+        class=${n({"menu-item":!0,"menu-item--rtl":t,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":o})}
+        ?aria-haspopup="${this.isSubmenu()}"
+        ?aria-expanded="${!!o}"
+      >
+        <span part="checked-icon" class="menu-item__check">
+          <lynk-icon name="check" library="system" aria-hidden="true"></lynk-icon>
+        </span>
+
+        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+
+        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+
+        <span part="submenu-icon" class="menu-item__chevron">
+          <lynk-icon name=${t?"chevron-left":"chevron-right"} library="system" aria-hidden="true"></lynk-icon>
+        </span>
+
+        ${this.submenuController.renderSubmenu()}
+        ${this.loading?l` <lynk-spinner part="spinner" exportparts="base:spinner__base"></lynk-spinner> `:""}
+      </div>
+    `}};e.styles=[h,k],e.dependencies={"lynk-icon":p,"lynk-popup":f,"lynk-spinner":b},i([a("slot:not([name])")],e.prototype,"defaultSlot",2),i([a(".menu-item")],e.prototype,"menuItem",2),i([s()],e.prototype,"type",2),i([s({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([s()],e.prototype,"value",2),i([s({type:Boolean,reflect:!0})],e.prototype,"loading",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([r("checked")],e.prototype,"handleCheckedChange",1),i([r("disabled")],e.prototype,"handleDisabledChange",1),i([r("type")],e.prototype,"handleTypeChange",1);export{e as a};

package/cdn/chunks/chunk.B45KP7WG.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk.GMAWLQNV.js";import{a as r,g as s}from"./chunk.OIRZUCYP.js";import{a as i}from"./chunk.45RIPFQU.js";import{d as l}from"./chunk.QRMWQQRW.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends s{constructor(){super(...arguments);this.row=!1;this.reverse=!1;this.wrap=!1;this.gap="var(--lynk-spacing-small)"}get horizontal(){return this.row}set horizontal(o){this.row=o,this.removeAttribute("horizontal"),o&&this.setAttribute("row","")}render(){return l`<slot part="base" class="stack" style="--gap: ${this.gap};"></slot>`}};e.styles=[i,p],t([r({type:Boolean,reflect:!0})],e.prototype,"row",2),t([r({type:Boolean,attribute:"horizontal"})],e.prototype,"horizontal",1),t([r({type:Boolean,reflect:!0})],e.prototype,"reverse",2),t([r({reflect:!0})],e.prototype,"justify",2),t([r({reflect:!0})],e.prototype,"align",2),t([r({type:Boolean,reflect:!0})],e.prototype,"wrap",2),t([r({type:String,reflect:!0})],e.prototype,"gap",2);export{e as a};

package/cdn/chunks/chunk.B5BAQ5DA.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk.UUBX4WF6.js";import{a as e,g as l}from"./chunk.OIRZUCYP.js";import{a as m}from"./chunk.45RIPFQU.js";import{d as o}from"./chunk.QRMWQQRW.js";import{e as r}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.sticky=!1}render(){return o` <slot></slot> `}};t.styles=[m,s],r([e({type:Boolean,reflect:!0})],t.prototype,"sticky",2);export{t as a};