@uplynk/lynk-design 1.13.0 → 1.15.0

package/cdn/chunks/chunk.JSYNJ37H.js

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

package/cdn/chunks/chunk.JSZKWG6L.js

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

package/cdn/chunks/chunk.JTBUWYUM.js

@@ -0,0 +1,13 @@
+import{a as t}from"./chunk.OAB62Q2Y.js";var i=t`
+  :host(:not(:focus-within)) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    clip: rect(0 0 0 0) !important;
+    clip-path: inset(50%) !important;
+    border: none !important;
+    overflow: hidden !important;
+    white-space: nowrap !important;
+    padding: 0 !important;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.JV52E5TS.js

@@ -0,0 +1,31 @@
+import{a as v}from"./chunk.5P6WPZCS.js";import{a as f}from"./chunk.7T2BLKB2.js";import{a as p}from"./chunk.LT2ADERP.js";import{a as m}from"./chunk.J5IIEY5B.js";import{b as c}from"./chunk.V7E6ITFP.js";import{a as u}from"./chunk.PGNVXJKR.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.LUIZCMPE.js";import{a as l,b as a,d as o,g as h}from"./chunk.H3TZAFDG.js";import{a as d}from"./chunk.6UGEFC7C.js";import{d as s}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends h{constructor(){super(...arguments);this.formControlController=new c(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,C)=>t.checked=C});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.color="default";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("ev-change")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("ev-change"),this.emit("ev-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("ev-change"),this.emit("ev-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}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(){return s`
+      <label
+        part="base"
+        class=${n({switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus,"switch--success":this.color==="success","switch--warning":this.color==="warning","switch--danger":this.color==="danger","switch--small":this.size==="small","switch--medium":this.size==="medium","switch--large":this.size==="large"})}
+      >
+        <input
+          class="switch__input"
+          type="checkbox"
+          title=${this.title}
+          name=${this.name}
+          value=${u(this.value)}
+          .checked=${p(this.checked)}
+          .disabled=${this.disabled}
+          .required=${this.required}
+          role="switch"
+          aria-checked=${this.checked?"true":"false"}
+          @click=${this.handleClick}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @keydown=${this.handleKeyDown}
+        />
+
+        <span part="control" class="switch__control">
+          <span part="thumb" class="switch__thumb"></span>
+        </span>
+
+        <slot part="label" class="switch__label"></slot>
+      </label>
+    `}};e.styles=[d,f,v],i([o('input[type="checkbox"]')],e.prototype,"input",2),i([a()],e.prototype,"hasFocus",2),i([l()],e.prototype,"title",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({reflect:!0})],e.prototype,"color",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([m("checked")],e.prototype,"defaultChecked",2),i([l({reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),i([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.JVH5WAKR.js

@@ -0,0 +1,6 @@
+import{a as p}from"./chunk.XARTUMCV.js";import{a as l}from"./chunk.YZSIY5HS.js";import{a as o}from"./chunk.LUIZCMPE.js";import{a as r,g as s}from"./chunk.H3TZAFDG.js";import{a}from"./chunk.6UGEFC7C.js";import{d as i}from"./chunk.OAB62Q2Y.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.JX3DQV4A.js

@@ -0,0 +1 @@
+import{a as l,b as c,c as a}from"./chunk.N5VZIW5Z.js";import{g as i}from"./chunk.OAB62Q2Y.js";var u="important",d=" !"+u,h=c(class extends a{constructor(r){var t;if(super(r),r.type!==l.ATTRIBUTE||r.name!=="style"||((t=r.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(r){return Object.keys(r).reduce(((t,s)=>{let e=r[s];return e==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`}),"")}update(r,[t]){let{style:s}=r.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let e of this.ft)t[e]==null&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(let e in t){let n=t[e];if(n!=null){this.ft.add(e);let o=typeof n=="string"&&n.endsWith(d);e.includes("-")||o?s.setProperty(e,o?n.slice(0,-11):n,o?u:""):s[e]=n}}return i}});export{h as a};

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

@@ -0,0 +1,8 @@
+Bundled license information:
+
+lit-html/directives/style-map.js:
+  /**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   */

package/cdn/chunks/chunk.K75SOHLT.js

@@ -0,0 +1,8 @@
+import{a as m}from"./chunk.CAEHDG7A.js";import{a as o}from"./chunk.LUIZCMPE.js";import{a as s,g as p}from"./chunk.H3TZAFDG.js";import{a as i}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends p{constructor(){super(...arguments);this.effect="none"}render(){return r`
+      <div
+        part="base"
+        class=${o({wisp:!0,"wisp--pulse":this.effect==="pulse","wisp--sheen":this.effect==="sheen"})}
+      >
+        <div part="indicator" class="wisp__indicator"></div>
+      </div>
+    `}};e.styles=[i,m],t([s()],e.prototype,"effect",2);export{e as a};

package/cdn/chunks/chunk.KBC3GZP7.js

@@ -0,0 +1,109 @@
+import{a as A}from"./chunk.HNHDLBPG.js";import{a as E}from"./chunk.LZWIBSU5.js";import{a as F}from"./chunk.F42SXDCW.js";import{a as V}from"./chunk.LT2ADERP.js";import{b as T}from"./chunk.V7E6ITFP.js";import{a as M}from"./chunk.PGNVXJKR.js";import{a as k}from"./chunk.YHSYTTFF.js";import{a as S}from"./chunk.Q3J7P2MZ.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as x}from"./chunk.LUIZCMPE.js";import{a as r,b,d,g as w}from"./chunk.H3TZAFDG.js";import{a as _}from"./chunk.6UGEFC7C.js";import{d as a}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends w{constructor(){super(...arguments);this.formControlController=new T(this);this.hasSlotController=new k(this,"help-text","help-tip","label","prefix","suffix","reference");this.localize=new S(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=h=>{this.setValueFromClientCoordinates(h.clientX,h.clientY)},l=()=>{var h;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,(h=this.tooltipElement)==null||h.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:h,left:g,right:o,height:f,width:u}=this.trackRect,c=l?s:t,D=l?p:g,$=l?h:o,z=l?f:u,P=l||n?$-c:c-D,O=Math.max(0,Math.min(1,P/z)),m=this.clampAndRoundToStep(this.min+(this.max-this.min)*O);if(this.internalValue!==m)if(this.internalValue=m,this.isDragging){let y=this.max-this.min,U=y>0?Math.max(0,Math.min(1,(m-this.min)/y)):0;this.wrapper.style.setProperty("--percent",`${U*100}%`),(C=this.thumb)==null||C.setAttribute("aria-valuenow",m.toString()),this.tooltipElement&&(this.tooltipElement.content=typeof this.tooltipFormatter=="function"?this.tooltipFormatter(m):m.toString())}else this.value=m,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=this.hasSlotController.test("prefix"),n=this.hasSlotController.test("suffix"),p=a`
+      <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>
+    `,h=[];if(this.withMarkers&&this.step>0&&Math.floor((this.max-this.min)/this.step)+1<=1e3)for(let u=this.min;u<=this.max;u+=this.step)h.push(this.valueToPercent(u));let g=this.withMarkers?a`
+          <div class="range__markers" part="markers">
+            ${h.map(o=>a`<span part="marker" class="range__marker" style="--position: ${o}%"></span>`)}
+          </div>
+        `:"";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}
+        .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")?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=${x({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","range--has-prefix":l,"range--has-suffix":n})}
+        >
+          <input
+            type="range"
+            class="range__native-input"
+            name=${M(this.name)}
+            min=${this.min}
+            max=${this.max}
+            step=${this.step}
+            ?disabled=${this.disabled}
+            .value=${V(this.value.toString())}
+            tabindex="-1"
+            aria-hidden="true"
+          />
+
+          ${l?a`
+                <span part="prefix" class="range__prefix">
+                  <slot name="prefix"></slot>
+                </span>
+              `:""}
+
+          <div part="wrapper" class="range__wrapper" @pointerdown=${this.handleWrapperPointerDown}>
+            <div part="track" class="range__track">
+              <div part="track-active" class="range__track-active"></div>
+              ${g}
+            </div>
+            ${this.tooltip!=="none"&&!this.disabled?a`
+                  <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
+                  >
+                    ${p}
+                  </lynk-tooltip>
+                `:a` ${p} `}
+          </div>
+
+          ${n?a`
+                <span part="suffix" class="range__suffix">
+                  <slot name="suffix"></slot>
+                </span>
+              `:""}
+          ${s?a`
+                <div part="ticks" class="range__ticks" aria-hidden=${this.ticks.length?"false":"true"}>
+                  <slot name="ticks">
+                    ${this.ticks.length?a`
+                          ${this.ticks.filter(o=>o.value>=this.min&&o.value<=this.max).map(o=>{let f=this.valueToPercent(o.value),u=o.selected&&typeof o.selected=="boolean"?o.selected:!1;return a`
+                                <div
+                                  class=${x({range__tick:!0,"range__tick--selected":u})}
+                                  style="--offset: ${f}%"
+                                  @click=${c=>this.handleTickClick(c,o)}
+                                >
+                                  ${o.label?a` <span class="range__tick-label"> ${o.label} </span> `:""}
+                                </div>
+                              `})}
+                        `:""}
+                  </slot>
+                </div>
+              `:""}
+          ${this.hasSlotController.test("reference")?a`
+                <div part="references" class="range__references">
+                  <slot name="reference"></slot>
+                </div>
+              `:""}
+        </div>
+      </lynk-form-field>
+    `}};e.styles=[_,A],e.dependencies={"lynk-form-field":E,"lynk-tooltip":F},i([d(".range__wrapper")],e.prototype,"wrapper",2),i([d(".range__thumb")],e.prototype,"thumb",2),i([d("lynk-tooltip")],e.prototype,"tooltipElement",2),i([d(".range__native-input")],e.prototype,"input",2),i([b()],e.prototype,"hasFocus",2),i([b()],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([b()],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([v("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),i([v("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([v(["min","max","step"],{waitUntilFirstUpdate:!0})],e.prototype,"handleRangePropertiesChange",1),i([v("hasTooltip",{waitUntilFirstUpdate:!0})],e.prototype,"syncRange",1);export{e as a};

package/cdn/chunks/chunk.KCCGULOK.js

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

package/cdn/chunks/chunk.KCN3TBBC.js

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

package/cdn/chunks/chunk.KEMR3IW5.js

@@ -0,0 +1,104 @@
+import{a as $}from"./chunk.7KKB53UF.js";import{a as C}from"./chunk.LZWIBSU5.js";import{a as g}from"./chunk.LT2ADERP.js";import{a as y}from"./chunk.J5IIEY5B.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as s}from"./chunk.PGNVXJKR.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.Q3J7P2MZ.js";import{a as b}from"./chunk.PBON4AYJ.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.LUIZCMPE.js";import{a as i,b as h,d as u,g as d}from"./chunk.H3TZAFDG.js";import{a as m}from"./chunk.6UGEFC7C.js";import{d as a}from"./chunk.OAB62Q2Y.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.KFOHEL4U.js

@@ -0,0 +1,157 @@
+import{a as e}from"./chunk.OAB62Q2Y.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.KGERA5BE.js

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

package/cdn/chunks/chunk.KKU5H6AI.js

@@ -0,0 +1,68 @@
+import{a as t}from"./chunk.OAB62Q2Y.js";var a=t`
+  :host {
+    --gap: var(--lynk-spacing-small);
+    --content-percentage: initial;
+    --flank-size: initial;
+    --height: 100%;
+
+    display: block;
+    text-align: unset;
+  }
+
+  .flank {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap);
+    margin-block: 0;
+    margin-inline: 0;
+    height: var(--height);
+  }
+
+  :host([align~='center']) .flank {
+    align-items: center;
+  }
+
+  :host([align~='end']) .flank {
+    align-items: end;
+  }
+
+  :host([align~='stretch']) .flank {
+    align-items: stretch;
+  }
+
+  :host([align~='baseline']) .flank {
+    align-items: baseline;
+  }
+
+  :host([align~='start']) .flank {
+    align-items: start;
+  }
+
+  :host:not([end]) .flank::slotted(:first-child),
+  :host([start]) .flank::slotted(:first-child) {
+    flex-basis: var(--flank-size, auto);
+    flex-grow: 1;
+  }
+
+  :host:not([end]) .flank::slotted(:last-child),
+  :host([start]) .flank::slotted(:last-child) {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: var(--content-percentage, 50%);
+  }
+
+  :host([end]) .flank::slotted(:last-child) {
+    flex-basis: var(--flank-size, auto);
+    flex-grow: 1;
+  }
+
+  :host([end]) .flank::slotted(:first-child) {
+    flex-basis: 0;
+    flex-grow: 999;
+    min-inline-size: var(--content-percentage, 50%);
+  }
+
+  .flank::slotted(lynk-icon) {
+    flex-shrink: 0;
+  }
+`;export{a};

package/cdn/chunks/chunk.KLTVOVLC.js

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

package/cdn/chunks/chunk.KPKWWJKP.js

@@ -0,0 +1,14 @@
+import{a as d}from"./chunk.TQEJJVHA.js";import{a as h}from"./chunk.Q3J7P2MZ.js";import{a as c}from"./chunk.PBON4AYJ.js";import{a as n,d as s,g as p}from"./chunk.H3TZAFDG.js";import{a as m}from"./chunk.6UGEFC7C.js";import{d as i}from"./chunk.OAB62Q2Y.js";import{e as r}from"./chunk.FI4IKBIW.js";var e=class extends p{constructor(){super(...arguments);this.localize=new h(this);this.separatorDir=this.localize.dir();this.label=""}getSeparator(){let t=this.separatorSlot.assignedElements({flatten:!0})[0].cloneNode(!0);return[t,...t.querySelectorAll("[id]")].forEach(o=>o.removeAttribute("id")),t.setAttribute("data-default",""),t.slot="separator",t}handleSlotChange(){let a=[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>t.tagName.toLowerCase()==="lynk-breadcrumb-item");a.forEach((t,o)=>{let l=t.querySelector('[slot="separator"]');l===null?t.append(this.getSeparator()):l.hasAttribute("data-default")&&l.replaceWith(this.getSeparator()),o===a.length-1?t.setAttribute("aria-current","page"):t.removeAttribute("aria-current")})}render(){return this.separatorDir!==this.localize.dir()&&(this.separatorDir=this.localize.dir(),this.updateComplete.then(()=>this.handleSlotChange())),i`
+      <nav part="base" class="breadcrumb" aria-label=${this.label}>
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </nav>
+
+      <span hidden aria-hidden="true">
+        <slot name="separator">
+          <lynk-icon
+            name=${this.localize.dir()==="rtl"?"chevron-left":"chevron-right"}
+            library="system"
+          ></lynk-icon>
+        </slot>
+      </span>
+    `}};e.styles=[m,d],e.dependencies={"lynk-icon":c},r([s("slot")],e.prototype,"defaultSlot",2),r([s('slot[name="separator"]')],e.prototype,"separatorSlot",2),r([n()],e.prototype,"label",2);export{e as a};

package/cdn/chunks/chunk.KPRCFELA.js

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

package/cdn/chunks/chunk.KS6GY7LX.js

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