@uplynk/lynk-design 1.14.0 → 1.15.0

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

@@ -0,0 +1,54 @@
+import{a as o}from"./chunk.OAB62Q2Y.js";var r=o`
+  .form-control {
+    text-align: left;
+  }
+
+  .form-control .form-control__label {
+    display: none;
+    font-size: var(--lynk-input-label-font-size);
+  }
+
+  .form-control .form-control__help-text {
+    display: none;
+    font-size: var(--lynk-input-help-text-font-size);
+  }
+
+  /* Label */
+  .form-control--has-label .form-control__label {
+    display: inline-block;
+    color: var(--lynk-input-label-color);
+    font-weight: var(--lynk-input-label-font-weight);
+    margin-bottom: var(--lynk-spacing-tiny);
+  }
+
+  .form-control__label.form-control--focused {
+    color: var(--lynk-color-primary-500);
+  }
+
+  /* Help text */
+  .form-control--has-help-text .form-control__help-text {
+    display: block;
+    color: var(--lynk-input-help-text-color);
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  .form-control--has-help-text .form-control__help-text ::slotted(*) {
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  /* Validation States */
+  .form-control--has-error.form-control--has-label .form-control__label,
+  .form-control--has-error.form-control--has-help-text .form-control__help-text {
+    color: var(--lynk-color-danger-500);
+  }
+
+  .form-control--has-warning.form-control--has-label .form-control__label,
+  .form-control--has-warning.form-control--has-help-text .form-control__help-text {
+    color: var(--lynk-color-warning-500);
+  }
+
+  .form-control--has-success.form-control--has-label .form-control__label,
+  .form-control--has-success.form-control--has-help-text .form-control__help-text {
+    color: var(--lynk-color-success-500);
+  }
+`;export{r as a};

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

@@ -0,0 +1,85 @@
+import{a as n}from"./chunk.OAB62Q2Y.js";var i=n`
+  :host {
+    display: block;
+    user-select: none;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .option {
+    position: relative;
+    display: flex;
+    align-items: center;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-neutral-700);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-medium) var(--lynk-spacing-x-small)
+      var(--lynk-spacing-x-small);
+    transition: var(--lynk-transition-fast) fill;
+    cursor: pointer;
+  }
+
+  .option--hover:not(.option--current):not(.option--disabled) {
+    background-color: var(--lynk-color-neutral-100);
+    color: var(--lynk-color-neutral-1000);
+  }
+
+  .option--current,
+  .option--current.option--disabled {
+    background-color: var(--lynk-color-primary-600);
+    color: var(--lynk-color-neutral-0);
+    opacity: 1;
+  }
+
+  .option--disabled {
+    outline: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .option__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    line-height: var(--lynk-line-height-dense);
+  }
+
+  .option .option__check {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    visibility: hidden;
+    padding-inline-end: var(--lynk-spacing-2x-small);
+  }
+
+  .option--selected .option__check {
+    visibility: visible;
+  }
+
+  .option__prefix,
+  .option__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .option__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .option__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .option {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+`;export{i as a};

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

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

package/cdn/chunks/chunk.A46YL45C.js

@@ -0,0 +1,64 @@
+import{a as k}from"./chunk.7T2BLKB2.js";import{a as c}from"./chunk.LT2ADERP.js";import{a as v}from"./chunk.J5IIEY5B.js";import{a as g}from"./chunk.4BMTALKR.js";import{b}from"./chunk.V7E6ITFP.js";import{a as p}from"./chunk.PGNVXJKR.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.PBON4AYJ.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.LUIZCMPE.js";import{a as l,b as a,d as o,g as d}from"./chunk.H3TZAFDG.js";import{a as m}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends d{constructor(){super(...arguments);this.formControlController=new b(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,s)=>i.checked=s});this.hasSlotController=new u(this,"help-text");this.hasLabel=!1;this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.noBubble=!1;this.state="default";this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}handleHostClick(i){this.disabled&&(i.preventDefault(),i.stopImmediatePropagation()),this.noBubble&&i.stopPropagation()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("ev-change",{bubbles:!this.noBubble})}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleSlotChange(){[...this.defaultSlot.assignedNodes({flatten:!0})].length?this.hasLabel=!0:this.hasLabel=!1}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){let i=this.hasSlotController.test("help-text"),s=this.helpText?!0:!!i;return r`
+      <div
+        class=${n({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":s})}
+      >
+        <label
+          part="base"
+          class=${n({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--has-label":this.hasLabel,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large","checkbox--has-error":this.state==="error"||this.hasAttribute("data-user-invalid"),"checkbox--has-warning":this.state==="warning","checkbox--has-success":this.state==="success"})}
+        >
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${this.title}
+            name=${this.name}
+            value=${p(this.value)}
+            .indeterminate=${c(this.indeterminate)}
+            .checked=${c(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked?"true":"false"}
+            aria-describedby="help-text"
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
+
+          <span
+            part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
+            class="checkbox__control"
+          >
+            ${this.checked?r`
+                  <lynk-icon
+                    part="checked-icon"
+                    class="checkbox__checked-icon"
+                    library="system"
+                    name="check"
+                  ></lynk-icon>
+                `:""}
+            ${!this.checked&&this.indeterminate?r`
+                  <lynk-icon
+                    part="indeterminate-icon"
+                    class="checkbox__indeterminate-icon"
+                    library="system"
+                    name="indeterminate"
+                  ></lynk-icon>
+                `:""}
+          </span>
+
+          <div part="label" class="checkbox__label">
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </label>
+
+        <div
+          aria-hidden=${s?"false":"true"}
+          class="form-control__help-text"
+          id="help-text"
+          part="form-control-help-text"
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `}};e.styles=[m,k,g],e.dependencies={"lynk-icon":f},t([o("slot")],e.prototype,"defaultSlot",2),t([o('input[type="checkbox"]')],e.prototype,"input",2),t([a()],e.prototype,"hasLabel",2),t([a()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([v("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([l({attribute:"no-bubble",type:Boolean,reflect:!0})],e.prototype,"noBubble",2),t([l({reflect:!0})],e.prototype,"state",2),t([l({attribute:"help-text"})],e.prototype,"helpText",2),t([h("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([h(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1);export{e as a};

package/cdn/chunks/chunk.AGTHOROV.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.WMJ4DSR7.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-button";e.define("lynk-button");var s=n({tagName:v,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvClick:"ev-click",EvFocus:"ev-focus",EvInvalid:"ev-invalid"},displayName:"LynkButton"}),p=s;export{p as a};

package/cdn/chunks/chunk.AIRWAYSB.js

@@ -0,0 +1,8 @@
+import{a as s}from"./chunk.RCFBNZYU.js";import{a as r}from"./chunk.LUIZCMPE.js";import{g as o}from"./chunk.H3TZAFDG.js";import{d as e}from"./chunk.OAB62Q2Y.js";var t=class extends o{render(){return e`
+      <div
+        part="base"
+        class=${r({box:!0,"box--overflow":!!getComputedStyle(this).getPropertyValue("--height")})}
+      >
+        <slot></slot>
+      </div>
+    `}};t.styles=s;export{t as a};

package/cdn/chunks/chunk.AIW57IE6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PAG5MC3P.js";var i=e;e.define("lynk-responsive-media");export{i as a};

package/cdn/chunks/chunk.ANPT2WER.js

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

package/cdn/chunks/chunk.APYMOUOT.js

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

package/cdn/chunks/chunk.AQ6Z5GDL.js

@@ -0,0 +1,61 @@
+import{a as _}from"./chunk.OKNURKFB.js";import{a as E}from"./chunk.A46YL45C.js";import{a as S}from"./chunk.LT2ADERP.js";import{a as w}from"./chunk.AVYM6L5O.js";import{a as c,c as p,d as m}from"./chunk.VDJQBFEB.js";import{a as f,c as u}from"./chunk.DCN42ZX4.js";import{a as C}from"./chunk.Q3J7P2MZ.js";import{a as k}from"./chunk.PBON4AYJ.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as h}from"./chunk.LUIZCMPE.js";import{a as l,b as r,d as s,g}from"./chunk.H3TZAFDG.js";import{a as v}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";function b(d,y,t){return d?y(d):t==null?void 0:t(d)}var e=class e extends g{constructor(){super(...arguments);this.localize=new C(this);this.indeterminate=!1;this.isLeaf=!1;this.loading=!1;this.selectable=!1;this.expanded=!1;this.selected=!1;this.disabled=!1;this.readonly=!1;this.lazy=!1}static isTreeItem(t){return t instanceof Element&&t.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&this.getChildrenItems().length===0,this.handleExpandedChange()}async animateCollapse(){this.emit("ev-collapse"),await p(this.childrenContainer);let{keyframes:t,options:a}=u(this,"tree-item.collapse",{dir:this.localize.dir()});await c(this.childrenContainer,m(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("ev-after-collapse")}isNestedItem(){let t=this.parentElement;return!!t&&e.isTreeItem(t)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&this.getChildrenItems().length===0}willUpdate(t){t.has("selected")&&!t.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("ev-expand"),await p(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:t,options:a}=u(this,"tree-item.expand",{dir:this.localize.dir()});await c(this.childrenContainer,m(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("ev-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("ev-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("ev-lazy-change")}handleSuffixClick(t){t.stopPropagation()}getChildrenItems({includeDisabled:t=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>e.isTreeItem(a)&&(t||!a.disabled)):[]}render(){let t=this.localize.dir()==="rtl",a=!this.loading&&(!this.isLeaf||this.lazy);return o`
+      <div
+        part="base"
+        class="${h({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--readonly":this.readonly,"tree-item--leaf":this.isLeaf,"tree-item--has-expand-button":a,"tree-item--rtl":this.localize.dir()==="rtl"})}"
+      >
+        <div
+          class="tree-item__item"
+          part="
+            item
+            ${this.disabled?"item--disabled":""}
+            ${this.readonly?"item--readonly":""}
+            ${this.expanded?"item--expanded":""}
+            ${this.indeterminate?"item--indeterminate":""}
+            ${this.selected?"item--selected":""}
+          "
+        >
+          <div class="tree-item__indentation" part="indentation"></div>
+
+          <div
+            part="expand-button"
+            class=${h({"tree-item__expand-button":!0,"tree-item__expand-button--visible":a})}
+            aria-hidden="true"
+          >
+            ${b(this.loading,()=>o` <lynk-spinner part="spinner" exportparts="base:spinner__base"></lynk-spinner> `)}
+            <slot class="tree-item__expand-icon-slot" name="expand-icon">
+              <lynk-icon library="system" name=${t?"chevron-left":"chevron-right"}></lynk-icon>
+            </slot>
+            <slot class="tree-item__expand-icon-slot" name="collapse-icon">
+              <lynk-icon library="system" name=${t?"chevron-left":"chevron-right"}></lynk-icon>
+            </slot>
+          </div>
+
+          ${b(this.selectable,()=>o`
+              <lynk-checkbox
+                part="checkbox"
+                exportparts="
+                    base:checkbox__base,
+                    control:checkbox__control,
+                    control--checked:checkbox__control--checked,
+                    control--indeterminate:checkbox__control--indeterminate,
+                    checked-icon:checkbox__checked-icon,
+                    indeterminate-icon:checkbox__indeterminate-icon,
+                    label:checkbox__label
+                  "
+                class="tree-item__checkbox"
+                ?disabled="${this.disabled||this.readonly}"
+                ?checked="${S(this.selected)}"
+                ?indeterminate="${this.indeterminate}"
+                tabindex="-1"
+              ></lynk-checkbox>
+            `)}
+
+          <slot class="tree-item__label" part="label"></slot>
+          <slot class="tree-item__suffix" part="suffix" name="suffix" @click="${this.handleSuffixClick}"></slot>
+        </div>
+
+        <div class="tree-item__children" part="children" role="group">
+          <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
+        </div>
+      </div>
+    `}};e.styles=[v,_],e.dependencies={"lynk-checkbox":E,"lynk-icon":k,"lynk-spinner":w},i([r()],e.prototype,"indeterminate",2),i([r()],e.prototype,"isLeaf",2),i([r()],e.prototype,"loading",2),i([r()],e.prototype,"selectable",2),i([l({type:Boolean,reflect:!0})],e.prototype,"expanded",2),i([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],e.prototype,"lazy",2),i([s("slot:not([name])")],e.prototype,"defaultSlot",2),i([s("slot[name=children]")],e.prototype,"childrenSlot",2),i([s(".tree-item__item")],e.prototype,"itemElement",2),i([s(".tree-item__children")],e.prototype,"childrenContainer",2),i([s(".tree-item__expand-button slot")],e.prototype,"expandButtonSlot",2),i([n("loading",{waitUntilFirstUpdate:!0})],e.prototype,"handleLoadingChange",1),i([n("disabled")],e.prototype,"handleDisabledChange",1),i([n("selected")],e.prototype,"handleSelectedChange",1),i([n("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandedChange",1),i([n("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandAnimation",1),i([n("lazy",{waitUntilFirstUpdate:!0})],e.prototype,"handleLazyChange",1);var x=e;f("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});f("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{x as a};

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

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

package/cdn/chunks/chunk.AV3Z6MCE.js

@@ -0,0 +1,159 @@
+import{a as D}from"./chunk.SG7ZE2B7.js";import{a as E}from"./chunk.RI5EZEC3.js";import{a as x}from"./chunk.LZWIBSU5.js";import{a as V}from"./chunk.LT2ADERP.js";import{a as w}from"./chunk.J5IIEY5B.js";import{a as F}from"./chunk.53LDZQUP.js";import{b as H}from"./chunk.V7E6ITFP.js";import{a as k}from"./chunk.CLSANLTG.js";import{a as _}from"./chunk.PGNVXJKR.js";import{a as $}from"./chunk.YHSYTTFF.js";import{a as g}from"./chunk.Q3J7P2MZ.js";import{a as C}from"./chunk.PBON4AYJ.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.LUIZCMPE.js";import{a as s,b as I,d as u,g as b}from"./chunk.H3TZAFDG.js";import{a as y}from"./chunk.6UGEFC7C.js";import{d as r,h as f}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends b{constructor(){super(...arguments);this.formControlController=new H(this);this.hasSlotController=new $(this,"help-text","help-tip","label");this.localize=new g(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.seconds=!1;this.format="locale";this.minuteInterval=1;this.hoist=!1;this.clearable=!1;this.handleDocumentClick=t=>{this.contains(t.target)||this.hide()};this.handleKeyDown=t=>{let o=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!t.isComposing&&!o&&(this.isOpen&&this.clock.value?(t.preventDefault(),this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{t.defaultPrevented||this.emit("ev-change")})),t.key==="Escape"&&this.isOpen&&(t.preventDefault(),t.stopPropagation(),this.hide())}}get use24HourInput(){return this.format==="24h"}get validity(){return this.use24HourInput?this.hiddenInput.validity:this.timeInput.validity}get validationMessage(){return this.use24HourInput?this.hiddenInput.validationMessage:this.timeInput.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()}handleTimeInput(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleTimeChange(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-change")}pad(t){return String(t).padStart(2,"0")}buildValueFrom24HourInputs(){var h,n,c;let t=(h=this.hourInput)==null?void 0:h.value,o=(n=this.minuteInput)==null?void 0:n.value,a=(c=this.secondInput)==null?void 0:c.value;if(t===""||o==="")return"";let d=this.pad(parseInt(t)),p=this.pad(parseInt(o));if(this.seconds){let l=this.pad(a!==""&&a!==null&&a!==void 0?parseInt(a):0);return`${d}:${p}:${l}`}return`${d}:${p}`}handle24HourInput(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-input")}handle24HourChange(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-change")}handle24HourKeyDown(t,o){let a=t.target;if(t.key==="ArrowUp"||t.key==="ArrowDown"){t.preventDefault();let d=parseInt(a.value)||0,p=parseInt(a.max),h=t.key==="ArrowUp"?1:-1,n=d+h;n<0&&(n=p),n>p&&(n=0),a.value=this.pad(n),this.handle24HourInput(),a.select()}}handleClockChange(){this.clock.value&&(this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(t){t.preventDefault(),t.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),(this.use24HourInput?this.hourInput:this.timeInput).focus()}handleTriggerClick(t){t.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){if(this.use24HourInput){if(!this.value){this.hourInput&&(this.hourInput.value=""),this.minuteInput&&(this.minuteInput.value=""),this.secondInput&&(this.secondInput.value="");return}let t=this.value.split(":");this.hourInput&&(this.hourInput.value=t[0]||""),this.minuteInput&&(this.minuteInput.value=t[1]||""),this.secondInput&&this.seconds&&(this.secondInput.value=t[2]||"00")}else this.timeInput&&(this.timeInput.value=this.value)}updatePickerFromValue(){this.clock&&(this.clock.value=this.value)}updatePickerFromInput(){var t;this.use24HourInput?this.clock&&(this.clock.value=this.buildValueFrom24HourInputs()):this.clock&&(this.clock.value=((t=this.timeInput)==null?void 0:t.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(t){this.use24HourInput?this.hourInput.focus(t):this.timeInput.focus(t)}blur(){this.use24HourInput?this.hourInput.blur():this.timeInput.blur()}checkValidity(){return this.use24HourInput?this.hiddenInput.checkValidity():this.timeInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.use24HourInput?this.hiddenInput.reportValidity():this.timeInput.reportValidity()}setCustomValidity(t){this.use24HourInput?this.hiddenInput.setCustomValidity(t):this.timeInput.setCustomValidity(t),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){let t=this.value!=="";return r`
+      <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")?r`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        <lynk-dropdown
+          class="time-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=${m({"time-picker__input-group":!0,"time-picker__input-group--small":this.size==="small","time-picker__input-group--medium":this.size==="medium","time-picker__input-group--large":this.size==="large","time-picker__input-group--disabled":this.disabled,"time-picker__input-group--readonly":this.readonly})}
+          >
+            ${this.placeholder&&!t?r`<div part="placeholder" class="time-picker__placeholder">${this.placeholder}</div>`:""}
+            ${this.use24HourInput?this.render24HourInputs(t):this.renderNativeTimeInput(t)}
+            ${this.clearable&&!this.disabled&&!this.readonly&&t?r`
+                  <button
+                    part="clear-button"
+                    class="time-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="time-picker__trigger"
+              name="clock"
+              library="system"
+              label="Open clock"
+              ?disabled=${this.disabled}
+              @click=${this.handleTriggerClick}
+            ></lynk-icon-button>
+          </div>
+
+          <div class="time-picker__panel" id="clock-panel">
+            <lynk-clock
+              part="clock"
+              class="time-picker__clock"
+              .format=${this.format}
+              ?seconds=${this.seconds}
+              .minuteInterval=${this.minuteInterval}
+              @ev-change=${this.handleClockChange}
+            ></lynk-clock>
+          </div>
+        </lynk-dropdown>
+      </lynk-form-field>
+    `}renderNativeTimeInput(t){return r`
+      <input
+        part="time-input"
+        class="time-picker__time-input"
+        type="time"
+        role="combobox"
+        step=${this.seconds?"1":"any"}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        ?required=${this.required}
+        ?hidden=${this.placeholder&&!t}
+        .value=${V(this.value)}
+        aria-label=${this.label||"Time"}
+        aria-haspopup="dialog"
+        aria-expanded=${this.isOpen?"true":"false"}
+        @input=${this.handleTimeInput}
+        @change=${this.handleTimeChange}
+      />
+    `}render24HourInputs(t){var h,n,c;let o=this.value?this.value.split(":"):[],a=(h=o[0])!=null?h:"",d=(n=o[1])!=null?n:"",p=(c=o[2])!=null?c:"";return r`
+      <!-- Hidden input for form participation and validation -->
+      <input
+        class="time-picker__hidden-input"
+        type="hidden"
+        .value=${this.value}
+        ?required=${this.required}
+        aria-hidden="true"
+        tabindex="-1"
+      />
+      <div
+        part="time-input"
+        class=${m({"time-picker__24h-group":!0,"time-picker__24h-group--hidden":!!(this.placeholder&&!t)})}
+        role="combobox"
+        aria-label=${this.label||"Time"}
+        aria-haspopup="dialog"
+        aria-expanded=${this.isOpen?"true":"false"}
+      >
+        <input
+          class="time-picker__hour-input time-picker__segment-input"
+          part="hour-input"
+          type="number"
+          min="0"
+          max="23"
+          placeholder="--"
+          .value=${a}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Hours"
+          @input=${this.handle24HourInput}
+          @change=${this.handle24HourChange}
+          @keydown=${l=>this.handle24HourKeyDown(l,"hour")}
+          @focus=${l=>l.target.select()}
+        /><span class="time-picker__separator" aria-hidden="true">:</span
+        ><input
+          class="time-picker__minute-input time-picker__segment-input"
+          part="minute-input"
+          type="number"
+          min="0"
+          max="59"
+          step=${_(this.minuteInterval>1?this.minuteInterval:void 0)}
+          placeholder="--"
+          .value=${d}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Minutes"
+          @input=${this.handle24HourInput}
+          @change=${this.handle24HourChange}
+          @keydown=${l=>this.handle24HourKeyDown(l,"minute")}
+          @focus=${l=>l.target.select()}
+        />${this.seconds?r`<span class="time-picker__separator" aria-hidden="true">:</span
+              ><input
+                class="time-picker__second-input time-picker__segment-input"
+                part="second-input"
+                type="number"
+                min="0"
+                max="59"
+                placeholder="--"
+                .value=${p}
+                ?disabled=${this.disabled}
+                ?readonly=${this.readonly}
+                aria-label="Seconds"
+                @input=${this.handle24HourInput}
+                @change=${this.handle24HourChange}
+                @keydown=${l=>this.handle24HourKeyDown(l,"second")}
+                @focus=${l=>l.target.select()}
+              />`:f}
+      </div>
+    `}};e.styles=[y,D],e.dependencies={"lynk-clock":F,"lynk-dropdown":E,"lynk-form-field":x,"lynk-icon":C,"lynk-icon-button":k},i([u(".time-picker__dropdown")],e.prototype,"dropdown",2),i([u(".time-picker__clock")],e.prototype,"clock",2),i([u(".time-picker__time-input")],e.prototype,"timeInput",2),i([u(".time-picker__hour-input")],e.prototype,"hourInput",2),i([u(".time-picker__minute-input")],e.prototype,"minuteInput",2),i([u(".time-picker__second-input")],e.prototype,"secondInput",2),i([u(".time-picker__hidden-input")],e.prototype,"hiddenInput",2),i([I()],e.prototype,"isOpen",2),i([s()],e.prototype,"name",2),i([s()],e.prototype,"value",2),i([w()],e.prototype,"defaultValue",2),i([s()],e.prototype,"label",2),i([s()],e.prototype,"placeholder",2),i([s({attribute:"help-text"})],e.prototype,"helpText",2),i([s({attribute:"help-tip"})],e.prototype,"helpTip",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([s({type:Boolean,reflect:!0})],e.prototype,"required",2),i([s({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([s({type:Boolean,reflect:!0})],e.prototype,"inline",2),i([s({reflect:!0})],e.prototype,"size",2),i([s({type:Boolean})],e.prototype,"seconds",2),i([s()],e.prototype,"format",2),i([s({type:Number,attribute:"minute-interval"})],e.prototype,"minuteInterval",2),i([s({type:Boolean})],e.prototype,"hoist",2),i([s({type:Boolean})],e.prototype,"clearable",2),i([v("value")],e.prototype,"handleValueChange",1),i([v("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.AVTLUAYK.js

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

package/cdn/chunks/chunk.AVYM6L5O.js

@@ -0,0 +1,6 @@
+import{a as s}from"./chunk.XJGVZNT6.js";import{a as o}from"./chunk.Q3J7P2MZ.js";import{g as t}from"./chunk.H3TZAFDG.js";import{a as l}from"./chunk.6UGEFC7C.js";import{d as e}from"./chunk.OAB62Q2Y.js";var r=class extends t{constructor(){super(...arguments);this.localize=new o(this)}render(){return e`
+      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `}};r.styles=[l,s];export{r as a};

package/cdn/chunks/chunk.AXUOKTUE.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.AQ6Z5GDL.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var a="lynk-tree-item";e.define("lynk-tree-item");var v=n({tagName:a,elementClass:e,react:t,events:{EvExpand:"ev-expand",EvAfterExpand:"ev-after-expand",EvCollapse:"ev-collapse",EvAfterCollapse:"ev-after-collapse",EvLazyChange:"ev-lazy-change",EvLazyLoad:"ev-lazy-load"},displayName:"LynkTreeItem"}),r=v;export{r as a};

package/cdn/chunks/chunk.B2ES5SAM.js

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

package/cdn/chunks/chunk.B5GQI4AL.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk.Q77DC642.js";var o=p;p.define("lynk-popup");export{o as a};

package/cdn/chunks/chunk.B765CLYG.js

@@ -0,0 +1,135 @@
+import{a}from"./chunk.OAB62Q2Y.js";var e=a`
+  :host {
+    --width: 30rem;
+    --header-spacing: var(--lynk-spacing-large);
+    --body-spacing: var(--lynk-spacing-large);
+    --footer-spacing: var(--lynk-spacing-large);
+
+    display: contents;
+  }
+
+  .dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: var(--lynk-z-index-dialog);
+  }
+
+  .dialog__panel {
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    width: var(--width);
+    max-width: calc(100% - var(--lynk-spacing-2x-large));
+    max-height: calc(100% - var(--lynk-spacing-2x-large));
+    background-color: var(--lynk-panel-background-color);
+    border-radius: var(--lynk-border-radius-medium);
+    box-shadow: var(--lynk-shadow-x-large);
+    transition:
+      var(--lynk-transition-fast) width,
+      var(--lynk-transition-fast) height;
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog--open .dialog__panel {
+    display: flex;
+    opacity: 1;
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+  }
+
+  .dialog__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;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .dialog__header-actions lynk-icon-button,
+  .dialog__header-actions ::slotted(lynk-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .dialog__footer ::slotted(lynk-button:not(:first-of-type)) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--lynk-overlay-background-color);
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--lynk-color-neutral-0);
+    }
+  }
+
+  /*
+  * Size modifiers
+  */
+
+  .dialog--fitted .dialog__panel {
+    width: 80vw;
+    min-height: 80vh;
+  }
+
+  .dialog--full .dialog__panel {
+    width: calc(100% - var(--lynk-spacing-2x-large));
+    height: calc(100% - var(--lynk-spacing-2x-large));
+  }
+`;export{e as a};

package/cdn/chunks/chunk.B7QIZPGK.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3E24SFRV.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-date-picker";e.define("lynk-date-picker");var a=n({tagName:r,elementClass:e,react:t,events:{EvChange:"ev-change",EvInput:"ev-input",EvClear:"ev-clear"},displayName:"LynkDatePicker"}),o=a;export{o as a};