@uplynk/lynk-design 1.13.0 → 1.15.0

package/cdn/chunks/chunk.UMLYIKHP.js

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

package/cdn/chunks/chunk.UNYBOP23.js

@@ -0,0 +1,11 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var i=e`
+  :host {
+    display: table;
+    border-collapse: separate;
+    border-spacing: 0 4px;
+    font-size: var(--lynk-font-size-medium);
+    line-height: var(--lynk-line-height-dense);
+    margin-bottom: 0rem;
+    width: 100%;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.UOH27LP6.js

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

package/cdn/chunks/chunk.UQEL54XU.js

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

package/cdn/chunks/chunk.UUFIY5O2.js

@@ -0,0 +1,15 @@
+import{b as S}from"./chunk.HAL4HZQO.js";import{a as y,b as c,c as g}from"./chunk.N5VZIW5Z.js";import{d as p,h as d}from"./chunk.OAB62Q2Y.js";var r=(i,e)=>{var s;let t=i._$AN;if(t===void 0)return!1;for(let o of t)(s=o._$AO)==null||s.call(o,e,!1),r(o,e);return!0},h=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while((t==null?void 0:t.size)===0)},C=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),A(e)}};function L(i){this._$AN!==void 0?(h(this),this._$AM=i,C(this)):this._$AM=i}function M(i,e=!1,t=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(s))for(let n=t;n<s.length;n++)r(s[n],!1),h(s[n]);else s!=null&&(r(s,!1),h(s));else r(this,i)}var A=i=>{var e,t;i.type==y.CHILD&&((e=i._$AP)!=null||(i._$AP=M),(t=i._$AQ)!=null||(i._$AQ=L))},u=class extends g{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,s){super._$AT(e,t,s),C(this),this.isConnected=e._$AU}_$AO(e,t=!0){var s,o;e!==this.isConnected&&(this.isConnected=e,e?(s=this.reconnected)==null||s.call(this):(o=this.disconnected)==null||o.call(this)),t&&(r(this,e),h(this))}setValue(e){if(S(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var E=()=>new f,f=class{},m=new WeakMap,$=c(class extends u{render(i){return d}update(i,[e]){var s;let t=e!==this.G;return t&&this.G!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=e,this.ht=(s=i.options)==null?void 0:s.host,this.rt(this.ct=i.element)),d}rt(i){var e;if(this.isConnected||(i=void 0),typeof this.G=="function"){let t=(e=this.ht)!=null?e:globalThis,s=m.get(t);s===void 0&&(s=new WeakMap,m.set(t,s)),s.get(this.G)!==void 0&&this.G.call(this.ht,void 0),s.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){var i,e,t;return typeof this.G=="function"?(e=m.get((i=this.ht)!=null?i:globalThis))==null?void 0:e.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var k=class{constructor(e,t){this.popupRef=E();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=e=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${e.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${e.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=e=>{switch(e.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":e.target!==this.host&&(e.preventDefault(),e.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(e);break;default:break}};this.handleClick=e=>{var t;e.target===this.host?(e.preventDefault(),e.stopPropagation()):e.target instanceof Element&&(e.target.tagName==="lynk-menu-item"||(t=e.target.role)!=null&&t.startsWith("menuitem"))&&this.disableSubmenu()};this.handleFocusOut=e=>{e.relatedTarget&&e.relatedTarget instanceof Element&&this.host.contains(e.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=e=>{e.stopPropagation()};this.handlePopupReposition=()=>{let e=this.host.renderRoot.querySelector("slot[name='submenu']"),t=e==null?void 0:e.assignedElements({flatten:!0}).filter(v=>v.localName==="lynk-menu")[0],s=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:o,top:n,width:a,height:l}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${s?o+a:o}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${n}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${s?o+a:o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${n+l}px`)};(this.host=e).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("ev-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("ev-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(e){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let s=null;for(let o of t.assignedElements())if(s=o.querySelectorAll("lynk-menu-item, [role^='menuitem']"),s.length!==0)break;if(!(!s||s.length===0)){s[0].setAttribute("tabindex","0");for(let o=1;o!==s.length;++o)s[o].setAttribute("tabindex","-1");this.popupRef.value&&(e.preventDefault(),e.stopPropagation(),this.popupRef.value.active?s[0]instanceof HTMLElement&&s[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{s[0]instanceof HTMLElement&&s[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(e){this.popupRef.value&&this.popupRef.value.active!==e&&(this.popupRef.value.active=e,this.host.requestUpdate())}enableSubmenu(e=!0){e?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var o;if(!((o=this.host.parentElement)!=null&&o.computedStyleMap))return;let e=this.host.parentElement.computedStyleMap(),s=["padding-top","border-top-width","margin-top"].reduce((n,a)=>{var b;let l=(b=e.get(a))!=null?b:new CSSUnitValue(0,"px"),R=(l instanceof CSSUnitValue?l:new CSSUnitValue(0,"px")).to("px");return n-R.value},0);this.skidding=s}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let e=getComputedStyle(this.host).direction==="rtl";return this.isConnected?p`
+      <lynk-popup
+        ${$(this.popupRef)}
+        placement=${e?"left-start":"right-start"}
+        .anchor=${this.host}
+        flip
+        flip-fallback-strategy="best-fit"
+        skidding="${this.skidding}"
+        strategy="fixed"
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <slot name="submenu"></slot>
+      </lynk-popup>
+    `:p` <slot name="submenu" hidden></slot> `}};export{k as a};

package/cdn/chunks/chunk.UUFIY5O2.js.LEGAL.txt

@@ -0,0 +1,15 @@
+Bundled license information:
+
+lit-html/async-directive.js:
+  /**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   */
+
+lit-html/directives/ref.js:
+  /**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   */

package/cdn/chunks/chunk.UXICE3EL.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk.KKU5H6AI.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as r,g as l}from"./chunk.H3TZAFDG.js";import{a}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.start=!0;this.end=!1;this.align="center";this.gap="var(--lynk-spacing-small)"}handleRowChange(){this.start&&(this.end=!1)}handleColumnChange(){this.end&&(this.start=!1)}render(){return o` <slot part="base" class="flank" style="--gap: ${this.gap};"></slot> `}};t.styles=[a,p],e([r({type:Boolean,reflect:!0})],t.prototype,"start",2),e([r({type:Boolean,reflect:!0})],t.prototype,"end",2),e([r({reflect:!0})],t.prototype,"align",2),e([r({type:String,reflect:!0})],t.prototype,"gap",2),e([s("start")],t.prototype,"handleRowChange",1),e([s("end")],t.prototype,"handleColumnChange",1);export{t as a};

package/cdn/chunks/chunk.UZWNNQ73.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.BLAI6ZR7.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var p="lynk-panel";e.define("lynk-panel");var a=n({tagName:p,elementClass:e,react:t,events:{EvExpand:"ev-expand",EvAfterExpand:"ev-after-expand",EvCollapse:"ev-collapse",EvAfterCollapse:"ev-after-collapse"},displayName:"LynkPanel"}),r=a;export{r as a};

package/cdn/chunks/chunk.V2TEOZP6.js

@@ -0,0 +1,341 @@
+import{a as o}from"./chunk.OAB62Q2Y.js";var i=o`
+  :host {
+    display: block;
+  }
+
+  /** The popup */
+  .combobox {
+    flex: 1 1 auto;
+    display: inline-flex;
+    width: 100%;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .combobox::part(popup) {
+    z-index: var(--lynk-z-index-dropdown);
+  }
+
+  .combobox[data-current-placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .combobox[data-current-placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  /* Combobox */
+  .combobox__inputs {
+    flex: 1;
+    display: flex;
+    width: 100%;
+    min-width: 0;
+    position: relative;
+    align-items: center;
+    justify-content: start;
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    letter-spacing: var(--lynk-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: pointer;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  .combobox__display-input {
+    position: relative;
+    width: 100%;
+    font: inherit;
+    border: none;
+    background: none;
+    color: var(--lynk-input-color);
+    cursor: inherit;
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .combobox__display-input::placeholder {
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .combobox:not(.combobox--disabled):hover .combobox__display-input {
+    color: var(--lynk-input-color-hover);
+  }
+
+  .combobox__display-input:focus {
+    outline: none;
+  }
+
+  .combobox__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+
+  /* Standard combobox */
+  .combobox--standard .combobox__inputs {
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+  }
+
+  .combobox--standard.combobox--disabled .combobox__inputs {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    color: var(--lynk-input-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+    outline: none;
+  }
+
+  .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,
+  .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus) !important;
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  /* Sizes */
+  .combobox--small .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    min-height: var(--lynk-input-height-small);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--small .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--small .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--medium .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    min-height: var(--lynk-input-height-medium);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--medium .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--medium .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--large .combobox__inputs {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    min-height: var(--lynk-input-height-large);
+    padding-block: 0;
+    padding-inline: var(--lynk-input-spacing-large);
+  }
+
+  .combobox--large .combobox__clear {
+    margin-inline-start: var(--lynk-input-spacing-large);
+  }
+
+  .combobox--large .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-large);
+  }
+
+  /* Prefix and Suffix */
+  .combobox__prefix,
+  .combobox__suffix {
+    flex: 0;
+    display: inline-flex;
+    align-items: center;
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Clear button */
+  .combobox__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--lynk-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--lynk-transition-fast) color;
+    cursor: pointer;
+  }
+
+  .combobox__clear:hover {
+    color: var(--lynk-input-icon-color-hover);
+  }
+
+  .combobox__clear:focus {
+    outline: none;
+  }
+
+  .combobox--medium .combobox__clear {
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Expand icon */
+  .combobox__expand-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--lynk-transition-medium) rotate ease;
+    rotate: 0;
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  .combobox--open .combobox__expand-icon {
+    rotate: -180deg;
+  }
+
+  /* Listbox */
+  .combobox__listbox {
+    display: block;
+    position: relative;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    box-shadow: var(--lynk-shadow-large);
+    background: var(--lynk-panel-background-color);
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+    border-radius: var(--lynk-border-radius-medium);
+    padding-block: var(--lynk-spacing-x-small);
+    padding-inline: 0;
+    overflow: auto;
+    overscroll-behavior: none;
+
+    /* Make sure it adheres to the popup's auto size */
+    max-width: var(--auto-size-available-width);
+    max-height: var(--auto-size-available-height);
+  }
+
+  .combobox__listbox ::slotted(lynk-divider) {
+    --spacing: var(--lynk-spacing-x-small);
+  }
+
+  .combobox__listbox ::slotted(small) {
+    display: block;
+    font-size: var(--lynk-font-size-small);
+    font-weight: var(--lynk-font-weight-semibold);
+    color: var(--lynk-color-neutral-500);
+    padding-block: var(--lynk-spacing-2x-small);
+    padding-inline: var(--lynk-spacing-x-large);
+  }
+
+  /**
+   * Invalid user data
+   */
+  :host([data-user-invalid]) .combobox__inputs {
+    border-color: var(--lynk-input-border-color-focus-error);
+  }
+
+  :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--open .combobox__inputs,
+  :host([data-user-invalid]) .combobox--standard:not(.combobox--disabled).combobox--focused .combobox__inputs {
+    border-color: var(--lynk-input-border-color-focus-error);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-error);
+  }
+
+  /* Expand icon */
+  .combobox__expand-icon {
+    color: var(--lynk-color-neutral-950);
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  /* Change combobox border on hover */
+  .combobox:not(.combobox--disabled):hover .combobox__inputs {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+
+  /* Prefix and Suffix */
+
+  /* Small */
+  .combobox--small .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .combobox--small .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  /* Medium */
+  .combobox--medium .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .combobox--medium .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  /* Large */
+  .combobox--large .combobox__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox--large .combobox__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .combobox__prefix,
+  .combobox__suffix {
+    color: var(--lynk-input-help-text-color);
+  }
+
+  /* Listbox */
+  .combobox__listbox {
+    /* @todo: Should be --lynk-border-radius-medium, which should be set to 0 */
+    border-radius: var(--lynk-border-radius-none);
+    box-shadow: var(--lynk-shadow-medium);
+  }
+
+  /**
+   * Make sure to hide the lynk-divider for the first lynk-optgroup
+   * Note! ::slotted does currently not work with ::part, so we
+   * opted for using a css variable here.
+   */
+  .combobox__listbox ::slotted(lynk-optgroup:first-of-type) {
+    --display-divider: none;
+  }
+
+  /* Custom option */
+  .combobox__custom-option {
+    position: relative;
+    display: flex;
+    align-items: center;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    line-height: var(--lynk-line-height-dense);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-neutral-700);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-medium);
+    transition: var(--lynk-transition-fast) all;
+    cursor: pointer;
+  }
+
+  .combobox__custom-option:hover,
+  .combobox__custom-option--current {
+    color: var(--lynk-color-primary);
+    background-color: var(--lynk-color-primary-50);
+  }
+`;export{i as a};

package/cdn/chunks/chunk.V3QNGQSH.js

@@ -0,0 +1,22 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var i=e`
+  :host {
+    /*
+     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
+     * stay consistent.
+     */
+    --indent-guide-color: var(--lynk-color-neutral-200);
+    --indent-guide-offset: 0;
+    --indent-guide-style: solid;
+    --indent-guide-width: 0;
+    --indent-size: var(--lynk-spacing-large);
+    --gap-size: 1px;
+
+    display: block;
+
+    /*
+     * Tree item indentation uses the "em" unit to increment its width on each level, so setting the font size to zero
+     * here removes the indentation for all the nodes on the first level.
+     */
+    font-size: 0;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.V3SUT3ZF.js

@@ -0,0 +1,5 @@
+import{a as o}from"./chunk.OAB62Q2Y.js";var t=o`
+  :host {
+    display: block;
+  }
+`;export{t as a};