@uplynk/lynk-design 1.15.0 → 1.17.0

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

@@ -1,54 +0,0 @@
-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

@@ -1,85 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,64 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

package/cdn/chunks/chunk.AQ6Z5GDL.js

@@ -1,61 +0,0 @@
-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.AV3Z6MCE.js

@@ -1,159 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,135 +0,0 @@
-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

@@ -1 +0,0 @@
-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};