@uplynk/lynk-design 1.13.0 → 1.14.0

package/cdn/chunks/chunk.25AOXU43.js

@@ -0,0 +1,98 @@
+import{a as E}from"./chunk.XR3DMLWI.js";import{a as F}from"./chunk.KR7XHIU2.js";import{a as V}from"./chunk.UTAGT7L4.js";import{a as T}from"./chunk.53QYKSEW.js";import{b as S}from"./chunk.V7E6ITFP.js";import{a as _}from"./chunk.Q3J7P2MZ.js";import{a as M}from"./chunk.CMZ5RKU4.js";import{a as k}from"./chunk.YHSYTTFF.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as g}from"./chunk.TZTBMC6G.js";import{a as r,b as v,d as m,g as w}from"./chunk.HW7MWP4B.js";import{a as x}from"./chunk.D3NKX2L2.js";import{d as o}from"./chunk.Z3G5EPTI.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends w{constructor(){super(...arguments);this.formControlController=new S(this);this.hasSlotController=new k(this,"help-text","help-tip","label","reference");this.localize=new _(this);this.isDragging=!1;this.valueHasChanged=!1;this.hasFocus=!1;this.hasTooltip=!1;this.name="";this.label="";this.minValue=0;this.maxValue=50;this.defaultValue=this.getAttribute("value")===null?this.minValue:Number(this.getAttribute("value"));this._value=this.defaultValue;this.range=!1;this.helpText="";this.helpTip="";this.size="medium";this.state="default";this.disabled=!1;this.readonly=!1;this.dirty=!1;this.orientation="horizontal";this.min=0;this.max=100;this.step=1;this.ticks=[];this.withMarkers=!1;this.tooltip="top";this.tooltipFormatter=t=>t.toString();this.form=""}get value(){var t;return this.valueHasChanged?this._value:(t=this._value)!=null?t:this.defaultValue}set value(t){let s=Number(t);t=isNaN(s)?this.minValue:s,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get isRange(){return this.range}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.syncRange()),this.value<this.min&&(this.value=this.min),this.value>this.max&&(this.value=this.max),this.updateComplete.then(()=>{this.syncRange(),this.resizeObserver.observe(this.wrapper)})}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this.wrapper)}handleWrapperPointerDown(t){var n,p;if(this.disabled||this.readonly||t.button!==0)return;t.preventDefault(),this.trackRect=this.wrapper.getBoundingClientRect(),this.valueOnDragStart=this.value,this.internalValue=this.value,this.isDragging=!0,this.hasTooltip=!0,(n=this.tooltipElement)==null||n.show(),(p=this.thumb)==null||p.focus(),this.setValueFromClientCoordinates(t.clientX,t.clientY);let s=a=>{this.setValueFromClientCoordinates(a.clientX,a.clientY)},l=()=>{var a;document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",l),this.isDragging=!1,this.internalValue!==this.value&&(this.value=this.internalValue,this.input&&(this.input.value=this.internalValue.toString()),this.emit("ev-input")),this.hasTooltip=!1,(a=this.tooltipElement)==null||a.hide(),this.value!==this.valueOnDragStart&&this.emit("ev-change")};document.addEventListener("pointermove",s,{passive:!0}),document.addEventListener("pointerup",l)}handleBlur(){this.hasFocus=!1,this.hasTooltip=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleKeyDown(t){if(this.disabled)return;let s=this.orientation==="vertical",l=this.localize.dir()==="rtl",n=this.step||1;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)&&(t.preventDefault(),t.key==="Home"?this.value=this.min:t.key==="End"?this.value=this.max:t.key==="ArrowLeft"&&!l&&!s||t.key==="ArrowRight"&&l&&!s||t.key==="ArrowDown"&&s?this.value=Math.max(this.min,this.value-n):(t.key==="ArrowRight"&&!l&&!s||t.key==="ArrowLeft"&&l&&!s||t.key==="ArrowUp"&&s)&&(this.value=Math.min(this.max,this.value+n)),this.emit("ev-input"),this.emit("ev-change"))}clampAndRoundToStep(t){let s=(String(this.step).split(".")[1]||"").replace(/0+$/g,"").length;return t=Math.round(t/this.step)*this.step,t=Math.max(this.min,Math.min(this.max,t)),parseFloat(t.toFixed(s))}setValueFromClientCoordinates(t,s){var C;let l=this.orientation==="vertical",n=this.localize.dir()==="rtl",{top:p,bottom:a,left:d,right:h,height:f,width:A}=this.trackRect,b=l?s:t,D=l?p:d,$=l?a:h,z=l?f:A,P=l||n?$-b:b-D,O=Math.max(0,Math.min(1,P/z)),u=this.clampAndRoundToStep(this.min+(this.max-this.min)*O);if(this.internalValue!==u)if(this.internalValue=u,this.isDragging){let y=this.max-this.min,U=y>0?Math.max(0,Math.min(1,(u-this.min)/y)):0;this.wrapper.style.setProperty("--percent",`${U*100}%`),(C=this.thumb)==null||C.setAttribute("aria-valuenow",u.toString()),this.tooltipElement&&(this.tooltipElement.content=typeof this.tooltipFormatter=="function"?this.tooltipFormatter(u):u.toString())}else this.value=u,this.emit("ev-input")}handleTickClick(t,s){this.disabled||this.readonly||(t.stopPropagation(),this.value=s.value,this.emit("ev-input"),this.emit("ev-change"))}syncProgress(t){var s;(s=this.wrapper)==null||s.style.setProperty("--percent",`${t*100}%`)}valueToPercent(t){return(t-this.min)*100/(this.max-this.min)}handleValueChange(){this.isDragging||(this.formControlController.updateValidity(),this.input&&(this.input.value=this.value.toString()),this.syncRange())}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRangePropertiesChange(){this.syncRange()}syncRange(){let t=this.max-this.min,s=t>0?Math.max(0,Math.min(1,(this.value-this.min)/t)):0;this.syncProgress(s)}focus(t){var s;(s=this.thumb)==null||s.focus(t)}blur(){var t;(t=this.thumb)==null||t.blur()}stepUp(){let t=this.step||1;this.value=Math.min(this.max,this.value+t),this.emit("ev-input"),this.emit("ev-change")}stepDown(){let t=this.step||1;this.value=Math.max(this.min,this.value-t),this.emit("ev-input"),this.emit("ev-change")}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("ticks"),s=this.ticks.length?!0:!!t,l=o`
+      <div
+        part="thumb"
+        class="range__thumb"
+        role="slider"
+        tabindex=${this.disabled?"-1":"0"}
+        aria-label=${this.label||"Range"}
+        aria-valuemin=${this.min}
+        aria-valuemax=${this.max}
+        aria-valuenow=${this.value}
+        aria-disabled=${this.disabled?"true":"false"}
+        aria-orientation=${this.orientation}
+        @keydown=${this.handleKeyDown}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+      ></div>
+    `,n=[];if(this.withMarkers&&this.step>0&&Math.floor((this.max-this.min)/this.step)+1<=1e3)for(let h=this.min;h<=this.max;h+=this.step)n.push(this.valueToPercent(h));let p=this.withMarkers?o`
+          <div class="range__markers" part="markers">
+            ${n.map(a=>o`<span part="marker" class="range__marker" style="--position: ${a}%"></span>`)}
+          </div>
+        `:"";return o`
+      <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}
+        .focused=${this.hasFocus}
+        ?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")?o`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?o`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?o`<slot name="help-tip" slot="help-tip"></slot>`:""}
+
+        <div
+          part="base"
+          class=${g({range:!0,"range--disabled":this.disabled,"range--readonly":this.readonly,"range--focused":this.hasFocus,"range--vertical":this.orientation==="vertical","range--rtl":this.localize.dir()==="rtl","range--tooltip-visible":this.hasTooltip,"range--tooltip-top":this.tooltip==="top","range--tooltip-bottom":this.tooltip==="bottom"})}
+        >
+          <input
+            type="range"
+            class="range__native-input"
+            name=${M(this.name)}
+            min=${this.min}
+            max=${this.max}
+            step=${this.step}
+            ?disabled=${this.disabled}
+            .value=${T(this.value.toString())}
+            tabindex="-1"
+            aria-hidden="true"
+          />
+
+          <div part="wrapper" class="range__wrapper" @pointerdown=${this.handleWrapperPointerDown}>
+            <div part="track" class="range__track">
+              <div part="track-active" class="range__track-active"></div>
+              ${p}
+            </div>
+            ${this.tooltip!=="none"&&!this.disabled?o`
+                  <lynk-tooltip
+                    .content=${typeof this.tooltipFormatter=="function"?this.tooltipFormatter(this.value):this.value.toString()}
+                    .placement=${this.orientation==="vertical"?this.tooltip==="top"?"right":"left":this.tooltip}
+                    .distance=${8}
+                    trigger="manual"
+                    ?open=${this.hasTooltip}
+                    hoist
+                  >
+                    ${l}
+                  </lynk-tooltip>
+                `:o` ${l} `}
+          </div>
+
+          ${s?o`
+                <div part="ticks" class="range__ticks" aria-hidden=${this.ticks.length?"false":"true"}>
+                  <slot name="ticks">
+                    ${this.ticks.length?o`
+                          ${this.ticks.filter(a=>a.value>=this.min&&a.value<=this.max).map(a=>{let d=this.valueToPercent(a.value),h=a.selected&&typeof a.selected=="boolean"?a.selected:!1;return o`
+                                <div
+                                  class=${g({range__tick:!0,"range__tick--selected":h})}
+                                  style="--offset: ${d}%"
+                                  @click=${f=>this.handleTickClick(f,a)}
+                                >
+                                  ${a.label?o` <span class="range__tick-label"> ${a.label} </span> `:""}
+                                </div>
+                              `})}
+                        `:""}
+                  </slot>
+                </div>
+              `:""}
+          ${this.hasSlotController.test("reference")?o`
+                <div part="references" class="range__references">
+                  <slot name="reference"></slot>
+                </div>
+              `:""}
+        </div>
+      </lynk-form-field>
+    `}};e.styles=[x,E],e.dependencies={"lynk-form-field":F,"lynk-tooltip":V},i([m(".range__wrapper")],e.prototype,"wrapper",2),i([m(".range__thumb")],e.prototype,"thumb",2),i([m("lynk-tooltip")],e.prototype,"tooltipElement",2),i([m(".range__native-input")],e.prototype,"input",2),i([v()],e.prototype,"hasFocus",2),i([v()],e.prototype,"hasTooltip",2),i([r()],e.prototype,"name",2),i([r()],e.prototype,"label",2),i([r({type:Number,attribute:"min-value"})],e.prototype,"minValue",2),i([r({type:Number,attribute:"max-value"})],e.prototype,"maxValue",2),i([r({attribute:"value",reflect:!0,type:Number})],e.prototype,"defaultValue",2),i([v()],e.prototype,"value",1),i([r({type:Boolean,reflect:!0})],e.prototype,"range",2),i([r({attribute:"help-text"})],e.prototype,"helpText",2),i([r({attribute:"help-tip"})],e.prototype,"helpTip",2),i([r({reflect:!0})],e.prototype,"size",2),i([r({reflect:!0})],e.prototype,"state",2),i([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([r({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([r({reflect:!0})],e.prototype,"orientation",2),i([r({type:Number})],e.prototype,"min",2),i([r({type:Number})],e.prototype,"max",2),i([r({type:Number})],e.prototype,"step",2),i([r({type:Array})],e.prototype,"ticks",2),i([r({attribute:"with-markers",type:Boolean})],e.prototype,"withMarkers",2),i([r()],e.prototype,"tooltip",2),i([r({attribute:!1})],e.prototype,"tooltipFormatter",2),i([r({reflect:!0})],e.prototype,"form",2),i([c("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),i([c("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([c(["min","max","step"],{waitUntilFirstUpdate:!0})],e.prototype,"handleRangePropertiesChange",1),i([c("hasTooltip",{waitUntilFirstUpdate:!0})],e.prototype,"syncRange",1);export{e as a};

package/cdn/chunks/chunk.26NPXERB.js

@@ -0,0 +1,21 @@
+import{a as n}from"./chunk.W7LYICXH.js";import{b as r}from"./chunk.NISDUI5S.js";import{a as p}from"./chunk.CMZ5RKU4.js";import{a as h}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as o}from"./chunk.TZTBMC6G.js";import{a as s,b as a,d as i,g as u}from"./chunk.HW7MWP4B.js";import{a as c}from"./chunk.D3NKX2L2.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends u{constructor(){super(...arguments);this.hasSlotController=new h(this,"[default]","prefix","suffix");this.hasFocus=!1;this.checked=!1;this.disabled=!1;this.color="default";this.size="medium";this.pill=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleClick(l){if(this.disabled){l.preventDefault(),l.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(l){this.input.focus(l)}blur(){this.input.blur()}render(){return r`
+      <div part="base" role="presentation">
+        <button
+          part="${`button${this.checked?" button--checked":""}`}"
+          role="radio"
+          aria-checked="${this.checked}"
+          class=${o({button:!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.hasFocus,"has-label":this.hasSlotController.test("[default]"),"has-prefix":this.hasSlotController.test("prefix"),"has-suffix":this.hasSlotController.test("suffix")})}
+          aria-disabled=${this.disabled}
+          type="button"
+          value=${p(this.value)}
+          tabindex="${this.checked?"0":"-1"}"
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @click=${this.handleClick}
+        >
+          ${this.hasSlotController.test("prefix")?r`<slot name="prefix" part="prefix" class="button__prefix"></slot>`:""}
+          <slot part="label" class="button__label"></slot>
+          ${this.hasSlotController.test("suffix")?r`<slot name="suffix" part="suffix" class="button__suffix"></slot>`:""}
+        </button>
+      </div>
+    `}};e.styles=[c,n],t([i(".button")],e.prototype,"input",2),t([i(".hidden-input")],e.prototype,"hiddenInput",2),t([a()],e.prototype,"hasFocus",2),t([s({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({reflect:!0})],e.prototype,"color",2),t([s({reflect:!0})],e.prototype,"appearance",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([f("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.2CLT6VHI.js

@@ -0,0 +1,6 @@
+import{a as p}from"./chunk.YHPKQZ6D.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as o}from"./chunk.TZTBMC6G.js";import{a as r,g as s}from"./chunk.HW7MWP4B.js";import{a}from"./chunk.D3NKX2L2.js";import{d as i}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var c=0,t=class extends s{constructor(){super(...arguments);this.attrId=++c;this.componentId=`tab-panel-${this.attrId}`;this.name="";this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return i`
+      <slot
+        part="base"
+        class=${o({"tab-panel":!0,"tab-panel--active":this.active})}
+      ></slot>
+    `}};t.styles=[a,p],e([r({reflect:!0})],t.prototype,"name",2),e([r({type:Boolean,reflect:!0})],t.prototype,"active",2),e([l("active")],t.prototype,"handleActiveChange",1);export{t as a};

package/cdn/chunks/chunk.2DDVGDKU.js

@@ -0,0 +1,157 @@
+import{a as e}from"./chunk.Z3G5EPTI.js";var n=e`
+  :host {
+    --size: 25rem;
+    --header-spacing: var(--lynk-spacing-base);
+    --body-spacing: var(--lynk-spacing-base);
+    --footer-spacing: var(--lynk-spacing-base);
+
+    display: contents;
+  }
+
+  .drawer {
+    top: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    overflow: hidden;
+  }
+
+  .drawer--contained {
+    position: absolute;
+    z-index: initial;
+  }
+
+  .drawer--fixed {
+    position: fixed;
+    z-index: var(--lynk-z-index-drawer);
+  }
+
+  .drawer__panel {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    max-width: 100%;
+    max-height: 100%;
+    background-color: var(--lynk-panel-background-color);
+    box-shadow: var(--lynk-shadow-x-large);
+    overflow: auto;
+    pointer-events: all;
+  }
+
+  .drawer__panel:focus {
+    outline: none;
+  }
+
+  .drawer--top .drawer__panel {
+    top: 0;
+    inset-inline-end: auto;
+    bottom: auto;
+    inset-inline-start: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer--end .drawer__panel {
+    top: 0;
+    inset-inline-end: 0;
+    bottom: auto;
+    inset-inline-start: auto;
+    width: var(--size);
+    height: 100%;
+  }
+
+  .drawer--bottom .drawer__panel {
+    top: auto;
+    inset-inline-end: auto;
+    bottom: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer--start .drawer__panel {
+    top: 0;
+    inset-inline-end: auto;
+    bottom: auto;
+    inset-inline-start: 0;
+    width: var(--size);
+    height: 100%;
+  }
+
+  .drawer__header {
+    display: flex;
+  }
+
+  .drawer__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-large);
+    line-height: var(--lynk-line-height-dense);
+    padding: var(--header-spacing);
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .drawer__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .drawer__header-actions lynk-icon-button,
+  .drawer__header-actions ::slotted(lynk-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .drawer__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .drawer__footer {
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .drawer__footer ::slotted(lynk-button:not(:last-of-type)) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .drawer:not(.drawer--has-footer) .drawer__footer {
+    display: none;
+  }
+
+  .drawer__overlay {
+    display: block;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--lynk-overlay-background-color);
+    pointer-events: all;
+  }
+
+  .drawer--contained .drawer__overlay {
+    position: none;
+  }
+
+  @media (forced-colors: active) {
+    .drawer__panel {
+      border: solid 1px var(--lynk-color-neutral-0);
+    }
+  }
+`;export{n as a};

package/cdn/chunks/chunk.2G4KBWYG.js

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

package/cdn/chunks/chunk.2NUPFY3X.js

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

package/cdn/chunks/chunk.2OFZFHHC.js

@@ -0,0 +1,104 @@
+import{a as $}from"./chunk.5BGU7A7Y.js";import{a as C}from"./chunk.KR7XHIU2.js";import{a as g}from"./chunk.53QYKSEW.js";import{a as y}from"./chunk.LHJP5W36.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.Q3J7P2MZ.js";import{a as b}from"./chunk.J4VJZB4C.js";import{a as s}from"./chunk.CMZ5RKU4.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.TZTBMC6G.js";import{a as i,b as h,d as u,g as d}from"./chunk.HW7MWP4B.js";import{a as m}from"./chunk.D3NKX2L2.js";import{d as a}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends d{constructor(){super(...arguments);this.formControlController=new v(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.localize=new f(this);this.hasSlotController=new c(this,"help-text","help-tip","label");this.hasFocus=!1;this.title="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.type="text";this.name="";this.value="";this.defaultValue="";this.state="default";this.size="medium";this.filled=!1;this.pill=!1;this.label="";this.helpText="";this.helpTip="";this.clearable=!1;this.disabled=!1;this.placeholder="";this.readonly=!1;this.restricted=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.autoPicker=!1;this.form="";this.required=!1;this.dirty=!1;this.inline=!1;this.autocomplete="off";this.spellcheck=!0}get valueAsDate(){var l;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((l=this.input)==null?void 0:l.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(l){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=l,this.value=this.__dateInput.value}get valueAsNumber(){var l;return this.__numberInput.value=this.value,((l=this.input)==null?void 0:l.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(l){this.__numberInput.valueAsNumber=l,this.value=this.__numberInput.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleChange(){this.value=this.input.value,this.emit("ev-change")}handleClearClick(l){l.preventDefault(),this.value!==""&&(this.value="",this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.input.focus()}handleFocus(){this.hasFocus=!0,this.emit("ev-focus"),this.autoPicker&&this.showPicker()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("ev-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}handleKeyDown(l){let r=l.metaKey||l.ctrlKey||l.shiftKey||l.altKey;l.key==="Enter"&&!r&&setTimeout(()=>{!l.defaultPrevented&&!l.isComposing&&(this.formControlController.submit(),this.emit("ev-enter"))})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){(this.disabled||this.restricted)&&this.formControlController.setValidity(!0)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(l){this.input.focus(l)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(l,r,o="none"){this.input.setSelectionRange(l,r,o)}setRangeText(l,r,o,w="preserve"){let _=r!=null?r:this.input.selectionStart,x=o!=null?o:this.input.selectionEnd;this.input.setRangeText(l,_,x,w),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}render(){let r=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value&&this.value.length>0);return a`
+      <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}
+        .required=${this.required}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?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")?a`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
+
+        <div
+          part="base"
+          class=${p({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--restricted":this.restricted,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons})}
+        >
+          <span part="prefix" class="input__prefix">
+            <slot name="prefix"></slot>
+          </span>
+
+          ${this.restricted?a` <div part="input" class="input__control-preview">${this.value||"None"}</div> `:""}
+
+          <input
+            part="input"
+            class="input__control"
+            type=${this.type==="password"&&this.passwordVisible?"text":this.type}
+            title=${this.title}
+            name=${s(this.name)}
+            ?disabled=${this.disabled||this.restricted}
+            ?readonly=${this.readonly}
+            ?required=${this.required}
+            placeholder=${s(this.placeholder)}
+            minlength=${s(this.minlength)}
+            maxlength=${s(this.maxlength)}
+            min=${s(this.min)}
+            max=${s(this.max)}
+            step=${s(this.step)}
+            .value=${g(this.value)}
+            autocapitalize=${s(this.autocapitalize)}
+            autocomplete=${s(this.autocomplete)||"off"}
+            ?autofocus=${this.autofocus}
+            spellcheck=${this.spellcheck}
+            pattern=${s(this.pattern)}
+            enterkeyhint=${s(this.enterkeyhint)}
+            inputmode=${s(this.inputmode)}
+            aria-label=${this.label||"Input"}
+            @change=${this.handleChange}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @keydown=${this.handleKeyDown}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+          />
+
+          ${r?a`
+                <button
+                  part="clear-button"
+                  class="input__clear"
+                  type="button"
+                  aria-label=${this.localize.term("clearEntry")}
+                  @click=${this.handleClearClick}
+                  tabindex="-1"
+                >
+                  <slot name="clear-icon">
+                    <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
+                  </slot>
+                </button>
+              `:""}
+          ${this.passwordToggle&&!this.disabled?a`
+                <button
+                  part="password-toggle-button"
+                  class="input__password-toggle"
+                  type="button"
+                  aria-label=${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}
+                  @click=${this.handlePasswordToggle}
+                  tabindex="-1"
+                >
+                  ${this.passwordVisible?a`
+                        <slot name="show-password-icon">
+                          <lynk-icon name="eye-slash" library="system"></lynk-icon>
+                        </slot>
+                      `:a`
+                        <slot name="hide-password-icon">
+                          <lynk-icon name="eye" library="system"></lynk-icon>
+                        </slot>
+                      `}
+                </button>
+              `:""}
+
+          <span part="suffix" class="input__suffix">
+            <slot name="suffix"></slot>
+          </span>
+        </div>
+        <slot name="action"></slot>
+      </lynk-form-field>
+    `}};t.styles=[m,$],t.dependencies={"lynk-form-field":C,"lynk-icon":b},e([u(".input__control")],t.prototype,"input",2),e([h()],t.prototype,"hasFocus",2),e([i()],t.prototype,"title",2),e([i({reflect:!0})],t.prototype,"type",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([y()],t.prototype,"defaultValue",2),e([i({reflect:!0})],t.prototype,"state",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"pill",2),e([i()],t.prototype,"label",2),e([i({attribute:"help-text"})],t.prototype,"helpText",2),e([i({attribute:"help-tip"})],t.prototype,"helpTip",2),e([i({type:Boolean})],t.prototype,"clearable",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i()],t.prototype,"placeholder",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:Boolean,reflect:!0})],t.prototype,"restricted",2),e([i({attribute:"password-toggle",type:Boolean})],t.prototype,"passwordToggle",2),e([i({attribute:"password-visible",type:Boolean})],t.prototype,"passwordVisible",2),e([i({attribute:"no-spin-buttons",type:Boolean})],t.prototype,"noSpinButtons",2),e([i({attribute:"auto-picker",type:Boolean})],t.prototype,"autoPicker",2),e([i({reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([i()],t.prototype,"pattern",2),e([i({type:Number})],t.prototype,"minlength",2),e([i({type:Number})],t.prototype,"maxlength",2),e([i({type:Number})],t.prototype,"min",2),e([i({type:Number})],t.prototype,"max",2),e([i()],t.prototype,"step",2),e([i()],t.prototype,"autocapitalize",2),e([i({type:String})],t.prototype,"autocomplete",2),e([i({type:Boolean})],t.prototype,"autofocus",2),e([i()],t.prototype,"enterkeyhint",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i()],t.prototype,"inputmode",2),e([n(["disabled","restricted"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([n("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),e([n("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

package/cdn/chunks/chunk.2TSMNQXR.js

@@ -0,0 +1,94 @@
+import{a as l}from"./chunk.Z3G5EPTI.js";var i=l`
+  :host {
+    display: block;
+  }
+  /* Horizontal Layout */
+  :host([inline]) .form-field {
+    align-items: center;
+    flex-direction: row;
+    gap: var(--lynk-spacing-medium);
+  }
+
+  :host([inline]) .form-field__label {
+    flex-shrink: 0;
+  }
+
+  :host([inline]) .form-field__flank {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+  }
+
+  .form-field {
+    text-align: left;
+    border: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+    position: relative;
+  }
+
+  .form-field__control {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    gap: 4px;
+  }
+
+  .form-field__flank {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+  }
+
+  .form-field .form-field__label {
+    display: none;
+    font-size: var(--lynk-input-label-font-size);
+  }
+
+  .form-field .form-field__help-text {
+    display: none;
+    font-size: var(--lynk-input-help-text-font-size);
+  }
+
+  /* Label */
+  .form-field--has-label .form-field__label {
+    display: inline-block;
+    color: var(--lynk-input-label-color);
+    font-weight: var(--lynk-input-label-font-weight);
+    margin-bottom: var(--lynk-spacing-tiny);
+    width: var(--label-width, auto);
+  }
+
+  /* Help text */
+  .form-field--has-help-text .form-field__help-text {
+    display: block;
+    color: var(--lynk-input-help-text-color);
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  .form-field--has-help-text .form-field__help-text ::slotted(*) {
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  /* Validation States */
+  :host([data-user-invalid]) .form-field__label,
+  :host([data-user-invalid]) .form-field__help-text,
+  .form-field--has-error.form-field--has-label .form-field__label,
+  .form-field--has-error.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-danger-500);
+  }
+
+  .form-field--has-warning.form-field--has-label .form-field__label,
+  .form-field--has-warning.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-warning-500);
+  }
+
+  .form-field--has-success.form-field--has-label .form-field__label,
+  .form-field--has-success.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-success-500);
+  }
+`;export{i as a};

package/cdn/chunks/chunk.2XMK2ENF.js

@@ -0,0 +1,90 @@
+import{a as _}from"./chunk.4X2TO525.js";import{a as g}from"./chunk.REVZGHI6.js";import{a as $}from"./chunk.KR7XHIU2.js";import{a as C}from"./chunk.53QYKSEW.js";import{a as b}from"./chunk.LHJP5W36.js";import{a as y}from"./chunk.6SH6VGZN.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.73BQ5ETG.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as c}from"./chunk.J4VJZB4C.js";import{a as o}from"./chunk.CMZ5RKU4.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.TZTBMC6G.js";import{a as l,b as n,d as r,g as h}from"./chunk.HW7MWP4B.js";import{a as p}from"./chunk.D3NKX2L2.js";import{d as a}from"./chunk.Z3G5EPTI.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends h{constructor(){super(...arguments);this.formControlController=new v(this);this.hasSlotController=new u(this,"help-text","help-tip","label");this.localize=new m(this);this.isOpen=!1;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.hoist=!1;this.clearable=!1;this.handleDocumentClick=e=>{this.contains(e.target)||this.hide()};this.handleKeyDown=e=>{let I=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!e.isComposing&&!I&&(this.isOpen&&this.calendar.value?(e.preventDefault(),this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{e.defaultPrevented||this.emit("ev-change")})),e.key==="Escape"&&this.isOpen&&(e.preventDefault(),e.stopPropagation(),this.hide())}}get validity(){return this.dateInput.validity}get validationMessage(){return this.dateInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentClick=this.handleDocumentClick.bind(this),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.formControlController.updateValidity(),this.updateInputFromValue()}handleDateInput(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleDateChange(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-change")}handleDateInputClick(e){e.preventDefault()}handleCalendarChange(){this.calendar.value&&(this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(e){e.preventDefault(),e.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.dateInput.focus()}handleTriggerClick(e){e.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){this.dateInput&&(this.dateInput.value=this.value)}updatePickerFromValue(){this.calendar&&(this.calendar.value=this.value)}updatePickerFromInput(){var e;this.calendar&&(this.calendar.value=((e=this.dateInput)==null?void 0:e.value)||"")}show(){this.isOpen||this.disabled||this.readonly||(this.isOpen=!0,this.updatePickerFromValue(),this.dropdown.show(),document.addEventListener("click",this.handleDocumentClick))}hide(){this.isOpen&&(this.isOpen=!1,this.dropdown.hide(),document.removeEventListener("click",this.handleDocumentClick))}focus(e){this.dateInput.focus(e)}blur(){this.dateInput.blur()}checkValidity(){return this.dateInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.dateInput.reportValidity()}setCustomValidity(e){this.dateInput.setCustomValidity(e),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){return a`
+      <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}
+        ?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")?a`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        <lynk-dropdown
+          class="date-picker__dropdown"
+          part="dropdown"
+          ?disabled=${this.disabled||this.readonly}
+          .open=${this.isOpen}
+          .hoist=${this.hoist}
+          placement="bottom-start"
+          distance="2"
+        >
+          <div
+            slot="trigger"
+            part="input-group"
+            role="group"
+            class=${d({"date-picker__input-group":!0,"date-picker__input-group--small":this.size==="small","date-picker__input-group--medium":this.size==="medium","date-picker__input-group--large":this.size==="large","date-picker__input-group--disabled":this.disabled,"date-picker__input-group--readonly":this.readonly})}
+          >
+            ${this.placeholder&&!this.value?a`<div part="placeholder" class="date-picker__placeholder">${this.placeholder}</div>`:""}
+            <input
+              part="date-input"
+              class="date-picker__date-input"
+              type="date"
+              role="combobox"
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              ?required=${this.required}
+              ?hidden=${this.placeholder&&!this.value}
+              min=${o(this.min)}
+              max=${o(this.max)}
+              .value=${C(this.value)}
+              aria-label=${this.label||"Date"}
+              aria-haspopup="dialog"
+              aria-expanded=${this.isOpen?"true":"false"}
+              @click=${this.handleDateInputClick}
+              @input=${this.handleDateInput}
+              @change=${this.handleDateChange}
+            />
+            ${this.clearable&&!this.disabled&&!this.readonly&&this.value?a`
+                  <button
+                    part="clear-button"
+                    class="date-picker__clear"
+                    type="button"
+                    aria-label=${this.localize.term("clearEntry")||"Clear entry"}
+                    @click=${this.handleClearClick}
+                    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-picker__trigger"
+              name="calendar"
+              library="system"
+              label="Open calendar"
+              ?disabled=${this.disabled}
+              @click=${this.handleTriggerClick}
+            ></lynk-icon-button>
+          </div>
+
+          <div class="date-picker__panel" id="calendar-panel">
+            <lynk-calendar
+              part="calendar"
+              class="date-picker__calendar"
+              .min=${this.min}
+              .max=${this.max}
+              @ev-change=${this.handleCalendarChange}
+            ></lynk-calendar>
+          </div>
+        </lynk-dropdown>
+      </lynk-form-field>
+    `}};t.styles=[p,_],t.dependencies={"lynk-calendar":y,"lynk-dropdown":g,"lynk-form-field":$,"lynk-icon":c,"lynk-icon-button":f},i([r(".date-picker__dropdown")],t.prototype,"dropdown",2),i([r(".date-picker__calendar")],t.prototype,"calendar",2),i([r(".date-picker__date-input")],t.prototype,"dateInput",2),i([n()],t.prototype,"isOpen",2),i([l()],t.prototype,"name",2),i([l()],t.prototype,"value",2),i([b()],t.prototype,"defaultValue",2),i([l()],t.prototype,"label",2),i([l()],t.prototype,"placeholder",2),i([l({attribute:"help-text"})],t.prototype,"helpText",2),i([l({attribute:"help-tip"})],t.prototype,"helpTip",2),i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],t.prototype,"required",2),i([l({type:Boolean,reflect:!0})],t.prototype,"dirty",2),i([l({type:Boolean,reflect:!0})],t.prototype,"inline",2),i([l({reflect:!0})],t.prototype,"size",2),i([l()],t.prototype,"min",2),i([l()],t.prototype,"max",2),i([l({type:Boolean})],t.prototype,"hoist",2),i([l({type:Boolean})],t.prototype,"clearable",2),i([s("value")],t.prototype,"handleValueChange",1),i([s("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.35CCQHOU.js

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

package/cdn/chunks/chunk.3FSNAJFU.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2XMK2ENF.js";var r=e;e.define("lynk-date-picker");export{r as a};