@uplynk/lynk-design 1.17.0 → 1.18.0

package/cdn/chunks/chunk.74XSNEO3.js

@@ -1,420 +0,0 @@
-import{a as e}from"./chunk.QRMWQQRW.js";var t=e`
-  :host {
-    display: block;
-    /* Prevent inheriting --border-color from parent components */
-    --border-color: initial;
-  }
-
-  :host([data-user-invalid]:not([disabled])),
-  :host([state='error']:not([disabled])) {
-    --border-color: var(--lynk-color-danger);
-    --focus-color: color-mix(in oklab, var(--lynk-color-danger) 50%, transparent);
-  }
-
-  :host([state='warning']) {
-    --border-color: var(--lynk-color-warning);
-    --focus-color: color-mix(in oklab, var(--lynk-color-warning) 50%, transparent);
-  }
-
-  :host([state='success']) {
-    --border-color: var(--lynk-color-success);
-    --focus-color: color-mix(in oklab, var(--lynk-color-success) 50%, transparent);
-  }
-
-  :host([readonly]) {
-    --border-color: var(--lynk-color-neutral-200);
-    --focus-color: transparent;
-  }
-
-  :host([readonly]) .select--standard.select--focused .select__combobox {
-    --border-color: var(--lynk-color-neutral-400);
-    box-shadow: none;
-  }
-
-  /** The popup */
-  .select {
-    flex: 1 1 auto;
-    display: inline-flex;
-    width: 100%;
-    position: relative;
-    vertical-align: middle;
-  }
-
-  .select::part(popup) {
-    z-index: var(--lynk-z-index-dropdown);
-  }
-
-  .select[data-current-placement^='top']::part(popup) {
-    transform-origin: bottom;
-  }
-
-  .select[data-current-placement^='bottom']::part(popup) {
-    transform-origin: top;
-  }
-
-  ::slotted(lynk-input) {
-    padding: 0 var(--lynk-spacing-x-small);
-    margin-bottom: var(--lynk-spacing-x-small);
-  }
-
-  ::slotted(lynk-spinner) {
-    display: block;
-    margin: var(--lynk-spacing-x-small) auto;
-  }
-
-  /* Combobox */
-  .select__combobox {
-    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;
-  }
-
-  .select__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;
-  }
-
-  .select__display-input::placeholder {
-    color: var(--lynk-input-placeholder-color);
-  }
-
-  .select:not(.select--disabled):hover .select__display-input {
-    color: var(--lynk-input-color-hover);
-  }
-
-  .select__display-input:focus {
-    outline: none;
-  }
-
-  /* Visually hide the display input when multiple is enabled */
-  .select--multiple:not(.select--placeholder-visible) .select__display-input {
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-  }
-
-  .select__value-input {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-    z-index: -1;
-  }
-
-  .select__tags {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    flex-wrap: wrap;
-    margin-inline-start: var(--lynk-spacing-2x-small);
-  }
-
-  .select__tags::slotted(lynk-tag) {
-    cursor: pointer !important;
-  }
-
-  .select--disabled .select__tags,
-  .select--disabled .select__tags::slotted(lynk-tag) {
-    cursor: not-allowed !important;
-  }
-
-  /* Standard selects */
-  .select--standard .select__combobox {
-    background-color: var(--lynk-input-background-color);
-    border: solid var(--lynk-input-border-width) var(--border-color, var(--lynk-input-border-color));
-  }
-
-  .select--standard.select--disabled .select__combobox {
-    background-color: var(--lynk-input-background-color-disabled);
-    border-color: var(--lynk-input-border-color-disabled);
-    color: var(--lynk-input-color-disabled);
-    opacity: 0.75;
-    cursor: not-allowed;
-    outline: none;
-  }
-
-  .select--standard:not(.select--disabled).select--open .select__combobox,
-  .select--standard:not(.select--disabled).select--focused .select__combobox {
-    background-color: var(--lynk-input-background-color-focus);
-    border-color: var(--border-color, var(--lynk-input-border-color-focus));
-    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--focus-color, var(--lynk-input-focus-ring-color));
-  }
-
-  /* Filled selects */
-  .select--filled .select__combobox {
-    border: none;
-    background-color: var(--lynk-input-filled-background-color);
-    color: var(--lynk-input-color);
-  }
-
-  .select--filled:hover:not(.select--disabled) .select__combobox {
-    background-color: var(--lynk-input-filled-background-color-hover);
-  }
-
-  .select--filled.select--disabled .select__combobox {
-    background-color: var(--lynk-input-filled-background-color-disabled);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .select--filled:not(.select--disabled).select--open .select__combobox,
-  .select--filled:not(.select--disabled).select--focused .select__combobox {
-    background-color: var(--lynk-input-filled-background-color-focus);
-    outline: var(--lynk-focus-ring);
-  }
-
-  /* Sizes */
-  .select--small .select__combobox {
-    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);
-  }
-
-  .select--small .select__clear {
-    margin-inline-start: var(--lynk-input-spacing-small);
-  }
-
-  .select--small .select__prefix::slotted(*) {
-    margin-inline-end: var(--lynk-input-spacing-small);
-  }
-  .select--small.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--lynk-input-spacing-small);
-  }
-
-  .select--small.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-block: 2px;
-    padding-inline-start: 0;
-  }
-
-  .select--small .select__tags {
-    gap: 2px;
-  }
-
-  .select--medium .select__combobox {
-    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);
-  }
-
-  .select--medium .select__clear {
-    margin-inline-start: var(--lynk-input-spacing-medium);
-  }
-
-  .select--medium .select__prefix::slotted(*) {
-    margin-inline-end: var(--lynk-input-spacing-medium);
-  }
-
-  .select--medium.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--lynk-input-spacing-medium);
-  }
-
-  .select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-inline-start: 0;
-    padding-block: 3px;
-  }
-
-  .select--medium .select__tags {
-    gap: 3px;
-  }
-
-  .select--large .select__combobox {
-    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);
-  }
-
-  .select--large .select__clear {
-    margin-inline-start: var(--lynk-input-spacing-large);
-  }
-
-  .select--large .select__prefix::slotted(*) {
-    margin-inline-end: var(--lynk-input-spacing-large);
-  }
-
-  .select--large.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--lynk-input-spacing-large);
-  }
-
-  .select--large.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-inline-start: 0;
-    padding-block: 4px;
-  }
-
-  .select--large .select__tags {
-    gap: 4px;
-  }
-
-  /* Pills */
-  .select--pill.select--small .select__combobox {
-    border-radius: var(--lynk-input-height-small);
-  }
-
-  .select--pill.select--medium .select__combobox {
-    border-radius: var(--lynk-input-height-medium);
-  }
-
-  .select--pill.select--large .select__combobox {
-    border-radius: var(--lynk-input-height-large);
-  }
-
-  /* Prefix and Suffix */
-  .select__prefix,
-  .select__suffix {
-    flex: 0;
-    display: inline-flex;
-    align-items: center;
-    color: var(--lynk-input-placeholder-color);
-  }
-
-  .select__suffix::slotted(*) {
-    margin-inline-start: var(--lynk-spacing-small);
-  }
-
-  /* Clear button */
-  .select__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;
-  }
-
-  .select__clear:hover {
-    color: var(--lynk-input-icon-color-hover);
-  }
-
-  .select__clear:focus {
-    outline: none;
-  }
-
-  /* Expand icon */
-  .select__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);
-  }
-
-  .select--open .select__expand-icon {
-    rotate: -180deg;
-  }
-
-  .select--readonly .select__combobox {
-    cursor: default;
-  }
-
-  .select--readonly .select__expand-icon {
-    color: var(--lynk-color-neutral-300);
-  }
-
-  /* Listbox */
-  .select__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);
-  }
-
-  .select__listbox ::slotted(lynk-divider) {
-    --spacing: var(--lynk-spacing-x-small);
-  }
-
-  .select__listbox ::slotted(small) {
-    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-x-small);
-    padding-inline: var(--lynk-spacing-x-large);
-  }
-
-  /*
-   * Restricted
-   */
-  .select--restricted {
-    opacity: 1 !important;
-  }
-
-  .select--restricted .select__combobox {
-    border-color: transparent;
-    cursor: initial;
-    gap: 0;
-  }
-
-  .select--restricted .select__combobox,
-  .select--restricted .select__tags {
-    padding: 0;
-    margin-inline-start: 0;
-    user-select: text;
-  }
-
-  .select--restricted .select__expand-icon {
-    display: none;
-  }
-
-  .select--restricted .select__expand-icon {
-    display: none;
-  }
-
-  .select--restricted lynk-tag::part(base) {
-    cursor: text;
-    user-select: text;
-  }
-`;export{t as a};

package/cdn/chunks/chunk.7LRFGSYI.js

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

package/cdn/chunks/chunk.7MBZIGTY.js

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

package/cdn/chunks/chunk.7PZ7MWBH.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.K5FE2RMJ.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-switch";e.define("lynk-switch");var s=n({tagName:v,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvChange:"ev-change",EvInput:"ev-input",EvFocus:"ev-focus",EvInvalid:"ev-invalid"},displayName:"LynkSwitch"}),m=s;export{m as a};

package/cdn/chunks/chunk.7QR6WRQE.js

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

package/cdn/chunks/chunk.7W4F2T6M.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.EYQ6AEGZ.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-page-sidebar";e.define("lynk-page-sidebar");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:"LynkPageSidebar"}),a=v;export{a};

package/cdn/chunks/chunk.A3KNQGDC.js

@@ -1 +0,0 @@
-import{b as e}from"./chunk.F4B4Q6EC.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-split-panel";e.define("lynk-split-panel");var p=n({tagName:o,elementClass:e,react:t,events:{EvReposition:"ev-reposition"},displayName:"LynkSplitPanel"}),a=p;export{a};

package/cdn/chunks/chunk.AAHTAN25.js

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

package/cdn/chunks/chunk.ABBIAC3R.js

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

package/cdn/chunks/chunk.AEDFRWPY.js

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