@uplynk/lynk-design 1.15.0 → 1.16.0

package/cdn/chunks/chunk.5TIRFYB3.js

@@ -0,0 +1,26 @@
+import{a as C}from"./chunk.5OUX2RJ2.js";import{a as b}from"./chunk.KSEBZT7R.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as p,b as d,c as l}from"./chunk.VDJQBFEB.js";import{a as u,c}from"./chunk.DCN42ZX4.js";import{a as w}from"./chunk.Q3J7P2MZ.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as v}from"./chunk.LUIZCMPE.js";import{a as s,d as o,g as y}from"./chunk.ODSBDO47.js";import{a as g}from"./chunk.6UGEFC7C.js";import{d as f}from"./chunk.OAB62Q2Y.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends y{constructor(){super();this.localize=new w(this);this.content="";this.placement="top";this.disabled=!1;this.distance=8;this.open=!1;this.skidding=0;this.noArrow=!1;this.trigger="hover focus";this.hoist=!1;this.handleBlur=()=>{this.hasTrigger("focus")&&this.hide()};this.handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())};this.handleFocus=()=>{this.hasTrigger("focus")&&this.show()};this.handleDocumentKeyDown=i=>{this.open&&i.key==="Escape"&&(i.stopPropagation(),this.hide())};this.handleMouseOver=()=>{if(this.hasTrigger("hover")){let i=d(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>{this.show()},i)}};this.handleMouseOut=()=>{if(this.hasTrigger("hover")){let i=d(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>{this.hide()},i)}};this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){var i;super.disconnectedCallback(),(i=this.closeWatcher)==null||i.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}hasTrigger(i){return this.trigger.split(" ").includes(i)}async handleOpenChange(){var i,a;if(this.open){if(this.disabled)return;this.emit("ev-show"),"CloseWatcher"in window?((i=this.closeWatcher)==null||i.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide()}):document.addEventListener("keydown",this.handleDocumentKeyDown),await l(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:h,options:n}=c(this,"tooltip.show",{dir:this.localize.dir()});await p(this.popup.popup,h,n),this.emit("ev-after-show")}else{this.emit("ev-hide"),(a=this.closeWatcher)==null||a.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown),await l(this.body);let{keyframes:h,options:n}=c(this,"tooltip.hide",{dir:this.localize.dir()});await p(this.popup.popup,h,n),this.popup.active=!1,this.body.hidden=!0,this.emit("ev-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,m(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"ev-after-hide")}render(){return f`
+      <lynk-popup
+        part="base"
+        exportparts="
+          popup:base__popup,
+          arrow:base__arrow
+        "
+        class=${v({tooltip:!0,"tooltip--open":this.open})}
+        placement=${this.placement}
+        distance=${this.distance}
+        skidding=${this.skidding}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        ?arrow=${!this.noArrow}
+        hover-bridge
+      >
+        ${""}
+        <slot slot="anchor" aria-describedby="tooltip"></slot>
+
+        ${""}
+        <div part="body" id="tooltip" class="tooltip__body" role="tooltip" aria-live=${this.open?"polite":"off"}>
+          <slot name="content">${this.content}</slot>
+        </div>
+      </lynk-popup>
+    `}};e.styles=[g,C],e.dependencies={"lynk-popup":b},t([o("slot:not([name])")],e.prototype,"defaultSlot",2),t([o(".tooltip__body")],e.prototype,"body",2),t([o("lynk-popup")],e.prototype,"popup",2),t([s()],e.prototype,"content",2),t([s()],e.prototype,"placement",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Number})],e.prototype,"distance",2),t([s({type:Boolean,reflect:!0})],e.prototype,"open",2),t([s({type:Number})],e.prototype,"skidding",2),t([s({attribute:"no-arrow",type:Boolean,reflect:!0})],e.prototype,"noArrow",2),t([s()],e.prototype,"trigger",2),t([s({type:Boolean})],e.prototype,"hoist",2),t([r("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),t([r(["content","distance","hoist","placement","skidding"])],e.prototype,"handleOptionsChange",1),t([r("disabled")],e.prototype,"handleDisabledChange",1);u("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}});u("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{e as a};

package/cdn/chunks/chunk.5WUYS55Z.js

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

package/cdn/chunks/chunk.5YNB3BQ7.js

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

package/cdn/chunks/chunk.66Q6P23I.js

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

package/cdn/chunks/chunk.6FQ3YEZU.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.ODSBDO47.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.6FWEUNV5.js

@@ -0,0 +1,50 @@
+import{a as T}from"./chunk.WDKD5DIJ.js";import{a as y}from"./chunk.5TIRFYB3.js";import{a as o,c,d as p}from"./chunk.VDJQBFEB.js";import{a as f,c as u}from"./chunk.DCN42ZX4.js";import{a as m,b as d}from"./chunk.LGLXUNNC.js";import{a as w}from"./chunk.Q3J7P2MZ.js";import{a as S}from"./chunk.5FCGOT5T.js";import{a as n}from"./chunk.PGNVXJKR.js";import{b as $}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as x}from"./chunk.LUIZCMPE.js";import{a as s,b as l,d as r,g as C}from"./chunk.ODSBDO47.js";import{a as v}from"./chunk.6UGEFC7C.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class t extends C{constructor(){super(...arguments);this.localize=new w(this);this.childItems=[];this.isParent=!1;this.isChild=!1;this.loading=!1;this.depth=0;this.squished=!1;this.title="";this.name="";this.value="";this.href="";this.selected=!1;this.expanded=!1;this.disabled=!1;this.noLabel=!1}static isTreeItem(e){return e instanceof Element&&e.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children",this.isChild=!0,this.depth=this.getDepth())}firstUpdated(){this.childrenContainer&&(this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0"),this.isParent=this.hasChildren,this.handleExpandedChange(),this.handleSquished()}click(){this.navItem.click()}async animateCollapse(){this.emit("ev-collapse"),await c(this.childrenContainer);let{keyframes:e,options:a}=u(this,"nav-item.collapse",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("ev-after-collapse")}async animateExpand(){this.emit("ev-expand"),await c(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:e,options:a}=u(this,"nav-item.expand",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("ev-after-expand")}isNestedItem(){let e=this.parentElement;return!!e&&t.isTreeItem(e)}handleChildrenSlotChange(){this.childItems=this.getChildrenItems(),this.isParent=this.childItems.length>0}get hasChildren(){return this.childItems.length>0}getDepth(){let e=0,a=this.parentElement;for(;a instanceof t;)e++,a=a.parentElement;return e}getTextLabel(){return $(this.defaultSlot)}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleExpandedChange(){this.hasChildren?this.setAttribute("aria-expanded",this.expanded?"true":"false"):this.removeAttribute("aria-expanded")}handleExpandAnimation(){this.expanded?this.animateExpand():this.animateCollapse()}handleSquished(){this.squished?this.setAttribute("squished",this.squished?"true":"false"):this.removeAttribute("squished")}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.hasChildren&&(this.expanded=!this.expanded,e.stopPropagation())}handleDefaultSlotChange(){let e=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=e;return}e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}getChildrenItems({includeDisabled:e=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>t.isTreeItem(a)&&(e||!a.disabled)):[]}render(){let e=!!this.href,a=e?m`a`:m`button`,g=this.localize.dir()==="rtl";return d`
+      <${a}
+        class=${x({"nav-item":!0,"nav-item--disabled":this.disabled,"nav-item--selected":this.selected,"nav-item--has-children":this.isParent,"nav-item--expanded":this.expanded,"nav-item--squished":this.squished,"nav-item--rtl":g})}
+        ?disabled=${this.disabled}
+        title=${this.title}
+        part="nav-item"
+        name=${n(e?void 0:this.name)}
+        value=${n(e?void 0:this.value)}
+        href=${n(e?this.href:void 0)}
+        target=${n(e?this.target:void 0)}
+        download=${n(e?this.download:void 0)}
+        rel=${n(e&&this.target?"noreferrer noopener":void 0)}
+        data-level=${this.depth}
+        aria-disabled=${this.disabled?"true":"false"}
+        @click=${this.handleClick}
+        tabindex="-1"
+        aria-current=${n(this.selected&&this.href?"page":void 0)}
+      >
+        <slot name="prefix" part="prefix" class="nav-item__prefix"></slot>
+        <slot part="label" class="nav-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="nav-item__suffix"></slot>
+
+        ${this.isParent?d`
+                <span class="nav-item__chevron">
+                  <lynk-icon
+                    library="system"
+                    aria-hidden="true"
+                    name=${this.squished?"chevron-down":g?"chevron-left":"chevron-right"}
+                  ></lynk-icon>
+                </span>
+              `:""}
+
+        ${this.target==="_blank"?d`
+                <span class="nav-item__external">
+                  <lynk-icon library="system" aria-hidden="true" name="external"></lynk-icon>
+                </span>
+              `:""}
+
+      </${a}>
+
+      <div
+        part="children"
+        class="nav-item__children"
+        role="group"
+        ?inert=${!this.expanded}
+      >
+        <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
+      </div>
+    `}};t.styles=[v,T],t.dependencies={"lynk-icon":S,"lynk-tooltip":y},i([l()],t.prototype,"isParent",2),i([l()],t.prototype,"isChild",2),i([l()],t.prototype,"loading",2),i([l()],t.prototype,"depth",2),i([s({type:Boolean,reflect:!0})],t.prototype,"squished",2),i([s()],t.prototype,"title",2),i([s()],t.prototype,"name",2),i([s()],t.prototype,"value",2),i([s()],t.prototype,"href",2),i([s()],t.prototype,"target",2),i([s()],t.prototype,"download",2),i([s({type:Boolean,reflect:!0})],t.prototype,"selected",2),i([s({type:Boolean,reflect:!0})],t.prototype,"expanded",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({attribute:"no-label",type:Boolean,reflect:!0})],t.prototype,"noLabel",2),i([r("slot:not([name])")],t.prototype,"defaultSlot",2),i([r("slot[name=children]")],t.prototype,"childrenSlot",2),i([r(".nav-item")],t.prototype,"navItem",2),i([r(".nav-item__children")],t.prototype,"childrenContainer",2),i([h("disabled")],t.prototype,"handleDisabledChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandedChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandAnimation",1),i([h("squished",{waitUntilFirstUpdate:!0})],t.prototype,"handleSquished",1);var b=t;f("nav-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("nav-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{b as a};

package/cdn/chunks/chunk.6IBAG7RF.js

@@ -0,0 +1,40 @@
+import{a as f}from"./chunk.UPJI3U6P.js";import{a as u}from"./chunk.Z2MR56OE.js";import{a}from"./chunk.PGNVXJKR.js";import{a as d}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as o}from"./chunk.LUIZCMPE.js";import{a as s,b as l,d as n,g as i}from"./chunk.ODSBDO47.js";import{a as p}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new d(this,"prefix","suffix");this.renderType="button";this.rel="noreferrer noopener"}setRenderType(){let m=this.defaultSlot.assignedElements({flatten:!0}).filter(b=>b.tagName.toLowerCase()==="lynk-dropdown").length>0;if(this.href){this.renderType="link";return}if(m){this.renderType="dropdown";return}this.renderType="button"}hrefChanged(){this.setRenderType()}handleSlotChange(){this.setRenderType()}render(){return r`
+      <div
+        part="base"
+        class=${o({"breadcrumb-item":!0,"breadcrumb-item--has-prefix":this.hasSlotController.test("prefix"),"breadcrumb-item--has-suffix":this.hasSlotController.test("suffix")})}
+      >
+        <span part="prefix" class="breadcrumb-item__prefix">
+          <slot name="prefix"></slot>
+        </span>
+
+        ${this.renderType==="link"?r`
+              <a
+                part="label"
+                class="breadcrumb-item__label breadcrumb-item__label--link"
+                href="${this.href}"
+                target="${a(this.target?this.target:void 0)}"
+                rel=${a(this.target?this.rel:void 0)}
+              >
+                <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+              </a>
+            `:""}
+        ${this.renderType==="button"?r`
+              <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
+                <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+              </button>
+            `:""}
+        ${this.renderType==="dropdown"?r`
+              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
+                <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+              </div>
+            `:""}
+
+        <span part="suffix" class="breadcrumb-item__suffix">
+          <slot name="suffix"></slot>
+        </span>
+
+        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
+          <slot name="separator"></slot>
+        </span>
+      </div>
+    `}};t.styles=[p,u],t.dependencies={"lynk-truncate":f},e([n("slot:not([name])")],t.prototype,"defaultSlot",2),e([l()],t.prototype,"renderType",2),e([s()],t.prototype,"href",2),e([s()],t.prototype,"target",2),e([s()],t.prototype,"rel",2),e([h("href",{waitUntilFirstUpdate:!0})],t.prototype,"hrefChanged",1);export{t as a};

package/cdn/chunks/chunk.6QDU5MIX.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3T6PQER7.js";import*as t from"react";import{createComponent as a}from"@lit/react";var n="lynk-visually-hidden";e.define("lynk-visually-hidden");var o=a({tagName:n,elementClass:e,react:t,events:{},displayName:"LynkVisuallyHidden"}),i=o;export{i as a};

package/cdn/chunks/chunk.6UDQDD5I.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZQ6URZ4Y.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var s="lynk-resize-observer";e.define("lynk-resize-observer");var n=r({tagName:s,elementClass:e,react:t,events:{EvResize:"ev-resize"},displayName:"LynkResizeObserver"}),i=n;export{i as a};

package/cdn/chunks/chunk.75VTU3H7.js

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

package/cdn/chunks/chunk.765LTIWZ.js

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

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

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

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

@@ -0,0 +1,13 @@
+import{a as x}from"./chunk.V3QNGQSH.js";import{a as m}from"./chunk.22LFBWZ2.js";import{a as L}from"./chunk.FC4RDJJF.js";import{a as T}from"./chunk.Q3J7P2MZ.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as y,d as h,g}from"./chunk.ODSBDO47.js";import{a as k}from"./chunk.6UGEFC7C.js";import{d as I}from"./chunk.OAB62Q2Y.js";import{e as c}from"./chunk.FI4IKBIW.js";function f(u,p=!1){function e(n){let l=n.getChildrenItems({includeDisabled:!1});if(l.length){let i=l.every(a=>a.selected),r=l.every(a=>!a.selected&&!a.indeterminate);n.selected=i,n.indeterminate=!i&&!r}}function t(n){let l=n.parentElement;m.isTreeItem(l)&&(e(l),t(l))}function s(n){for(let l of n.getChildrenItems())l.selected=p?n.selected||l.selected:!l.disabled&&n.selected,s(l)}s(u),p&&e(u),t(u)}var o=class extends g{constructor(){super();this.selection="single";this.clickTarget=null;this.localize=new T(this);this.initTreeItem=e=>{e.selectable=this.selection==="multiple",["expand","collapse"].filter(t=>!!this.querySelector(`[slot="${t}-icon"]`)).forEach(t=>{let s=e.querySelector(`[slot="${t}-icon"]`),n=this.getExpandButtonIcon(t);n&&(s===null?e.append(n):s.hasAttribute("data-default")&&s.replaceWith(n))})};this.handleTreeChanged=e=>{for(let t of e){let s=[...t.addedNodes].filter(m.isTreeItem),n=[...t.removedNodes].filter(m.isTreeItem);s.forEach(this.initTreeItem),this.lastFocusedItem&&n.includes(this.lastFocusedItem)&&(this.lastFocusedItem=null)}};this.handleFocusOut=e=>{let t=e.relatedTarget;(!t||!this.contains(t))&&(this.tabIndex=0)};this.handleFocusIn=e=>{let t=e.target;e.target===this&&this.focusItem(this.lastFocusedItem||this.getAllTreeItems()[0]),m.isTreeItem(t)&&!t.disabled&&(this.lastFocusedItem&&(this.lastFocusedItem.tabIndex=-1),this.lastFocusedItem=t,this.tabIndex=-1,t.tabIndex=0)};this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),this.addEventListener("ev-lazy-change",this.handleSlotChange)}async connectedCallback(){super.connectedCallback(),this.setAttribute("role","tree"),this.setAttribute("tabindex","0"),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleTreeChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.mutationObserver)==null||e.disconnect()}getExpandButtonIcon(e){let s=(e==="expand"?this.expandedIconSlot:this.collapsedIconSlot).assignedElements({flatten:!0})[0];if(s){let n=s.cloneNode(!0);return[n,...n.querySelectorAll("[id]")].forEach(l=>l.removeAttribute("id")),n.setAttribute("data-default",""),n.slot=`${e}-icon`,n}return null}selectItem(e){let t=[...this.selectedItems];if(e.readonly)return;if(this.selection==="multiple")e.selected=!e.selected,e.lazy&&(e.expanded=!0),f(e);else if(this.selection==="single"||e.isLeaf){let n=this.getAllTreeItems();for(let l of n)l.selected=l===e}else this.selection==="leaf"&&(e.expanded=!e.expanded);let s=this.selectedItems;(t.length!==s.length||s.some(n=>!t.includes(n)))&&Promise.all(s.map(n=>n.updateComplete)).then(()=>{this.emit("ev-selection-change",{detail:{selection:s}})})}getAllTreeItems(){return[...this.querySelectorAll("lynk-tree-item")]}focusItem(e){e==null||e.focus()}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter"," "].includes(e.key)||e.composedPath().some(l=>{var i;return["input","textarea"].includes((i=l==null?void 0:l.tagName)==null?void 0:i.toLowerCase())}))return;let t=this.getFocusableItems(),s=this.localize.dir()==="ltr",n=this.localize.dir()==="rtl";if(t.length>0){e.preventDefault();let l=t.findIndex(d=>d.matches(":focus")),i=t[l],r=d=>{let E=t[L(d,0,t.length-1)];this.focusItem(E)},a=d=>{i.expanded=d};e.key==="ArrowDown"?r(l+1):e.key==="ArrowUp"?r(l-1):s&&e.key==="ArrowRight"||n&&e.key==="ArrowLeft"?!i||i.disabled||i.expanded||i.isLeaf&&!i.lazy?r(l+1):a(!0):s&&e.key==="ArrowLeft"||n&&e.key==="ArrowRight"?!i||i.disabled||i.isLeaf||!i.expanded?r(l-1):a(!1):e.key==="Home"?r(0):e.key==="End"?r(t.length-1):(e.key==="Enter"||e.key===" ")&&(i.disabled||this.selectItem(i))}}handleClick(e){let t=e.target,s=t.closest("lynk-tree-item"),n=e.composedPath().some(l=>{var i;return(i=l==null?void 0:l.classList)==null?void 0:i.contains("tree-item__expand-button")});!s||s.disabled||t!==this.clickTarget||(n?s.expanded=!s.expanded:this.selectItem(s))}handleMouseDown(e){this.clickTarget=e.target}handleSlotChange(){this.getAllTreeItems().forEach(this.initTreeItem),this.selection==="multiple"&&requestAnimationFrame(()=>{[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(t=>f(t,!0))})}async handleSelectionChange(){let e=this.selection==="multiple",t=this.getAllTreeItems();this.setAttribute("aria-multiselectable",e?"true":"false");for(let s of t)s.selectable=e;e&&(await this.updateComplete,await Promise.all(t.map(s=>s.updateComplete)),[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(s=>f(s,!0)))}get selectedItems(){let e=this.getAllTreeItems(),t=s=>s.selected;return e.filter(t)}getFocusableItems(){let e=this.getAllTreeItems(),t=new Set;return e.filter(s=>{var l;if(s.disabled)return!1;let n=(l=s.parentElement)==null?void 0:l.closest("[role=treeitem]");return n&&(!n.expanded||n.loading||t.has(n))&&t.add(s),!t.has(s)})}render(){return I`
+      <div
+        part="base"
+        class="tree"
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+        <span hidden aria-hidden="true"><slot name="expand-icon"></slot></span>
+        <span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span>
+      </div>
+    `}};o.styles=[k,x],c([h("slot:not([name])")],o.prototype,"defaultSlot",2),c([h("slot[name=expand-icon]")],o.prototype,"expandedIconSlot",2),c([h("slot[name=collapse-icon]")],o.prototype,"collapsedIconSlot",2),c([y()],o.prototype,"selection",2),c([b("selection")],o.prototype,"handleSelectionChange",1);export{o as a};

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ORWISWR3.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-popover";e.define("lynk-popover");var v=n({tagName:o,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide"},displayName:"LynkPopover"}),m=v;export{m as a};

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.R6POZUDE.js";import*as t from"react";import{createComponent as a}from"@lit/react";var n="lynk-truncate";e.define("lynk-truncate");var r=a({tagName:n,elementClass:e,react:t,events:{},displayName:"LynkTruncate"}),c=r;export{c as a};

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

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.J5ECQV7O.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-splitter-pane";e.define("lynk-splitter-pane");var r=n({tagName:o,elementClass:e,react:t,events:{EvShow:"ev-show",EvHide:"ev-hide"},displayName:"LynkSplitterPane"}),v=r;export{v as a};

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

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

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

@@ -0,0 +1,68 @@
+import{a as v}from"./chunk.NNAW6MD3.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a as d,c as h,d as p}from"./chunk.VDJQBFEB.js";import{a as c,c as g}from"./chunk.DCN42ZX4.js";import{a as y}from"./chunk.Q3J7P2MZ.js";import{a as _}from"./chunk.5FCGOT5T.js";import{a as x}from"./chunk.YHSYTTFF.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as r}from"./chunk.LUIZCMPE.js";import{a,d as l,g as u}from"./chunk.ODSBDO47.js";import{a as m}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends u{constructor(){super(...arguments);this.hasSlotController=new x(this,"prefix","suffix","subheader","footer");this.localize=new y(this);this.expanded=!1;this.accordion=!1;this.disabled=!1;this.appearance="filled";this.toggleTrigger="header";this.toggleSuffix=!1;this.toggleIconPlacement="end";this.noHeader=!1}connectedCallback(){super.connectedCallback(),this.hasParentAccordion()&&(this.accordion=!0),this.accordion||(this.expanded=!0)}firstUpdated(){this.body.hidden=!this.expanded,this.body.style.height=this.expanded?"auto":"0"}hasParentAccordion(){return this.closest("lynk-accordion")!==null}handleToggleTriggerClick(){!this.disabled&&this.accordion&&(this.expanded?this.collapse():this.expand(),this.header.focus())}handlePrefixSuffixClick(e){e.stopPropagation()}handlePrefixSuffixKeyDown(e){e.stopPropagation()}handleHeaderKeyDown(e){!this.disabled&&this.accordion&&((e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.expanded?this.collapse():this.expand()),(e.key==="ArrowUp"||e.key==="ArrowLeft")&&(e.preventDefault(),this.collapse()),(e.key==="ArrowDown"||e.key==="ArrowRight")&&(e.preventDefault(),this.expand()))}async handleExpandedChange(){if(this.expanded){if(this.emit("ev-expand",{cancelable:!0}).defaultPrevented){this.expanded=!1;return}await h(this.body),this.body.hidden=!1,this.body.classList.add("panel__body--animating");let{keyframes:s,options:n}=g(this,"panel.expand",{dir:this.localize.dir()});await d(this.body,p(s,this.body.scrollHeight),n),this.body.style.height="auto",this.body.classList.remove("panel__body--animating"),this.emit("ev-after-expand")}else{if(this.emit("ev-collapse",{cancelable:!0}).defaultPrevented){this.expanded=!0;return}await h(this.body);let{keyframes:s,options:n}=g(this,"panel.collapse",{dir:this.localize.dir()});await d(this.body,p(s,this.body.scrollHeight),n),this.body.hidden=!0,this.body.style.height="auto",this.emit("ev-after-collapse")}}expand(){if(!(this.expanded||this.disabled))return this.expanded=!0,f(this,"ev-after-expand")}collapse(){if(!(!this.expanded||this.disabled))return this.expanded=!1,f(this,"ev-after-collapse")}render(){let e=this.localize.dir()==="rtl";return o`
+      <div
+        part="base"
+        class=${r({panel:!0,"panel--disabled":this.disabled,"panel--expanded":this.expanded,"panel--accordion":this.accordion,"panel--rtl":e,"panel--toggle-suffix":this.toggleSuffix,"panel--no-header":this.noHeader,"panel--has-prefix":this.hasSlotController.test("prefix"),"panel--has-suffix":this.hasSlotController.test("suffix"),"panel--has-subheader":this.hasSlotController.test("subheader"),"panel--has-footer":this.hasSlotController.test("footer")})}
+      >
+        ${this.noHeader?"":o`
+              <header
+                part="header"
+                id="header"
+                class=${r({panel__header:!0,"panel__header--trigger":this.toggleTrigger==="header"})}
+                role="button"
+                aria-expanded=${this.expanded?"true":"false"}
+                aria-controls="content"
+                aria-disabled=${this.disabled?"true":"false"}
+                tabindex=${this.disabled?"-1":"0"}
+                @click=${this.toggleTrigger==="header"?this.handleToggleTriggerClick:null}
+                @keydown=${this.handleHeaderKeyDown}
+              >
+                <slot
+                  name="prefix"
+                  part="prefix"
+                  class="panel__prefix"
+                  @click=${this.handlePrefixSuffixClick}
+                  @keydown=${this.handlePrefixSuffixKeyDown}
+                ></slot>
+                <slot
+                  name="heading"
+                  part="heading"
+                  class=${r({panel__heading:!0,"panel__heading--trigger":this.toggleTrigger==="heading"})}
+                  @click=${this.toggleTrigger==="heading"?this.handleToggleTriggerClick:null}
+                >
+                  ${this.heading}
+                </slot>
+                <slot
+                  name="suffix"
+                  part="suffix"
+                  class="panel__suffix"
+                  @click=${this.handlePrefixSuffixClick}
+                  @keydown=${this.handlePrefixSuffixKeyDown}
+                ></slot>
+
+                ${this.accordion?o`
+                      <span
+                        part="toggle-icon"
+                        class=${r({"panel__toggle-icon":!0,"panel__toggle-icon--start":this.toggleIconPlacement==="start","panel__toggle-icon--end":this.toggleIconPlacement==="end","panel__toggle-icon--hidden":this.toggleIconPlacement==="hidden","panel__toggle-icon--trigger":this.toggleTrigger==="heading"||this.toggleTrigger==="icon"})}
+                        @click=${this.toggleTrigger==="heading"||this.toggleTrigger==="icon"?this.handleToggleTriggerClick:null}
+                      >
+                        ${this.expanded?o`<slot name="collapse-icon">
+                              <lynk-icon library="system" name=${e?"chevron-left":"chevron-right"}></lynk-icon>
+                            </slot>`:o`<slot name="expand-icon">
+                              <lynk-icon library="system" name=${e?"chevron-left":"chevron-right"}></lynk-icon>
+                            </slot>`}
+                      </span>
+                    `:""}
+              </header>
+            `}
+
+        <div class="panel__body">
+          <slot name="subheader" part="subheader" class="panel__subheader"></slot>
+
+          <div part="content" id="content" class="panel__content" role="region" aria-labelledby="header">
+            <slot></slot>
+          </div>
+
+          <slot name="footer" part="footer" class="panel__footer"></slot>
+        </div>
+      </div>
+    `}};t.styles=[m,v],t.dependencies={"lynk-popup":_},i([l(".panel")],t.prototype,"panel",2),i([l(".panel__header")],t.prototype,"header",2),i([l(".panel__body")],t.prototype,"body",2),i([l(".panel__toggle-icon-slot")],t.prototype,"toggleIconSlot",2),i([a({type:Boolean,reflect:!0})],t.prototype,"expanded",2),i([a({type:Boolean,reflect:!0})],t.prototype,"accordion",2),i([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([a({reflect:!0})],t.prototype,"appearance",2),i([a()],t.prototype,"heading",2),i([a({attribute:"toggle-trigger",reflect:!0})],t.prototype,"toggleTrigger",2),i([a({attribute:"toggle-suffix",type:Boolean,reflect:!0})],t.prototype,"toggleSuffix",2),i([a({attribute:"toggle-icon-placement",reflect:!0})],t.prototype,"toggleIconPlacement",2),i([a({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([b("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandedChange",1);c("panel.expand",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});c("panel.collapse",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{t as a};

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

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

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

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

package/cdn/chunks/chunk.A2QAJIFD.js

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

package/cdn/chunks/chunk.A3YZGK3D.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6FWEUNV5.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var p="lynk-nav-item";e.define("lynk-nav-item");var a=n({tagName:p,elementClass:e,react:t,events:{EvExpand:"ev-expand",EvAfterExpand:"ev-after-expand",EvCollapse:"ev-collapse",EvAfterCollapse:"ev-after-collapse"},displayName:"LynkNavItem"}),r=a;export{r as a};

package/cdn/chunks/chunk.A4Z6ZOQJ.js

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

package/cdn/chunks/chunk.ACSXRQGV.js

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

package/cdn/chunks/chunk.ATOTKDGY.js

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

package/cdn/chunks/chunk.AYKXNH2X.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ZQ6URZ4Y.js";var o=e;e.define("lynk-resize-observer");export{o as a};

package/cdn/chunks/chunk.AZMUMMEM.js

@@ -0,0 +1,8 @@
+import{a as m}from"./chunk.62RFTP6A.js";import{a as r}from"./chunk.LUIZCMPE.js";import{a as n,g as p}from"./chunk.ODSBDO47.js";import{a as i}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as a}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.panels=[];this.multiple=!1}syncPanels(){var l;let e=(l=this.shadowRoot)==null?void 0:l.querySelector("slot");e&&(this.panels=e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="lynk-panel"))}handleSlotChange(){this.syncPanels()}handlePanelToggle(e){if(this.multiple)return;let l=e.target.closest("lynk-panel");l.disabled||this.panels.forEach(s=>s.expanded=s===l)}expandAll(){this.panels.forEach(e=>e.expanded=!0)}collapseAll(){this.panels.forEach(e=>e.expanded=!1)}render(){return o`
+      <slot
+        part="base"
+        class=${r({accordion:!0,"accordion--square":this.shape==="square","accordion--flush":this.density==="flush","accordion--compact":this.density==="compact","accordion--comfy":this.density==="comfy"})}
+        @ev-expand=${this.handlePanelToggle}
+        @slotchange=${this.handleSlotChange}
+      ></slot>
+    `}};t.styles=[i,m],a([n({type:Boolean})],t.prototype,"multiple",2),a([n({reflect:!0})],t.prototype,"density",2),a([n({reflect:!0})],t.prototype,"shape",2);export{t as a};

package/cdn/chunks/chunk.B273J53R.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.2TLFBBVL.js";var b=o;o.define("lynk-combobox");export{b as a};

package/cdn/chunks/chunk.B3747O7R.js

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

package/cdn/chunks/chunk.B3LLHP44.js

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