@uplynk/lynk-design 1.19.0 → 1.19.1

package/cdn/chunks/chunk.W3B2YRVB.js

@@ -0,0 +1,207 @@
+import{a as O}from"./chunk.ESRKAJU3.js";import{a as z}from"./chunk.TLIHSDGJ.js";import{a as M}from"./chunk.MXENJG27.js";import{a as H}from"./chunk.IPMWK5EL.js";import{a as E}from"./chunk.RF6OU47D.js";import{a as F}from"./chunk.TDJPU6EO.js";import{a as x}from"./chunk.6YKXO2XW.js";import{b as T}from"./chunk.V7E6ITFP.js";import{a as w}from"./chunk.N4LCO4BK.js";import{a as S}from"./chunk.6OVCDYC3.js";import{a as v}from"./chunk.TETFNMKN.js";import{a as V}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as g}from"./chunk.7TAXE2HP.js";import{a as r,b as $,d as p,g as C}from"./chunk.IIPZ6YZ6.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.W64WBFTU.js

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

package/cdn/chunks/chunk.WB2B2MGZ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3A5OVHZQ.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-include";e.define("lynk-include");var o=n({tagName:r,elementClass:e,react:t,events:{EvLoad:"ev-load",EvError:"ev-error"},displayName:"LynkInclude"}),s=o;export{s as a};

package/cdn/chunks/chunk.WFKSVKO6.js

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

package/cdn/chunks/chunk.WFPIZUXR.js

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

package/cdn/chunks/chunk.WG325PKE.js

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

package/cdn/chunks/chunk.WOBJOFX2.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.OSZEL7XC.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var m="lynk-menu";e.define("lynk-menu");var o=n({tagName:m,elementClass:e,react:t,events:{EvSelect:"ev-select"},displayName:"LynkMenu"}),s=o;export{s as a};

package/cdn/chunks/chunk.WUQLU7D5.js

@@ -0,0 +1,260 @@
+import{a as st}from"./chunk.SCSBXOOC.js";import{a as V}from"./chunk.6S67HV2F.js";import{a as $}from"./chunk.5I5F2IHR.js";import{a as b}from"./chunk.FC4RDJJF.js";import{a as et}from"./chunk.SX5TLNH6.js";import{a as P}from"./chunk.TLIHSDGJ.js";import{a as tt}from"./chunk.MXENJG27.js";import{a as it}from"./chunk.EPDLWVS3.js";import{a as Q}from"./chunk.IPMWK5EL.js";import{a as J}from"./chunk.KTI3MPNP.js";import{a as Z}from"./chunk.6YKXO2XW.js";import{b as Y}from"./chunk.V7E6ITFP.js";import{a as L}from"./chunk.MEKW2OXH.js";import{a as X}from"./chunk.6OVCDYC3.js";import{a as H}from"./chunk.TETFNMKN.js";import{a as W}from"./chunk.YHSYTTFF.js";import{a as A}from"./chunk.YZSIY5HS.js";import{a as T}from"./chunk.7TAXE2HP.js";import{a as d,b as x,c as K,d as M,g as U}from"./chunk.IIPZ6YZ6.js";import{a as j}from"./chunk.MXDME6T6.js";import{d as p}from"./chunk.PINNEFCM.js";import{a as O,e as l}from"./chunk.FI4IKBIW.js";function c(s,e){ft(s)&&(s="100%");let t=ct(s);return s=e===360?s:Math.min(e,Math.max(0,parseFloat(s))),t&&(s=parseInt(String(s*e),10)/100),Math.abs(s-e)<1e-6?1:(e===360?s=(s<0?s%e+e:s%e)/e:s=s%e/e,s)}function k(s){return Math.min(1,Math.max(0,s))}function ft(s){return typeof s=="string"&&s.indexOf(".")!==-1&&parseFloat(s)===1}function ct(s){return typeof s=="string"&&s.indexOf("%")!==-1}function R(s){return s=parseFloat(s),(isNaN(s)||s<0||s>1)&&(s=1),s}function E(s){return Number(s)<=1?`${Number(s)*100}%`:s}function w(s){return s.length===1?"0"+s:String(s)}function rt(s,e,t){return{r:c(s,255)*255,g:c(e,255)*255,b:c(t,255)*255}}function I(s,e,t){s=c(s,255),e=c(e,255),t=c(t,255);let i=Math.max(s,e,t),r=Math.min(s,e,t),a=0,n=0,h=(i+r)/2;if(i===r)n=0,a=0;else{let u=i-r;switch(n=h>.5?u/(2-i-r):u/(i+r),i){case s:a=(e-t)/u+(e<t?6:0);break;case e:a=(t-s)/u+2;break;case t:a=(s-e)/u+4;break;default:break}a/=6}return{h:a,s:n,l:h}}function F(s,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?s+(e-s)*(6*t):t<1/2?e:t<2/3?s+(e-s)*(2/3-t)*6:s}function at(s,e,t){let i,r,a;if(s=c(s,360),e=c(e,100),t=c(t,100),e===0)r=t,a=t,i=t;else{let n=t<.5?t*(1+e):t+e-t*e,h=2*t-n;i=F(h,n,s+1/3),r=F(h,n,s),a=F(h,n,s-1/3)}return{r:i*255,g:r*255,b:a*255}}function B(s,e,t){s=c(s,255),e=c(e,255),t=c(t,255);let i=Math.max(s,e,t),r=Math.min(s,e,t),a=0,n=i,h=i-r,u=i===0?0:h/i;if(i===r)a=0;else{switch(i){case s:a=(e-t)/h+(e<t?6:0);break;case e:a=(t-s)/h+2;break;case t:a=(s-e)/h+4;break;default:break}a/=6}return{h:a,s:u,v:n}}function nt(s,e,t){s=c(s,360)*6,e=c(e,100),t=c(t,100);let i=Math.floor(s),r=s-i,a=t*(1-e),n=t*(1-r*e),h=t*(1-(1-r)*e),u=i%6,y=[t,n,a,a,h,t][u],f=[h,t,t,n,a,a][u],pt=[a,a,h,t,t,n][u];return{r:y*255,g:f*255,b:pt*255}}function q(s,e,t,i){let r=w(Math.round(s).toString(16)),a=w(Math.round(e).toString(16)),n=w(Math.round(t).toString(16));return i&&r.startsWith(r.charAt(1))&&a.startsWith(a.charAt(1))&&n.startsWith(n.charAt(1))?r.charAt(0)+a.charAt(0)+n.charAt(0):r+a+n}function ht(s,e,t,i,r){let a=w(Math.round(s).toString(16)),n=w(Math.round(e).toString(16)),h=w(Math.round(t).toString(16)),u=w(gt(i));return r&&a.startsWith(a.charAt(1))&&n.startsWith(n.charAt(1))&&h.startsWith(h.charAt(1))&&u.startsWith(u.charAt(1))?a.charAt(0)+n.charAt(0)+h.charAt(0)+u.charAt(0):a+n+h+u}function ot(s,e,t,i){let r=s/100,a=e/100,n=t/100,h=i/100,u=255*(1-r)*(1-h),y=255*(1-a)*(1-h),f=255*(1-n)*(1-h);return{r:u,g:y,b:f}}function z(s,e,t){let i=1-s/255,r=1-e/255,a=1-t/255,n=Math.min(i,r,a);return n===1?(i=0,r=0,a=0):(i=(i-n)/(1-n)*100,r=(r-n)/(1-n)*100,a=(a-n)/(1-n)*100),n*=100,{c:Math.round(i),m:Math.round(r),y:Math.round(a),k:Math.round(n)}}function gt(s){return Math.round(parseFloat(s)*255).toString(16)}function N(s){return g(s)/255}function g(s){return parseInt(s,16)}function lt(s){return{r:s>>16,g:(s&65280)>>8,b:s&255}}var _={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function ut(s){let e={r:0,g:0,b:0},t=1,i=null,r=null,a=null,n=!1,h=!1;return typeof s=="string"&&(s=vt(s)),typeof s=="object"&&(m(s.r)&&m(s.g)&&m(s.b)?(e=rt(s.r,s.g,s.b),n=!0,h=String(s.r).substr(-1)==="%"?"prgb":"rgb"):m(s.h)&&m(s.s)&&m(s.v)?(i=E(s.s),r=E(s.v),e=nt(s.h,i,r),n=!0,h="hsv"):m(s.h)&&m(s.s)&&m(s.l)?(i=E(s.s),a=E(s.l),e=at(s.h,i,a),n=!0,h="hsl"):m(s.c)&&m(s.m)&&m(s.y)&&m(s.k)&&(e=ot(s.c,s.m,s.y,s.k),n=!0,h="cmyk"),Object.prototype.hasOwnProperty.call(s,"a")&&(t=s.a)),t=R(t),{ok:n,format:s.format||h,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:t}}var bt="[-\\+]?\\d+%?",mt="[-\\+]?\\d*\\.\\d+%?",S="(?:"+mt+")|(?:"+bt+")",G="[\\s|\\(]+("+S+")[,|\\s]+("+S+")[,|\\s]+("+S+")\\s*\\)?",D="[\\s|\\(]+("+S+")[,|\\s]+("+S+")[,|\\s]+("+S+")[,|\\s]+("+S+")\\s*\\)?",v={hex:/^[0-9a-fA-F]+$/,CSS_UNIT:new RegExp(S),rgb:new RegExp("rgb"+G),rgba:new RegExp("rgba"+D),hsl:new RegExp("hsl"+G),hsla:new RegExp("hsla"+D),hsv:new RegExp("hsv"+G),hsva:new RegExp("hsva"+D),cmyk:new RegExp("cmyk"+D),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function vt(s){if(s=s.trim().toLowerCase(),s.length===0)return!1;let e=!1;if(_[s])s=_[s],e=!0;else if(s==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};let t;if(typeof s=="string"&&s.length<=9&&(s.startsWith("#")||v.hex.test(s))){if(t=v.hex8.exec(s),t)return{r:g(t[1]),g:g(t[2]),b:g(t[3]),a:N(t[4]),format:e?"name":"hex8"};if(t=v.hex6.exec(s),t)return{r:g(t[1]),g:g(t[2]),b:g(t[3]),format:e?"name":"hex"};if(t=v.hex4.exec(s),t)return{r:g(t[1]+t[1]),g:g(t[2]+t[2]),b:g(t[3]+t[3]),a:N(t[4]+t[4]),format:e?"name":"hex8"};if(t=v.hex3.exec(s),t)return{r:g(t[1]+t[1]),g:g(t[2]+t[2]),b:g(t[3]+t[3]),format:e?"name":"hex"}}return t=v.rgb.exec(s),t?{r:t[1],g:t[2],b:t[3]}:(t=v.rgba.exec(s),t?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=v.hsl.exec(s),t?{h:t[1],s:t[2],l:t[3]}:(t=v.hsla.exec(s),t?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=v.hsv.exec(s),t?{h:t[1],s:t[2],v:t[3]}:(t=v.hsva.exec(s),t?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=v.cmyk.exec(s),t?{c:t[1],m:t[2],y:t[3],k:t[4]}:!1))))))}function m(s){return typeof s=="number"?!Number.isNaN(s):v.CSS_UNIT.test(s)}var C=class s{constructor(e="",t={}){var r;if(e instanceof s)return e;typeof e=="number"&&(e=lt(e)),this.originalInput=e;let i=ut(e);this.originalInput=e,this.r=i.r,this.g=i.g,this.b=i.b,this.a=i.a,this.roundA=Math.round(100*this.a)/100,this.format=(r=t.format)!=null?r:i.format,this.gradientType=t.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=i.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){let e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3}getLuminance(){let e=this.toRgb(),t,i,r,a=e.r/255,n=e.g/255,h=e.b/255;return a<=.03928?t=a/12.92:t=Math.pow((a+.055)/1.055,2.4),n<=.03928?i=n/12.92:i=Math.pow((n+.055)/1.055,2.4),h<=.03928?r=h/12.92:r=Math.pow((h+.055)/1.055,2.4),.2126*t+.7152*i+.0722*r}getAlpha(){return this.a}setAlpha(e){return this.a=R(e),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){let{s:e}=this.toHsl();return e===0}toHsv(){let e=B(this.r,this.g,this.b);return{h:e.h*360,s:e.s,v:e.v,a:this.a}}toHsvString(){let e=B(this.r,this.g,this.b),t=Math.round(e.h*360),i=Math.round(e.s*100),r=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${i}%, ${r}%)`:`hsva(${t}, ${i}%, ${r}%, ${this.roundA})`}toHsl(){let e=I(this.r,this.g,this.b);return{h:e.h*360,s:e.s,l:e.l,a:this.a}}toHslString(){let e=I(this.r,this.g,this.b),t=Math.round(e.h*360),i=Math.round(e.s*100),r=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${i}%, ${r}%)`:`hsla(${t}, ${i}%, ${r}%, ${this.roundA})`}toHex(e=!1){return q(this.r,this.g,this.b,e)}toHexString(e=!1){return"#"+this.toHex(e)}toHex8(e=!1){return ht(this.r,this.g,this.b,this.a,e)}toHex8String(e=!1){return"#"+this.toHex8(e)}toHexShortString(e=!1){return this.a===1?this.toHexString(e):this.toHex8String(e)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){let e=Math.round(this.r),t=Math.round(this.g),i=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${i})`:`rgba(${e}, ${t}, ${i}, ${this.roundA})`}toPercentageRgb(){let e=t=>`${Math.round(c(t,255)*100)}%`;return{r:e(this.r),g:e(this.g),b:e(this.b),a:this.a}}toPercentageRgbString(){let e=t=>Math.round(c(t,255)*100);return this.a===1?`rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)`:`rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`}toCmyk(){return O({},z(this.r,this.g,this.b))}toCmykString(){let{c:e,m:t,y:i,k:r}=z(this.r,this.g,this.b);return`cmyk(${e}, ${t}, ${i}, ${r})`}toName(){if(this.a===0)return"transparent";if(this.a<1)return!1;let e="#"+q(this.r,this.g,this.b,!1);for(let[t,i]of Object.entries(_))if(e===i)return t;return!1}toString(e){let t=!!e;e=e!=null?e:this.format;let i=!1,r=this.a<1&&this.a>=0;return!t&&r&&(e.startsWith("hex")||e==="name")?e==="name"&&this.a===0?this.toName():this.toRgbString():(e==="rgb"&&(i=this.toRgbString()),e==="prgb"&&(i=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(i=this.toHexString()),e==="hex3"&&(i=this.toHexString(!0)),e==="hex4"&&(i=this.toHex8String(!0)),e==="hex8"&&(i=this.toHex8String()),e==="name"&&(i=this.toName()),e==="hsl"&&(i=this.toHslString()),e==="hsv"&&(i=this.toHsvString()),e==="cmyk"&&(i=this.toCmykString()),i||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new s(this.toString())}lighten(e=10){let t=this.toHsl();return t.l+=e/100,t.l=k(t.l),new s(t)}brighten(e=10){let t=this.toRgb();return t.r=Math.max(0,Math.min(255,t.r-Math.round(255*-(e/100)))),t.g=Math.max(0,Math.min(255,t.g-Math.round(255*-(e/100)))),t.b=Math.max(0,Math.min(255,t.b-Math.round(255*-(e/100)))),new s(t)}darken(e=10){let t=this.toHsl();return t.l-=e/100,t.l=k(t.l),new s(t)}tint(e=10){return this.mix("white",e)}shade(e=10){return this.mix("black",e)}desaturate(e=10){let t=this.toHsl();return t.s-=e/100,t.s=k(t.s),new s(t)}saturate(e=10){let t=this.toHsl();return t.s+=e/100,t.s=k(t.s),new s(t)}greyscale(){return this.desaturate(100)}spin(e){let t=this.toHsl(),i=(t.h+e)%360;return t.h=i<0?360+i:i,new s(t)}mix(e,t=50){let i=this.toRgb(),r=new s(e).toRgb(),a=t/100,n={r:(r.r-i.r)*a+i.r,g:(r.g-i.g)*a+i.g,b:(r.b-i.b)*a+i.b,a:(r.a-i.a)*a+i.a};return new s(n)}analogous(e=6,t=30){let i=this.toHsl(),r=360/t,a=[this];for(i.h=(i.h-(r*e>>1)+720)%360;--e;)i.h=(i.h+r)%360,a.push(new s(i));return a}complement(){let e=this.toHsl();return e.h=(e.h+180)%360,new s(e)}monochromatic(e=6){let t=this.toHsv(),{h:i}=t,{s:r}=t,{v:a}=t,n=[],h=1/e;for(;e--;)n.push(new s({h:i,s:r,v:a})),a=(a+h)%1;return n}splitcomplement(){let e=this.toHsl(),{h:t}=e;return[this,new s({h:(t+72)%360,s:e.s,l:e.l}),new s({h:(t+216)%360,s:e.s,l:e.l})]}onBackground(e){let t=this.toRgb(),i=new s(e).toRgb(),r=t.a+i.a*(1-t.a);return new s({r:(t.r*t.a+i.r*i.a*(1-t.a))/r,g:(t.g*t.a+i.g*i.a*(1-t.a))/r,b:(t.b*t.a+i.b*i.a*(1-t.a))/r,a:r})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(e){let t=this.toHsl(),{h:i}=t,r=[this],a=360/e;for(let n=1;n<e;n++)r.push(new s({h:(i+n*a)%360,s:t.s,l:t.l}));return r}equals(e){let t=new s(e);return this.format==="cmyk"||t.format==="cmyk"?this.toCmykString()===t.toCmykString():this.toRgbString()===t.toRgbString()}};var dt="EyeDropper"in window,o=class extends U{constructor(){super();this.formControlController=new Y(this);this.hasSlotController=new W(this,"help-text","help-tip","label","label-end","help-text-end");this.isSafeValue=!1;this.localize=new L(this);this.hasFocus=!1;this.isDraggingGridHandle=!1;this.isEmpty=!1;this.inputValue="";this.hue=0;this.saturation=100;this.brightness=100;this.alpha=100;this.value="";this.defaultValue="";this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.state="default";this.dirty=!1;this.labelInline=!1;this.format="hex";this.inline=!1;this.size="medium";this.noFormatToggle=!1;this.name="";this.disabled=!1;this.readonly=!1;this.hoist=!1;this.opacity=!1;this.placement="bottom-start";this.uppercase=!1;this.swatches="";this.swatchesOnly=!1;this.form="";this.required=!1;this.optional=!1;this.handleFocusIn=()=>{this.hasFocus=!0,this.emit("ev-focus")};this.handleFocusOut=()=>{this.hasFocus=!1,this.emit("ev-blur")};this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.input.updateComplete.then(()=>{this.formControlController.updateValidity()})}handleCopy(){this.input.select(),document.execCommand("copy"),this.previewButton.focus(),this.previewButton.classList.add("color-picker__preview-color--copied"),this.previewButton.addEventListener("animationend",()=>{this.previewButton.classList.remove("color-picker__preview-color--copied")})}handleFormatToggle(){let t=["hex","rgb","hsl","hsv"],i=(t.indexOf(this.format)+1)%t.length;this.format=t[i],this.setColor(this.value),this.emit("ev-change"),this.emit("ev-input")}handleAlphaDrag(t){let i=this.shadowRoot.querySelector(".color-picker__slider.color-picker__alpha"),r=i.querySelector(".color-picker__slider-handle"),{width:a}=i.getBoundingClientRect(),n=this.value,h=this.value;r.focus(),t.preventDefault(),V(i,{onMove:u=>{this.alpha=b(u/a*100,0,100),this.syncValues(),this.value!==h&&(h=this.value,this.emit("ev-input"))},onStop:()=>{this.value!==n&&(n=this.value,this.emit("ev-change"))},initialEvent:t})}handleHueDrag(t){let i=this.shadowRoot.querySelector(".color-picker__slider.color-picker__hue"),r=i.querySelector(".color-picker__slider-handle"),{width:a}=i.getBoundingClientRect(),n=this.value,h=this.value;r.focus(),t.preventDefault(),V(i,{onMove:u=>{this.hue=b(u/a*360,0,360),this.syncValues(),this.value!==h&&(h=this.value,this.emit("ev-input"))},onStop:()=>{this.value!==n&&(n=this.value,this.emit("ev-change"))},initialEvent:t})}handleGridDrag(t){let i=this.shadowRoot.querySelector(".color-picker__grid"),r=i.querySelector(".color-picker__grid-handle"),{width:a,height:n}=i.getBoundingClientRect(),h=this.value,u=this.value;r.focus(),t.preventDefault(),this.isDraggingGridHandle=!0,V(i,{onMove:(y,f)=>{this.saturation=b(y/a*100,0,100),this.brightness=b(100-f/n*100,0,100),this.syncValues(),this.value!==u&&(u=this.value,this.emit("ev-input"))},onStop:()=>{this.isDraggingGridHandle=!1,this.value!==h&&(h=this.value,this.emit("ev-change"))},initialEvent:t})}handleAlphaKeyDown(t){let i=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.alpha=b(this.alpha-i,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.alpha=b(this.alpha+i,0,100),this.syncValues()),t.key==="Home"&&(t.preventDefault(),this.alpha=0,this.syncValues()),t.key==="End"&&(t.preventDefault(),this.alpha=100,this.syncValues()),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleHueKeyDown(t){let i=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.hue=b(this.hue-i,0,360),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.hue=b(this.hue+i,0,360),this.syncValues()),t.key==="Home"&&(t.preventDefault(),this.hue=0,this.syncValues()),t.key==="End"&&(t.preventDefault(),this.hue=360,this.syncValues()),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleGridKeyDown(t){let i=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=b(this.saturation-i,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=b(this.saturation+i,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=b(this.brightness+i,0,100),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=b(this.brightness-i,0,100),this.syncValues()),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleInputChange(t){let i=t.target,r=this.value;t.stopPropagation(),this.input.value?(this.setColor(i.value),i.value=this.value):this.value="",this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleInputInput(t){this.formControlController.updateValidity(),t.stopPropagation()}handleInputKeyDown(t){if(t.key==="Enter"){let i=this.value;this.input.value?(this.setColor(this.input.value),this.input.value=this.value,this.value!==i&&(this.emit("ev-change"),this.emit("ev-input")),setTimeout(()=>this.input.select())):this.hue=0}}handleInputInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleTouchMove(t){t.preventDefault()}parseColor(t){let i=new C(t);if(!i.isValid)return null;let r=i.toHsl(),a={h:r.h,s:r.s*100,l:r.l*100,a:r.a},n=i.toRgb(),h=i.toHexString(),u=i.toHex8String(),y=i.toHsv(),f={h:y.h,s:y.s*100,v:y.v*100,a:y.a};return{hsl:{h:a.h,s:a.s,l:a.l,string:this.setLetterCase(`hsl(${Math.round(a.h)}, ${Math.round(a.s)}%, ${Math.round(a.l)}%)`)},hsla:{h:a.h,s:a.s,l:a.l,a:a.a,string:this.setLetterCase(`hsla(${Math.round(a.h)}, ${Math.round(a.s)}%, ${Math.round(a.l)}%, ${a.a.toFixed(2).toString()})`)},hsv:{h:f.h,s:f.s,v:f.v,string:this.setLetterCase(`hsv(${Math.round(f.h)}, ${Math.round(f.s)}%, ${Math.round(f.v)}%)`)},hsva:{h:f.h,s:f.s,v:f.v,a:f.a,string:this.setLetterCase(`hsva(${Math.round(f.h)}, ${Math.round(f.s)}%, ${Math.round(f.v)}%, ${f.a.toFixed(2).toString()})`)},rgb:{r:n.r,g:n.g,b:n.b,string:this.setLetterCase(`rgb(${Math.round(n.r)}, ${Math.round(n.g)}, ${Math.round(n.b)})`)},rgba:{r:n.r,g:n.g,b:n.b,a:n.a,string:this.setLetterCase(`rgba(${Math.round(n.r)}, ${Math.round(n.g)}, ${Math.round(n.b)}, ${n.a.toFixed(2).toString()})`)},hex:this.setLetterCase(h),hexa:this.setLetterCase(u)}}setColor(t){let i=this.parseColor(t);return i===null?!1:(this.hue=i.hsva.h,this.saturation=i.hsva.s,this.brightness=i.hsva.v,this.alpha=this.opacity?i.hsva.a*100:100,this.syncValues(),!0)}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}async syncValues(){let t=this.parseColor(`hsva(${this.hue}, ${this.saturation}%, ${this.brightness}%, ${this.alpha/100})`);t!==null&&(this.format==="hsl"?this.inputValue=this.opacity?t.hsla.string:t.hsl.string:this.format==="rgb"?this.inputValue=this.opacity?t.rgba.string:t.rgb.string:this.format==="hsv"?this.inputValue=this.opacity?t.hsva.string:t.hsv.string:this.inputValue=this.opacity?t.hexa:t.hex,this.isSafeValue=!0,this.value=this.inputValue,await this.updateComplete,this.isSafeValue=!1)}handleAfterHide(){this.previewButton.classList.remove("color-picker__preview-color--copied")}handleEyeDropper(){if(!dt)return;new EyeDropper().open().then(i=>{let r=this.value;this.setColor(i.sRGBHex),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}).catch(()=>{})}selectSwatch(t){let i=this.value;this.disabled||(this.setColor(t),this.value!==i&&(this.emit("ev-change"),this.emit("ev-input")))}getHexString(t,i,r,a=100){let n=new C(`hsva(${t}, ${i}%, ${r}%, ${a/100})`);return n.isValid?n.toHex8String():""}stopNestedEventPropagation(t){t.stopImmediatePropagation()}handleFormatChange(){this.syncValues()}handleOpacityChange(){this.alpha=100}handleValueChange(t,i){if(this.isEmpty=!i,i||(this.hue=0,this.saturation=0,this.brightness=100,this.alpha=100),!this.isSafeValue){let r=this.parseColor(i);r!==null?(this.inputValue=this.value,this.hue=r.hsva.h,this.saturation=r.hsva.s,this.brightness=r.hsva.v,this.alpha=r.hsva.a*100,this.syncValues()):this.inputValue=t!=null?t:""}}focus(t){this.inline?this.base.focus(t):this.trigger.focus(t)}blur(){var i;let t=this.inline?this.base:this.trigger;this.hasFocus&&(t.focus({preventScroll:!0}),t.blur()),(i=this.dropdown)!=null&&i.open&&this.dropdown.hide()}getFormattedValue(t="hex"){let i=this.parseColor(`hsva(${this.hue}, ${this.saturation}%, ${this.brightness}%, ${this.alpha/100})`);if(i===null)return"";switch(t){case"hex":return i.hex;case"hexa":return i.hexa;case"rgb":return i.rgb.string;case"rgba":return i.rgba.string;case"hsl":return i.hsl.string;case"hsla":return i.hsla.string;case"hsv":return i.hsv.string;case"hsva":return i.hsva.string;default:return""}}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.inline&&!this.validity.valid?(this.dropdown.show(),this.addEventListener("lynk-after-show",()=>this.input.reportValidity(),{once:!0}),this.disabled||this.formControlController.emitInvalidEvent(),!1):this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.saturation,i=100-this.brightness,r=Array.isArray(this.swatches)?this.swatches:this.swatches.split(";").filter(n=>n.trim()!==""),a=p`
+      <div
+        part="base"
+        class=${T({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled,"color-picker--focused":this.hasFocus})}
+        aria-disabled=${this.disabled?"true":"false"}
+        aria-readonly=${this.readonly?"true":"false"}
+        aria-labelledby="label"
+        tabindex=${this.inline?"0":"-1"}
+      >
+        ${this.inline?p`
+                <lynk-visually-hidden id="label">
+                  <slot name="label">${this.label}</slot>
+                </lynk-visually-hidden>
+              `:null}
+        ${!this.swatchesOnly||r.length===0?p`
+                <div
+                  part="grid"
+                  class="color-picker__grid"
+                  style=${$({backgroundColor:this.getHexString(this.hue,100,100)})}
+                  @pointerdown=${this.handleGridDrag}
+                  @touchmove=${this.handleTouchMove}
+                >
+                  <span
+                    part="grid-handle"
+                    class=${T({"color-picker__grid-handle":!0,"color-picker__grid-handle--dragging":this.isDraggingGridHandle})}
+                    style=${$({top:`${i}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.brightness,this.alpha)})}
+                    role="application"
+                    aria-label="HSV"
+                    tabindex=${H(this.disabled?void 0:"0")}
+                    @keydown=${this.handleGridKeyDown}
+                  ></span>
+                </div>
+
+                <div class="color-picker__controls">
+                  <div class="color-picker__sliders">
+                    <div
+                      part="slider hue-slider"
+                      class="color-picker__hue color-picker__slider"
+                      @pointerdown=${this.handleHueDrag}
+                      @touchmove=${this.handleTouchMove}
+                    >
+                      <span
+                        part="slider-handle hue-slider-handle"
+                        class="color-picker__slider-handle"
+                        style=${$({left:`${this.hue===0?0:100/(360/this.hue)}%`})}
+                        role="slider"
+                        aria-label="hue"
+                        aria-orientation="horizontal"
+                        aria-valuemin="0"
+                        aria-valuemax="360"
+                        aria-valuenow=${`${Math.round(this.hue)}`}
+                        tabindex=${H(this.disabled?void 0:"0")}
+                        @keydown=${this.handleHueKeyDown}
+                      ></span>
+                    </div>
+
+                    ${this.opacity?p`
+                            <div
+                              part="slider opacity-slider"
+                              class="color-picker__alpha color-picker__slider color-picker__transparent-bg"
+                              @pointerdown="${this.handleAlphaDrag}"
+                              @touchmove=${this.handleTouchMove}
+                            >
+                              <div
+                                class="color-picker__alpha-gradient"
+                                style=${$({backgroundImage:`linear-gradient(
+                          to right,
+                          ${this.getHexString(this.hue,this.saturation,this.brightness,0)} 0%,
+                          ${this.getHexString(this.hue,this.saturation,this.brightness,100)} 100%
+                        )`})}
+                              ></div>
+                              <span
+                                part="slider-handle opacity-slider-handle"
+                                class="color-picker__slider-handle"
+                                style=${$({left:`${this.alpha}%`})}
+                                role="slider"
+                                aria-label="alpha"
+                                aria-orientation="horizontal"
+                                aria-valuemin="0"
+                                aria-valuemax="100"
+                                aria-valuenow=${Math.round(this.alpha)}
+                                tabindex=${H(this.disabled?void 0:"0")}
+                                @keydown=${this.handleAlphaKeyDown}
+                              ></span>
+                            </div>
+                          `:""}
+                  </div>
+
+                  <button
+                    type="button"
+                    part="preview"
+                    class="color-picker__preview color-picker__transparent-bg"
+                    aria-label=${this.localize.term("copy")}
+                    style=${$({"--preview-color":this.getHexString(this.hue,this.saturation,this.brightness,this.alpha)})}
+                    @click=${this.handleCopy}
+                  ></button>
+                </div>
+
+                <div class="color-picker__user-input" aria-live="polite">
+                  <lynk-input
+                    part="input"
+                    type="text"
+                    name=${this.name}
+                    autocomplete="off"
+                    autocorrect="off"
+                    autocapitalize="off"
+                    spellcheck="false"
+                    .size=${this.size==="small"?"small":"medium"}
+                    value=${this.isEmpty?"":this.inputValue}
+                    ?required=${this.required}
+                    ?disabled=${this.disabled}
+                    aria-label=${this.localize.term("currentValue")}
+                    @keydown=${this.handleInputKeyDown}
+                    @ev-change=${this.handleInputChange}
+                    @ev-input=${this.handleInputInput}
+                    @ev-invalid=${this.handleInputInvalid}
+                    @ev-blur=${this.stopNestedEventPropagation}
+                    @ev-focus=${this.stopNestedEventPropagation}
+                  ></lynk-input>
+
+                  <lynk-button-group>
+                    ${this.noFormatToggle?"":p`
+                            <lynk-button
+                              part="format-button"
+                              .size=${this.size==="small"?"small":"medium"}
+                              aria-label=${this.localize.term("toggleColorFormat")}
+                              exportparts="
+                      base:format-button__base,
+                      prefix:format-button__prefix,
+                      label:format-button__label,
+                      suffix:format-button__suffix,
+                      caret:format-button__caret
+                    "
+                              @click=${this.handleFormatToggle}
+                              @ev-blur=${this.stopNestedEventPropagation}
+                              @ev-focus=${this.stopNestedEventPropagation}
+                            >
+                              ${this.setLetterCase(this.format)}
+                            </lynk-button>
+                          `}
+                    ${dt?p`
+                            <lynk-button
+                              part="eye-dropper-button"
+                              .size=${this.size==="small"?"small":"medium"}
+                              exportparts="
+                      base:eye-dropper-button__base,
+                      prefix:eye-dropper-button__prefix,
+                      label:eye-dropper-button__label,
+                      suffix:eye-dropper-button__suffix,
+                      caret:eye-dropper-button__caret
+                    "
+                              @click=${this.handleEyeDropper}
+                              @ev-blur=${this.stopNestedEventPropagation}
+                              @ev-focus=${this.stopNestedEventPropagation}
+                            >
+                              <lynk-icon
+                                library="system"
+                                name="eyedropper"
+                                label=${this.localize.term("selectAColorFromTheScreen")}
+                              ></lynk-icon>
+                            </lynk-button>
+                          `:""}
+                  </lynk-button-group>
+                </div>
+              `:""}
+        ${r.length>0?p`
+                <div part="swatches" class="color-picker__swatches">
+                  ${r.map(n=>{let h=this.parseColor(n);return h?p`
+                      <div
+                        part="swatch"
+                        class="color-picker__swatch color-picker__transparent-bg"
+                        tabindex=${H(this.disabled?void 0:"0")}
+                        role="button"
+                        aria-label=${n}
+                        @click=${()=>this.selectSwatch(n)}
+                        @keydown=${u=>!this.disabled&&u.key==="Enter"&&this.setColor(h.hexa)}
+                      >
+                        <div
+                          class="color-picker__swatch-color"
+                          style=${$({backgroundColor:h.hexa})}
+                        ></div>
+                      </div>
+                    `:(console.error(`Unable to parse swatch color: "${n}"`,this),"")})}
+                </div>
+              `:""}
+      </div>
+    `;return this.inline?p`
+        <lynk-form-field
+          .size=${this.size}
+          .state=${this.state}
+          .label=${this.hasSlotController.test("label")?"":this.label}
+          .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+          .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+          .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+          .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+          .required=${this.required}
+          .optional=${this.optional}
+          .readonly=${this.readonly}
+          .dirty=${this.dirty}
+          .inline=${this.labelInline}
+          ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+          ?data-user-valid=${this.hasAttribute("data-user-valid")}
+          ?data-invalid=${this.hasAttribute("data-invalid")}
+          ?data-valid=${this.hasAttribute("data-valid")}
+        >
+          ${this.hasSlotController.test("label")?p`<slot name="label" slot="label"></slot>`:""}
+          ${this.hasSlotController.test("help-text")?p`<slot name="help-text" slot="help-text"></slot>`:""}
+          ${this.hasSlotController.test("help-tip")?p`<slot name="help-tip" slot="help-tip"></slot>`:""}
+          ${this.hasSlotController.test("label-end")?p`<slot name="label-end" slot="label-end"></slot>`:""}
+          ${this.hasSlotController.test("help-text-end")?p`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+          ${a}
+        </lynk-form-field>
+      `:p`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .inline=${this.labelInline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?p`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?p`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?p`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?p`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?p`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <lynk-dropdown
+          class="color-dropdown"
+          aria-disabled=${this.disabled?"true":"false"}
+          .containingElement=${this}
+          ?disabled=${this.disabled||this.readonly}
+          ?hoist=${this.hoist}
+          .placement=${this.placement}
+          @lynk-after-hide=${this.handleAfterHide}
+        >
+          <button
+            part="trigger"
+            slot="trigger"
+            class=${T({"color-dropdown__trigger":!0,"color-dropdown__trigger--disabled":this.disabled,"color-dropdown__trigger--small":this.size==="small","color-dropdown__trigger--medium":this.size==="medium","color-dropdown__trigger--large":this.size==="large","color-dropdown__trigger--empty":this.isEmpty,"color-dropdown__trigger--focused":this.hasFocus,"color-picker__transparent-bg":!0})}
+            style=${$({color:this.getHexString(this.hue,this.saturation,this.brightness,this.alpha)})}
+            type="button"
+          >
+            <lynk-visually-hidden>
+              <slot name="label">${this.label}</slot>
+            </lynk-visually-hidden>
+          </button>
+          ${a}
+        </lynk-dropdown>
+      </lynk-form-field>
+    `}};o.styles=[j,it],o.dependencies={"lynk-button-group":J,"lynk-button":Z,"lynk-dropdown":P,"lynk-form-field":tt,"lynk-icon":X,"lynk-input":et,"lynk-visually-hidden":st},l([M('[part~="base"]')],o.prototype,"base",2),l([M('[part~="input"]')],o.prototype,"input",2),l([M(".color-dropdown")],o.prototype,"dropdown",2),l([M('[part~="preview"]')],o.prototype,"previewButton",2),l([M('[part~="trigger"]')],o.prototype,"trigger",2),l([x()],o.prototype,"hasFocus",2),l([x()],o.prototype,"isDraggingGridHandle",2),l([x()],o.prototype,"isEmpty",2),l([x()],o.prototype,"inputValue",2),l([x()],o.prototype,"hue",2),l([x()],o.prototype,"saturation",2),l([x()],o.prototype,"brightness",2),l([x()],o.prototype,"alpha",2),l([d()],o.prototype,"value",2),l([Q()],o.prototype,"defaultValue",2),l([d()],o.prototype,"label",2),l([d({attribute:"help-text"})],o.prototype,"helpText",2),l([d({attribute:"label-end"})],o.prototype,"labelEnd",2),l([d({attribute:"help-text-end"})],o.prototype,"helpTextEnd",2),l([d({attribute:"help-tip"})],o.prototype,"helpTip",2),l([d({reflect:!0})],o.prototype,"state",2),l([d({type:Boolean,reflect:!0})],o.prototype,"dirty",2),l([d({attribute:"label-inline",type:Boolean,reflect:!0})],o.prototype,"labelInline",2),l([d()],o.prototype,"format",2),l([d({type:Boolean,reflect:!0})],o.prototype,"inline",2),l([d({reflect:!0})],o.prototype,"size",2),l([d({attribute:"no-format-toggle",type:Boolean})],o.prototype,"noFormatToggle",2),l([d()],o.prototype,"name",2),l([d({type:Boolean,reflect:!0})],o.prototype,"disabled",2),l([d({type:Boolean,reflect:!0})],o.prototype,"readonly",2),l([d({type:Boolean})],o.prototype,"hoist",2),l([d({type:Boolean})],o.prototype,"opacity",2),l([d()],o.prototype,"placement",2),l([d({type:Boolean})],o.prototype,"uppercase",2),l([d()],o.prototype,"swatches",2),l([d({attribute:"swatches-only",type:Boolean})],o.prototype,"swatchesOnly",2),l([d({reflect:!0})],o.prototype,"form",2),l([d({type:Boolean,reflect:!0})],o.prototype,"required",2),l([d({type:Boolean,reflect:!0})],o.prototype,"optional",2),l([K({passive:!1})],o.prototype,"handleTouchMove",1),l([A("format",{waitUntilFirstUpdate:!0})],o.prototype,"handleFormatChange",1),l([A("opacity",{waitUntilFirstUpdate:!0})],o.prototype,"handleOpacityChange",1),l([A("value")],o.prototype,"handleValueChange",1);export{o as a};

package/cdn/chunks/chunk.WXJQV43K.js

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

package/cdn/chunks/chunk.WXXEH53F.js

@@ -0,0 +1 @@
+import{a as l}from"./chunk.MEKW2OXH.js";import{a as i,g as a}from"./chunk.IIPZ6YZ6.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends a{constructor(){super(...arguments);this.localize=new l(this);this.value=0;this.unit="byte";this.display="short"}render(){if(isNaN(this.value))return"";let n=["","kilo","mega","giga","tera"],s=["","kilo","mega","giga","tera","peta"],o=this.unit==="bit"?n:s,r=Math.max(0,Math.min(Math.floor(Math.log10(this.value)/3),o.length-1)),h=o[r]+this.unit,u=parseFloat((this.value/Math.pow(1e3,r)).toPrecision(3));return this.localize.number(u,{style:"unit",unit:h,unitDisplay:this.display})}};e([i({type:Number})],t.prototype,"value",2),e([i()],t.prototype,"unit",2),e([i()],t.prototype,"display",2);export{t as a};

package/cdn/chunks/chunk.X5R2ULRM.js

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

package/cdn/chunks/chunk.XCV7IVRR.js

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

package/cdn/chunks/chunk.XFXLQTA3.js

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

package/cdn/chunks/chunk.XPW2D5BS.js

@@ -0,0 +1 @@
+import{a as d}from"./chunk.CFO3432K.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as l,g as o}from"./chunk.IIPZ6YZ6.js";import{a}from"./chunk.MXDME6T6.js";import{d as i}from"./chunk.PINNEFCM.js";import{e as r}from"./chunk.FI4IKBIW.js";var e=class extends o{constructor(){super(...arguments);this.observedElements=[];this.disabled=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(t=>{this.emit("ev-resize",{detail:{entries:t}})}),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}handleSlotChange(){this.disabled||this.startObserver()}startObserver(){let t=this.shadowRoot.querySelector("slot");if(t!==null){let h=t.assignedElements({flatten:!0});this.observedElements.forEach(s=>this.resizeObserver.unobserve(s)),this.observedElements=[],h.forEach(s=>{this.resizeObserver.observe(s),this.observedElements.push(s)})}}stopObserver(){this.resizeObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return i` <slot @slotchange=${this.handleSlotChange}></slot> `}};e.styles=[a,d],r([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([n("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};