@uplynk/lynk-design 1.18.1 → 1.19.0

package/cdn/chunks/chunk.RRJFX7ST.js

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

package/cdn/chunks/chunk.RT3Q5U4O.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.NUUV2JAN.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var s="lynk-drawer";e.define("lynk-drawer");var v=n({tagName:s,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide",EvInitialFocus:"ev-initial-focus",EvRequestClose:"ev-request-close"},displayName:"LynkDrawer"}),a=v;export{a};

package/cdn/chunks/chunk.RUNMWYUB.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.K5SH7ECK.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var s="lynk-resize-observer";e.define("lynk-resize-observer");var n=r({tagName:s,elementClass:e,react:t,events:{EvResize:"ev-resize"},displayName:"LynkResizeObserver"}),i=n;export{i as a};

package/cdn/chunks/chunk.RWFLJGCN.js

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

package/cdn/chunks/chunk.RZBIRE3W.js

@@ -0,0 +1,207 @@
+import{a as O}from"./chunk.ESRKAJU3.js";import{a as z}from"./chunk.ZOVLPXTM.js";import{a as M}from"./chunk.YG5RRGIP.js";import{a as H}from"./chunk.IPMWK5EL.js";import{a as E}from"./chunk.AIBTHZCM.js";import{a as F}from"./chunk.GFTMQ4HZ.js";import{a as x}from"./chunk.JRIAVRWP.js";import{b as T}from"./chunk.V7E6ITFP.js";import{a as w}from"./chunk.U24XP2DP.js";import{a as S}from"./chunk.KCYK4NAN.js";import{a as v}from"./chunk.TETFNMKN.js";import{a as V}from"./chunk.YHSYTTFF.js";import{a as g}from"./chunk.7TAXE2HP.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as r,b as $,d as p,g as C}from"./chunk.ZAFKTMHG.js";import{a as k}from"./chunk.MXDME6T6.js";import{d as h,h as y}from"./chunk.PINNEFCM.js";import{e as a}from"./chunk.FI4IKBIW.js";var l=class extends C{constructor(){super(...arguments);this.formControlController=new T(this);this.hasSlotController=new V(this,"help-text","help-tip","label","label-end","help-text-end");this.isOpen=!1;this.pendingValue="";this.originalValue="";this.name="";this._value="";this.defaultValue="";this.label="";this.placeholder="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.inline=!1;this.size="medium";this.seconds=!1;this.format="locale";this.minuteInterval=1;this.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,d,c;let t=(o=this.hourInput)==null?void 0:o.value,e=(d=this.minuteInput)==null?void 0:d.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?"+":"-",d=Math.abs(e),c=String(Math.floor(d/60)).padStart(2,"0"),m=String(d%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 d=(this.seconds?n:n.substring(0,5)).split(":");this.hourInput&&(this.hourInput.value=d[0]||""),this.minuteInput&&(this.minuteInput.value=d[1]||""),this.secondInput&&this.seconds&&(this.secondInput.value=d[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=h`
+      <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=h`
+      <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?h`
+        <lynk-form-field
+          .size=${this.size}
+          .label=${this.hasSlotController.test("label")?"":this.label}
+          .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+          .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+          .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+          .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+          .required=${this.required}
+          .optional=${this.optional}
+          .readonly=${this.readonly}
+          .dirty=${this.dirty}
+          .inline=${this.inline}
+        >
+          ${this.hasSlotController.test("label")?h`<slot name="label" slot="label"></slot>`:""}
+          ${this.hasSlotController.test("help-text")?h`<slot name="help-text" slot="help-text"></slot>`:""}
+          ${this.hasSlotController.test("help-tip")?h`<slot name="help-tip" slot="help-tip"></slot>`:""}
+          ${this.hasSlotController.test("label-end")?h`<slot name="label-end" slot="label-end"></slot>`:""}
+          ${this.hasSlotController.test("help-text-end")?h`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+          <div class="date-time-picker__panel-body">${t} ${e}</div>
+        </lynk-form-field>
+      `:h`
+      <lynk-form-field
+        .size=${this.size}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .inline=${this.inline}
+      >
+        ${this.hasSlotController.test("label")?h`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?h`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?h`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?h`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?h`<slot name="help-text-end" slot="help-text-end"></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=${g({"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?h`<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)):h`
+                    <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?h`
+                    <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 d,c,m;let e=this._value?(()=>{var I,_;let[,u]=this._value.split("T"),b=((I=u==null?void 0:u.match(/^\d{2}:\d{2}:\d{2}/))==null?void 0:I[0])||((_=u==null?void 0:u.match(/^\d{2}:\d{2}/))==null?void 0:_[0])||"";return this.seconds?b:b.substring(0,5)})():"",i=e?e.split(":"):[],s=(d=i[0])!=null?d:"",n=(c=i[1])!=null?c:"",o=(m=i[2])!=null?m:"";return h`
+      <div
+        part="time-input"
+        class=${g({"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=${u=>u.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=${u=>u.target.select()}
+        />${this.seconds?h`<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=${u=>u.target.select()}
+                />`:y}
+      </div>
+    `}};l.styles=[k,O],l.dependencies={"lynk-button":x,"lynk-calendar":F,"lynk-clock":E,"lynk-dropdown":z,"lynk-form-field":M,"lynk-icon":S,"lynk-icon-button":w},a([p(".date-time-picker__dropdown")],l.prototype,"dropdown",2),a([p(".date-time-picker__calendar")],l.prototype,"calendar",2),a([p(".date-time-picker__clock")],l.prototype,"clock",2),a([p(".date-time-picker__date-input")],l.prototype,"dateInput",2),a([p(".date-time-picker__time-input")],l.prototype,"timeInput",2),a([p(".date-time-picker__hour-input")],l.prototype,"hourInput",2),a([p(".date-time-picker__minute-input")],l.prototype,"minuteInput",2),a([p(".date-time-picker__second-input")],l.prototype,"secondInput",2),a([$()],l.prototype,"isOpen",2),a([$()],l.prototype,"pendingValue",2),a([r()],l.prototype,"name",2),a([r()],l.prototype,"value",1),a([H()],l.prototype,"defaultValue",2),a([r()],l.prototype,"label",2),a([r()],l.prototype,"placeholder",2),a([r({attribute:"help-text"})],l.prototype,"helpText",2),a([r({attribute:"label-end"})],l.prototype,"labelEnd",2),a([r({attribute:"help-text-end"})],l.prototype,"helpTextEnd",2),a([r({attribute:"help-tip"})],l.prototype,"helpTip",2),a([r({type:Boolean,reflect:!0})],l.prototype,"disabled",2),a([r({type:Boolean,reflect:!0})],l.prototype,"readonly",2),a([r({type:Boolean,reflect:!0})],l.prototype,"required",2),a([r({type:Boolean,reflect:!0})],l.prototype,"optional",2),a([r({type:Boolean,reflect:!0})],l.prototype,"dirty",2),a([r({type:Boolean,reflect:!0})],l.prototype,"inline",2),a([r({reflect:!0})],l.prototype,"size",2),a([r()],l.prototype,"min",2),a([r()],l.prototype,"max",2),a([r({type:Boolean})],l.prototype,"seconds",2),a([r()],l.prototype,"format",2),a([r({type:Number,attribute:"minute-interval"})],l.prototype,"minuteInterval",2),a([r({attribute:"default-time"})],l.prototype,"defaultTime",2),a([r({type:Boolean})],l.prototype,"hoist",2),a([r({reflect:!0})],l.prototype,"placement",2),a([r({type:Number})],l.prototype,"distance",2),a([r({type:Number})],l.prototype,"skidding",2),a([r({type:Boolean,attribute:"inline-pickers"})],l.prototype,"inlinePickers",2),a([r({type:Boolean})],l.prototype,"clearable",2),a([r({attribute:"normalize"})],l.prototype,"normalizeMode",2),a([f("value",{waitUntilFirstUpdate:!0})],l.prototype,"handleValueChange",1),a([f("normalizeMode")],l.prototype,"handleNormalizeModeChange",1),a([f("disabled",{waitUntilFirstUpdate:!0})],l.prototype,"handleDisabledChange",1);export{l as a};

package/cdn/chunks/chunk.S2VMAQOM.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.5KWSSIBC.js";var b=o;o.define("lynk-combobox");export{b as a};

package/cdn/chunks/chunk.S3SHUR77.js

@@ -0,0 +1,64 @@
+import{a as k}from"./chunk.TYF5DW4J.js";import{a as c}from"./chunk.SH54CIFE.js";import{a as v}from"./chunk.IPMWK5EL.js";import{a as g}from"./chunk.XKRY6R4D.js";import{b}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.KCYK4NAN.js";import{a as p}from"./chunk.TETFNMKN.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as n}from"./chunk.7TAXE2HP.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as l,b as a,d as o,g as d}from"./chunk.ZAFKTMHG.js";import{a as m}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends d{constructor(){super(...arguments);this.formControlController=new b(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,s)=>i.checked=s});this.hasSlotController=new u(this,"help-text");this.hasLabel=!1;this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.noBubble=!1;this.state="default";this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}handleHostClick(i){this.disabled&&(i.preventDefault(),i.stopImmediatePropagation()),this.noBubble&&i.stopPropagation()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("ev-change",{bubbles:!this.noBubble})}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleSlotChange(){[...this.defaultSlot.assignedNodes({flatten:!0})].length?this.hasLabel=!0:this.hasLabel=!1}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}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(){let i=this.hasSlotController.test("help-text"),s=this.helpText?!0:!!i;return r`
+      <div
+        class=${n({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":s})}
+      >
+        <label
+          part="base"
+          class=${n({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--has-label":this.hasLabel,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large","checkbox--has-error":this.state==="error"||this.hasAttribute("data-user-invalid"),"checkbox--has-warning":this.state==="warning","checkbox--has-success":this.state==="success"})}
+        >
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${this.title}
+            name=${this.name}
+            value=${p(this.value)}
+            .indeterminate=${c(this.indeterminate)}
+            .checked=${c(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked?"true":"false"}
+            aria-describedby="help-text"
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
+
+          <span
+            part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
+            class="checkbox__control"
+          >
+            ${this.checked?r`
+                    <lynk-icon
+                      part="checked-icon"
+                      class="checkbox__checked-icon"
+                      library="system"
+                      name="check"
+                    ></lynk-icon>
+                  `:""}
+            ${!this.checked&&this.indeterminate?r`
+                    <lynk-icon
+                      part="indeterminate-icon"
+                      class="checkbox__indeterminate-icon"
+                      library="system"
+                      name="indeterminate"
+                    ></lynk-icon>
+                  `:""}
+          </span>
+
+          <div part="label" class="checkbox__label">
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </label>
+
+        <div
+          aria-hidden=${s?"false":"true"}
+          class="form-control__help-text"
+          id="help-text"
+          part="form-control-help-text"
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `}};e.styles=[m,k,g],e.dependencies={"lynk-icon":f},t([o("slot")],e.prototype,"defaultSlot",2),t([o('input[type="checkbox"]')],e.prototype,"input",2),t([a()],e.prototype,"hasLabel",2),t([a()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([v("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([l({attribute:"no-bubble",type:Boolean,reflect:!0})],e.prototype,"noBubble",2),t([l({reflect:!0})],e.prototype,"state",2),t([l({attribute:"help-text"})],e.prototype,"helpText",2),t([h("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([h(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1);export{e as a};

package/cdn/chunks/chunk.S7GVADVU.js

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

package/cdn/chunks/chunk.SDH7XQAK.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.MNMV2TNK.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-radio";e.define("lynk-radio");var r=n({tagName:o,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvFocus:"ev-focus"},displayName:"LynkRadio"}),a=r;export{a};

package/cdn/chunks/chunk.SGMQOI2I.js

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

package/cdn/chunks/chunk.SHYRHSGI.js

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

package/cdn/chunks/chunk.SIM437DE.js

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

package/cdn/chunks/chunk.SMGP23M2.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.W2KNNTER.js";import{a as r,g as i}from"./chunk.ZAFKTMHG.js";import{a as o}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{show(){this.hidden=!1,this.emit("ev-show")}hide(){this.hidden=!0,this.emit("ev-hide")}render(){return s` <slot part="base"></slot> `}};t.styles=[o,m],e([r({attribute:"min-size",reflect:!0})],t.prototype,"minSize",2),e([r({attribute:"max-size",reflect:!0})],t.prototype,"maxSize",2),e([r({reflect:!0})],t.prototype,"size",2);export{t as a};

package/cdn/chunks/chunk.T4ZXBL3G.js

@@ -0,0 +1,50 @@
+import{a as T}from"./chunk.3HXL4YZH.js";import{a as y}from"./chunk.OD47XL5K.js";import{a as o,c,d as p}from"./chunk.VDJQBFEB.js";import{a as f,c as u}from"./chunk.DCN42ZX4.js";import{a as m,b as d}from"./chunk.UBVFZZFQ.js";import{a as w}from"./chunk.MEKW2OXH.js";import{a as S}from"./chunk.KCYK4NAN.js";import{a as n}from"./chunk.TETFNMKN.js";import{b as $}from"./chunk.YHSYTTFF.js";import{a as x}from"./chunk.7TAXE2HP.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as s,b as l,d as r,g as C}from"./chunk.ZAFKTMHG.js";import{a as v}from"./chunk.MXDME6T6.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class t extends C{constructor(){super(...arguments);this.localize=new w(this);this.childItems=[];this.isParent=!1;this.isChild=!1;this.loading=!1;this.depth=0;this.squished=!1;this.title="";this.name="";this.value="";this.href="";this.selected=!1;this.expanded=!1;this.disabled=!1;this.noLabel=!1}static isTreeItem(e){return e instanceof Element&&e.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children",this.isChild=!0,this.depth=this.getDepth())}firstUpdated(){this.childrenContainer&&(this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0"),this.isParent=this.hasChildren,this.handleExpandedChange(),this.handleSquished()}click(){this.navItem.click()}async animateCollapse(){this.emit("ev-collapse"),await c(this.childrenContainer);let{keyframes:e,options:a}=u(this,"nav-item.collapse",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("ev-after-collapse")}async animateExpand(){this.emit("ev-expand"),await c(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:e,options:a}=u(this,"nav-item.expand",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("ev-after-expand")}isNestedItem(){let e=this.parentElement;return!!e&&t.isTreeItem(e)}handleChildrenSlotChange(){this.childItems=this.getChildrenItems(),this.isParent=this.childItems.length>0}get hasChildren(){return this.childItems.length>0}getDepth(){let e=0,a=this.parentElement;for(;a instanceof t;)e++,a=a.parentElement;return e}getTextLabel(){return $(this.defaultSlot)}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleExpandedChange(){this.hasChildren?this.setAttribute("aria-expanded",this.expanded?"true":"false"):this.removeAttribute("aria-expanded")}handleExpandAnimation(){this.expanded?this.animateExpand():this.animateCollapse()}handleSquished(){this.squished?this.setAttribute("squished",this.squished?"true":"false"):this.removeAttribute("squished")}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.hasChildren&&(this.expanded=!this.expanded,e.stopPropagation())}handleDefaultSlotChange(){let e=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=e;return}e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}getChildrenItems({includeDisabled:e=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>t.isTreeItem(a)&&(e||!a.disabled)):[]}render(){let e=!!this.href,a=e?m`a`:m`button`,g=this.localize.dir()==="rtl";return d`
+      <${a}
+        class=${x({"nav-item":!0,"nav-item--disabled":this.disabled,"nav-item--selected":this.selected,"nav-item--has-children":this.isParent,"nav-item--expanded":this.expanded,"nav-item--squished":this.squished,"nav-item--rtl":g})}
+        ?disabled=${this.disabled}
+        title=${this.title}
+        part="nav-item"
+        name=${n(e?void 0:this.name)}
+        value=${n(e?void 0:this.value)}
+        href=${n(e?this.href:void 0)}
+        target=${n(e?this.target:void 0)}
+        download=${n(e?this.download:void 0)}
+        rel=${n(e&&this.target?"noreferrer noopener":void 0)}
+        data-level=${this.depth}
+        aria-disabled=${this.disabled?"true":"false"}
+        @click=${this.handleClick}
+        tabindex="-1"
+        aria-current=${n(this.selected&&this.href?"page":void 0)}
+      >
+        <slot name="prefix" part="prefix" class="nav-item__prefix"></slot>
+        <slot part="label" class="nav-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="nav-item__suffix"></slot>
+
+        ${this.isParent?d`
+                <span class="nav-item__chevron">
+                  <lynk-icon
+                    library="system"
+                    aria-hidden="true"
+                    name=${this.squished?"chevron-down":g?"chevron-left":"chevron-right"}
+                  ></lynk-icon>
+                </span>
+              `:""}
+
+        ${this.target==="_blank"?d`
+                <span class="nav-item__external">
+                  <lynk-icon library="system" aria-hidden="true" name="external"></lynk-icon>
+                </span>
+              `:""}
+
+      </${a}>
+
+      <div
+        part="children"
+        class="nav-item__children"
+        role="group"
+        ?inert=${!this.expanded}
+      >
+        <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
+      </div>
+    `}};t.styles=[v,T],t.dependencies={"lynk-icon":S,"lynk-tooltip":y},i([l()],t.prototype,"isParent",2),i([l()],t.prototype,"isChild",2),i([l()],t.prototype,"loading",2),i([l()],t.prototype,"depth",2),i([s({type:Boolean,reflect:!0})],t.prototype,"squished",2),i([s()],t.prototype,"title",2),i([s()],t.prototype,"name",2),i([s()],t.prototype,"value",2),i([s()],t.prototype,"href",2),i([s()],t.prototype,"target",2),i([s()],t.prototype,"download",2),i([s({type:Boolean,reflect:!0})],t.prototype,"selected",2),i([s({type:Boolean,reflect:!0})],t.prototype,"expanded",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({attribute:"no-label",type:Boolean,reflect:!0})],t.prototype,"noLabel",2),i([r("slot:not([name])")],t.prototype,"defaultSlot",2),i([r("slot[name=children]")],t.prototype,"childrenSlot",2),i([r(".nav-item")],t.prototype,"navItem",2),i([r(".nav-item__children")],t.prototype,"childrenContainer",2),i([h("disabled")],t.prototype,"handleDisabledChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandedChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandAnimation",1),i([h("squished",{waitUntilFirstUpdate:!0})],t.prototype,"handleSquished",1);var b=t;f("nav-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});f("nav-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{b as a};

package/cdn/chunks/chunk.T6CSQFSZ.js

@@ -0,0 +1,11 @@
+import{a as p}from"./chunk.UF4OHHSS.js";import{a as n}from"./chunk.C3BZTBXI.js";import{a as e}from"./chunk.NLNH6WUP.js";import{a as o,g as s}from"./chunk.ZAFKTMHG.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as a}from"./chunk.FI4IKBIW.js";var t=class extends s{constructor(){super(...arguments);this.width="fluid"}connectedCallback(){super.connectedCallback(),!this.slot&&this.hasParentLayout()&&(this.slot="header")}hasParentLayout(){return this.parentElement instanceof e}render(){return r`
+      <lynk-page-content width="${this.width}" style="--padding-top: 0; --padding-bottom: 0;">
+        <header part="base" class="page-header">
+          <slot name="breadcrumb" part="breadcrumb" class="page-header__breadcrumb"></slot>
+          <slot name="aux" part="aux" class="page-header__aux"></slot>
+          <slot class="page-header__main"></slot>
+          <slot name="controls" part="controls" class="page-header__controls"></slot>
+          <slot name="tabs" part="tabs" class="page-header__tabs"></slot>
+        </header>
+      </lynk-page-content>
+    `}};t.styles=[l,p],t.dependencies={"lynk-page-content":n,"lynk-page":e},a([o({reflect:!0})],t.prototype,"width",2);export{t as a};

package/cdn/chunks/chunk.TDYNQPMO.js

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

package/cdn/chunks/chunk.TQVZ5CWS.js

@@ -0,0 +1,8 @@
+import{a as s}from"./chunk.YKBEGLQ6.js";import{a as r}from"./chunk.7TAXE2HP.js";import{g as o}from"./chunk.ZAFKTMHG.js";import{d as e}from"./chunk.PINNEFCM.js";var t=class extends o{render(){return e`
+      <div
+        part="base"
+        class=${r({box:!0,"box--overflow":!!getComputedStyle(this).getPropertyValue("--height")})}
+      >
+        <slot></slot>
+      </div>
+    `}};t.styles=s;export{t as a};

package/cdn/chunks/chunk.TTJHV4AF.js

@@ -0,0 +1,19 @@
+import{a as m}from"./chunk.IO2FNKAH.js";import{a as f}from"./chunk.MEKW2OXH.js";import{a as p}from"./chunk.KCYK4NAN.js";import{a as h}from"./chunk.7TAXE2HP.js";import{a as i}from"./chunk.YZSIY5HS.js";import{a as r,b as a,d as c,g as d}from"./chunk.ZAFKTMHG.js";import{a as u}from"./chunk.MXDME6T6.js";import{d as n}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var e=class extends d{constructor(){super(...arguments);this.localize=new f(this);this.isInitialized=!1;this.current=!1;this.selected=!1;this.hasHover=!1;this.value="";this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){this.isInitialized?(customElements.whenDefined("lynk-combobox").then(()=>{let t=this.closest("lynk-combobox");t&&t.handleDefaultSlotChange()}),customElements.whenDefined("lynk-select").then(()=>{let t=this.closest("lynk-select");t&&t.handleDefaultSlotChange()})):this.isInitialized=!0}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){if(typeof this.value!="string"&&(this.value=String(this.value)),this.value.includes(" ")){let t=this.closest("lynk-select");t!=null&&t.multiple&&(console.error("Option values cannot include a space when used in a multiple select. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}}getTextLabel(){let t=this.childNodes,o="";return[...t].forEach(s=>{s.nodeType===Node.ELEMENT_NODE&&(s.hasAttribute("slot")||(o+=s.textContent)),s.nodeType===Node.TEXT_NODE&&(o+=s.textContent)}),o.trim()}render(){return n`
+      <div
+        part="base"
+        class=${h({option:!0,"option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover})}
+        @mouseenter=${this.handleMouseEnter}
+        @mouseleave=${this.handleMouseLeave}
+      >
+        <lynk-icon
+          part="checked-icon"
+          class="option__check"
+          name="check"
+          library="system"
+          aria-hidden="true"
+        ></lynk-icon>
+        <slot part="prefix" name="prefix" class="option__prefix"></slot>
+        <slot part="label" class="option__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+        <slot part="suffix" name="suffix" class="option__suffix"></slot>
+      </div>
+    `}};e.styles=[u,m],e.dependencies={"lynk-icon":p},l([c(".option__label")],e.prototype,"defaultSlot",2),l([a()],e.prototype,"current",2),l([a()],e.prototype,"selected",2),l([a()],e.prototype,"hasHover",2),l([r({reflect:!0})],e.prototype,"value",2),l([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),l([i("disabled")],e.prototype,"handleDisabledChange",1),l([i("selected")],e.prototype,"handleSelectedChange",1),l([i("value")],e.prototype,"handleValueChange",1);export{e as a};

package/cdn/chunks/chunk.U24XP2DP.js

@@ -0,0 +1,33 @@
+import{a as b}from"./chunk.L4JDK2QX.js";import{a as l,b as h}from"./chunk.UBVFZZFQ.js";import{a as p}from"./chunk.KCYK4NAN.js";import{a as i}from"./chunk.TETFNMKN.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as u}from"./chunk.7TAXE2HP.js";import{a as r,b as a,d as n,g as d}from"./chunk.ZAFKTMHG.js";import{a as f}from"./chunk.MXDME6T6.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};