@uplynk/lynk-design 1.13.0 → 1.15.0

package/cdn/chunks/chunk.VXKFMMF7.js

@@ -0,0 +1,76 @@
+import{a as i}from"./chunk.OAB62Q2Y.js";var e=i`
+  :host {
+    --divider-width: 4px;
+    --divider-hit-area: 12px;
+    --min: 0%;
+    --max: 100%;
+
+    display: grid;
+  }
+
+  .start,
+  .end {
+    overflow: hidden;
+  }
+
+  .divider {
+    flex: 0 0 var(--divider-width);
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--lynk-color-neutral-200);
+    color: var(--lynk-color-neutral-900);
+    z-index: 1;
+  }
+
+  .divider:focus {
+    outline: none;
+  }
+
+  :host(:not([disabled])) .divider:focus-visible {
+    background-color: var(--lynk-color-primary-600);
+    color: var(--lynk-color-neutral-0);
+  }
+
+  :host([disabled]) .divider {
+    cursor: not-allowed;
+  }
+
+  /* Horizontal */
+  :host(:not([vertical], [disabled])) .divider {
+    cursor: col-resize;
+  }
+
+  :host(:not([vertical])) .divider::after {
+    display: flex;
+    content: '';
+    position: absolute;
+    height: 100%;
+    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    width: var(--divider-hit-area);
+  }
+
+  /* Vertical */
+  :host([vertical]) {
+    flex-direction: column;
+  }
+
+  :host([vertical]:not([disabled])) .divider {
+    cursor: row-resize;
+  }
+
+  :host([vertical]) .divider::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    height: var(--divider-hit-area);
+  }
+
+  @media (forced-colors: active) {
+    .divider {
+      outline: solid 1px transparent;
+    }
+  }
+`;export{e as a};

package/cdn/chunks/chunk.W46TCMO3.js

@@ -0,0 +1,65 @@
+import{a as r}from"./chunk.OAB62Q2Y.js";var t=r`
+  :host {
+    --size: 128px;
+    --track-width: 4px;
+    --track-color: var(--lynk-color-neutral-200);
+    --indicator-width: var(--track-width);
+    --indicator-color: var(--lynk-color-primary-600);
+    --indicator-transition-duration: 0.35s;
+
+    display: inline-flex;
+  }
+
+  .progress-ring {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+  }
+
+  .progress-ring__image {
+    width: var(--size);
+    height: var(--size);
+    rotate: -90deg;
+    transform-origin: 50% 50%;
+  }
+
+  .progress-ring__track,
+  .progress-ring__indicator {
+    --radius: calc(var(--size) / 2 - max(var(--track-width), var(--indicator-width)) * 0.5);
+    --circumference: calc(var(--radius) * 2 * 3.141592654);
+
+    fill: none;
+    r: var(--radius);
+    cx: calc(var(--size) / 2);
+    cy: calc(var(--size) / 2);
+  }
+
+  .progress-ring__track {
+    stroke: var(--track-color);
+    stroke-width: var(--track-width);
+  }
+
+  .progress-ring__indicator {
+    stroke: var(--indicator-color);
+    stroke-width: var(--indicator-width);
+    stroke-linecap: round;
+    transition-property: stroke-dashoffset;
+    transition-duration: var(--indicator-transition-duration);
+    stroke-dasharray: var(--circumference) var(--circumference);
+    stroke-dashoffset: calc(var(--circumference) - var(--percentage) * var(--circumference));
+  }
+
+  .progress-ring__label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    user-select: none;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.W5ZAF42U.js

@@ -0,0 +1,13 @@
+import{a as r}from"./chunk.X4G5ZBWE.js";import{g as s}from"./chunk.H3TZAFDG.js";import{a}from"./chunk.6UGEFC7C.js";import{d as e}from"./chunk.OAB62Q2Y.js";var t=class extends s{render(){return e`
+      <div part="base" class="page">
+        <slot name="header" part="header" class="page__header"></slot>
+        <slot name="left-sidebar" part="left-sidebar" class="page__left-sidebar"></slot>
+        <slot name="left-inset-sidebar" part="left-inset-sidebar" class="page__left-inset-sidebar"></slot>
+        <div part="main" class="page__main">
+          <slot></slot>
+        </div>
+        <slot name="right-sidebar" part="right-sidebar" class="page__right-sidebar"></slot>
+        <slot name="right-inset-sidebar" part="right-inset-sidebar" class="page__right-inset-sidebar"></slot>
+        <slot name="footer" part="footer" class="page__footer"></slot>
+      </div>
+    `}};t.styles=[a,r];export{t as a};

package/cdn/chunks/chunk.W7S2CWW4.js

@@ -0,0 +1,17 @@
+import{a as l}from"./chunk.OAB62Q2Y.js";var a=l`
+  :host {
+    display: block;
+  }
+
+  .menu-label {
+    display: inline-block;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-small);
+    font-weight: var(--lynk-font-weight-semibold);
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-neutral-500);
+    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-large);
+    user-select: none;
+  }
+`;export{a};

package/cdn/chunks/chunk.WDKD5DIJ.js

@@ -0,0 +1,230 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var a=e`
+  :host {
+    display: block;
+    --hover-bg-color: var(--lynk-color-gray-a25);
+    --selected-color: var(--lynk-color-neutral-1000);
+    --selected-indicator-color: var(--lynk-color-primary);
+    --selected-bg-color: var(--lynk-color-gray-a25);
+    --border-radius: var(--lynk-border-radius-medium);
+    --padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-small);
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .nav-item {
+    align-items: stretch;
+    justify-content: start;
+    color: var(--nav-item-color);
+    cursor: pointer;
+    border-radius: var(--border-radius);
+    display: flex;
+    hyphens: auto;
+    padding: var(--padding);
+    position: relative;
+    text-decoration: none;
+    border: none;
+    background: none;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    text-align: unset;
+    width: 100%;
+    width: -moz-available;
+    width: -webkit-fill-available;
+    width: fill-available;
+    word-break: normal;
+    line-height: var(--lynk-line-height-dense);
+    transition: var(--lynk-transition-fast) fill;
+  }
+
+  .nav-item::before {
+    position: absolute;
+    width: 4px;
+    bottom: -2px;
+    top: -2px;
+    left: -8px;
+    content: '';
+    pointer-events: none;
+    border-radius: var(--border-radius);
+  }
+
+  :host(:focus-visible) .nav-item {
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+    background-color: var(--hover-bg-color);
+    outline: 1px solid var(--lynk-color-primary);
+    z-index: 2;
+  }
+
+  .nav-item:hover {
+    background-color: var(--hover-bg-color);
+  }
+
+  .nav-item.nav-item--disabled {
+    outline: none;
+    opacity: 0.5;
+  }
+
+  .nav-item.nav-item--selected {
+    color: var(--selected-color);
+    background-color: var(--selected-bg-color);
+  }
+
+  .nav-item.nav-item--selected::before {
+    background-color: var(--selected-indicator-color);
+    display: block;
+  }
+
+  .nav-item .nav-item__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    min-width: 0;
+  }
+
+  .nav-item .nav-item__prefix,
+  .nav-item .nav-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: 1.25em;
+  }
+
+  .nav-item .nav-item__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-small);
+  }
+
+  .nav-item .nav-item__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-small);
+  }
+
+  .nav-item__chevron {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--lynk-transition-fast) all;
+  }
+
+  .nav-item--expanded .nav-item__chevron {
+    rotate: 90deg;
+  }
+
+  .nav-item__children {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-2x-small);
+    margin: var(--lynk-spacing-2x-small) 0;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  .nav-item[data-level='1'] {
+    margin-inline-start: var(--lynk-spacing-x-large);
+  }
+
+  .nav-item[data-level='2'] {
+    margin-inline-start: var(--lynk-spacing-2x-large);
+  }
+
+  .nav-item.nav-item--rtl[data-level='1'] {
+    margin-inline-end: calc(var(--lynk-spacing-x-large) + 2px);
+  }
+
+  .nav-item.nav-item--rtl[data-level='2'] {
+    margin-inline-end: var(--lynk-spacing-2x-large);
+  }
+
+  .nav-item.nav-item--squished {
+    text-align: center;
+    flex-direction: column;
+    align-items: center;
+    font-size: var(--lynk-font-size-small);
+    line-height: var(--lynk-line-height-dense);
+    border-radius: var(--border-radius);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-2x-small);
+    margin-inline-start: 0;
+  }
+
+  .nav-item--squished.nav-item--selected {
+    color: var(--selected-color);
+    background-color: var(--selected-bg-color);
+  }
+
+  .nav-item.nav-item--squished::before {
+    display: none;
+  }
+
+  .nav-item.nav-item--squished .nav-item__chevron {
+    opacity: 0;
+    position: absolute;
+    bottom: -2px;
+    margin-left: -6px;
+    left: 50%;
+  }
+
+  .nav-item.nav-item--squished:hover .nav-item__chevron,
+  .nav-item.nav-item--expanded .nav-item__chevron {
+    opacity: 1;
+  }
+
+  .nav-item--expanded.nav-item--squished .nav-item__chevron {
+    rotate: 180deg;
+  }
+
+  .nav-item.nav-item--squished.nav-item--selected::before {
+    border-color: var(--selected-color);
+  }
+
+  .nav-item.nav-item--squished .nav-item__prefix::slotted(*) {
+    margin-inline-end: 0;
+    margin-block-end: var(--lynk-spacing-2x-small);
+  }
+
+  .nav-item.nav-item--squished .nav-item__suffix::slotted(*) {
+    margin-inline-start: 0;
+    margin-block-start: var(--lynk-spacing-2x-small);
+  }
+
+  .nav-item.nav-item--squished .nav-item__prefix,
+  .nav-item.nav-item--squished .nav-item__suffix {
+    font-size: 20px;
+  }
+
+  .nav-item--squished + .nav-item__children {
+    margin: var(--lynk-spacing-2x-small) 0;
+    padding: var(--lynk-spacing-2x-small) 0;
+    border-top: 1px solid var(--selected-bg-color);
+    border-bottom: 1px solid var(--selected-bg-color);
+  }
+
+  :host([no-label]) .nav-item__label {
+    display: none;
+  }
+
+  :host([no-label]) .nav-item .nav-item__prefix::slotted(*) {
+    margin-inline-end: 0;
+    margin-block-end: 0;
+  }
+
+  :host([no-label]) .nav-item .nav-item__suffix::slotted(*) {
+    margin-inline-start: 0;
+    margin-block-start: 0;
+  }
+
+  .nav-item__external {
+    opacity: 0;
+    position: absolute;
+    top: 2px;
+    right: 2px;
+  }
+
+  .nav-item:hover .nav-item__external {
+    opacity: 1;
+  }
+`;export{a};

package/cdn/chunks/chunk.WF44MVNH.js

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

package/cdn/chunks/chunk.WJPJBETN.js

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

package/cdn/chunks/chunk.WLSO2TBZ.js

@@ -0,0 +1,33 @@
+import{a as g}from"./chunk.6KT6T467.js";import{a as S}from"./chunk.F42SXDCW.js";import{a as h,c as d}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.Q3J7P2MZ.js";import{a as w}from"./chunk.PBON4AYJ.js";import{a as b}from"./chunk.LUIZCMPE.js";import{a as o,b as m,d as l,g as f}from"./chunk.H3TZAFDG.js";import{a as y}from"./chunk.6UGEFC7C.js";import{d as u}from"./chunk.OAB62Q2Y.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends f{constructor(){super(...arguments);this.localize=new _(this);this.isCopying=!1;this.status="rest";this.value="";this.from="";this.disabled=!1;this.copyLabel="";this.successLabel="";this.errorLabel="";this.feedbackDuration=1500;this.tooltipPlacement="top";this.hoist=!1}async handleCopy(){if(this.disabled||this.isCopying)return;this.isCopying=!0;let s=this.value;if(this.from){let c=this.getRootNode(),n=this.from.includes("."),p=this.from.includes("[")&&this.from.includes("]"),a=this.from,i="";n?[a,i]=this.from.trim().split("."):p&&([a,i]=this.from.trim().replace(/\]$/,"").split("["));let r="getElementById"in c?c.getElementById(a):null;r?p?s=r.getAttribute(i)||"":n?s=r[i]||"":s=r.textContent||"":(this.showStatus("error"),this.emit("ev-error"))}if(!s)this.showStatus("error"),this.emit("ev-error");else try{await navigator.clipboard.writeText(s),this.showStatus("success"),this.emit("ev-copy",{detail:{value:s}})}catch(c){this.showStatus("error"),this.emit("ev-error")}}async showStatus(s){let c=this.copyLabel||this.localize.term("copy"),n=this.successLabel||this.localize.term("copied"),p=this.errorLabel||this.localize.term("error"),a=s==="success"?this.successIcon:this.errorIcon,i=d(this,"copy.in",{dir:"ltr"}),r=d(this,"copy.out",{dir:"ltr"});this.tooltip.content=s==="success"?n:p,await this.copyIcon.animate(r.keyframes,r.options).finished,this.copyIcon.hidden=!0,this.status=s,a.hidden=!1,await a.animate(i.keyframes,i.options).finished,setTimeout(async()=>{await a.animate(r.keyframes,r.options).finished,a.hidden=!0,this.status="rest",this.copyIcon.hidden=!1,await this.copyIcon.animate(i.keyframes,i.options).finished,this.tooltip.content=c,this.isCopying=!1},this.feedbackDuration)}render(){let s=this.copyLabel||this.localize.term("copy");return u`
+      <lynk-tooltip
+        class=${b({"copy-button":!0,"copy-button--success":this.status==="success","copy-button--error":this.status==="error"})}
+        content=${s}
+        placement=${this.tooltipPlacement}
+        ?disabled=${this.disabled}
+        ?hoist=${this.hoist}
+        exportparts="
+          base:tooltip__base,
+          base__popup:tooltip__base__popup,
+          base__arrow:tooltip__base__arrow,
+          body:tooltip__body
+        "
+      >
+        <button
+          class="copy-button__button"
+          part="button"
+          type="button"
+          ?disabled=${this.disabled}
+          @click=${this.handleCopy}
+        >
+          <slot part="copy-icon" name="copy-icon">
+            <lynk-icon library="system" name="copy"></lynk-icon>
+          </slot>
+          <slot part="success-icon" name="success-icon" hidden>
+            <lynk-icon library="system" name="check"></lynk-icon>
+          </slot>
+          <slot part="error-icon" name="error-icon" hidden>
+            <lynk-icon library="system" name="x-lg"></lynk-icon>
+          </slot>
+        </button>
+      </lynk-tooltip>
+    `}};t.styles=[y,g],t.dependencies={"lynk-icon":w,"lynk-tooltip":S},e([l('slot[name="copy-icon"]')],t.prototype,"copyIcon",2),e([l('slot[name="success-icon"]')],t.prototype,"successIcon",2),e([l('slot[name="error-icon"]')],t.prototype,"errorIcon",2),e([l("lynk-tooltip")],t.prototype,"tooltip",2),e([m()],t.prototype,"isCopying",2),e([m()],t.prototype,"status",2),e([o()],t.prototype,"value",2),e([o()],t.prototype,"from",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({attribute:"copy-label"})],t.prototype,"copyLabel",2),e([o({attribute:"success-label"})],t.prototype,"successLabel",2),e([o({attribute:"error-label"})],t.prototype,"errorLabel",2),e([o({attribute:"feedback-duration",type:Number})],t.prototype,"feedbackDuration",2),e([o({attribute:"tooltip-placement"})],t.prototype,"tooltipPlacement",2),e([o({type:Boolean})],t.prototype,"hoist",2);h("copy.in",{keyframes:[{scale:".25",opacity:".25"},{scale:"1",opacity:"1"}],options:{duration:100}});h("copy.out",{keyframes:[{scale:"1",opacity:"1"},{scale:".25",opacity:"0"}],options:{duration:100}});export{t as a};

package/cdn/chunks/chunk.WMJ4DSR7.js

@@ -0,0 +1,29 @@
+import{a as g}from"./chunk.6W374UII.js";import{a as $}from"./chunk.AVYM6L5O.js";import{b as C,c as v}from"./chunk.V7E6ITFP.js";import{a as y}from"./chunk.6IV433DB.js";import{a as n,b as s}from"./chunk.LGLXUNNC.js";import{a as r}from"./chunk.PGNVXJKR.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as b}from"./chunk.PBON4AYJ.js";import{a}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.LUIZCMPE.js";import{a as i,b as o,d as f,g as u}from"./chunk.H3TZAFDG.js";import{a as p}from"./chunk.6UGEFC7C.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new C(this,{assumeInteractionOn:["click"]});this.hasSlotController=new c(this,"[default]","prefix","suffix");this.localize=new m(this);this.hasFocus=!1;this.invalid=!1;this.title="";this.color="default";this.size="medium";this.block=!1;this.caret=!1;this.disabled=!1;this.thinking=!1;this.outline=!1;this.stealth=!1;this.pill=!1;this.circle=!1;this.square=!1;this.type="button";this.name="";this.value="";this.href="";this.rel="noreferrer noopener";this.noBubble=!1}get validity(){return this.isButton()?this.button.validity:v}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick),this.outline?this.appearance="outlined":this.stealth&&(this.appearance="plain"),this.color!=="default"&&!this.appearance&&(this.appearance="loud")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleClick(){this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this),this.emit("ev-click",{bubbles:!this.noBubble})}handleHostClick(l){(this.disabled||this.thinking)&&(l.preventDefault(),l.stopImmediatePropagation()),this.noBubble&&l.stopPropagation()}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}handleOutlineChange(){this.outline&&(this.appearance="outlined")}handleStealthChange(){this.stealth&&(this.appearance="plain")}click(){this.button.click()}focus(l){this.button.focus(l)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(l){this.isButton()&&(this.button.setCustomValidity(l),this.formControlController.updateValidity())}render(){let l=this.isLink(),h=l?n`a`:n`button`;return s`
+      <${h}
+        part="base"
+        class=${d({button:!0,"is-disabled":this.disabled,"is-focused":this.hasFocus,"is-thinking":this.thinking,rtl:this.localize.dir()==="rtl","has-label":this.hasSlotController.test("[default]"),"has-prefix":this.hasSlotController.test("prefix"),"has-suffix":this.hasSlotController.test("suffix"),"has-caret":this.caret})}
+        ?disabled=${r(l?void 0:this.disabled)}
+        type=${r(l?void 0:this.type)}
+        title=${this.title}
+        name=${r(l?void 0:this.name)}
+        value=${r(l?void 0:this.value)}
+        href=${r(l?this.href:void 0)}
+        target=${r(l?this.target:void 0)}
+        download=${r(l?this.download:void 0)}
+        rel=${r(l?this.rel:void 0)}
+        role=${r(l?void 0:"button")}
+        aria-disabled=${this.disabled?"true":"false"}
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @invalid=${this.isButton()?this.handleInvalid:null}
+        @click=${this.handleClick}
+      >
+      ${this.hasSlotController.test("prefix")?s`<slot name="prefix" part="prefix" class="button__prefix"></slot>`:""}
+      <slot part="label" class="button__label"></slot>
+      ${this.hasSlotController.test("suffix")?s`<slot name="suffix" part="suffix" class="button__suffix"></slot>`:""}
+
+      ${this.caret?s` <lynk-icon part="caret" class="button__caret" library="system" name="caret"></lynk-icon> `:""}
+        ${this.thinking?s`<lynk-spinner part="spinner"></lynk-spinner>`:""}
+      </${h}>
+    `}};t.styles=[p,g,y],t.dependencies={"lynk-icon":b,"lynk-spinner":$},e([f(".button")],t.prototype,"button",2),e([o()],t.prototype,"hasFocus",2),e([o()],t.prototype,"invalid",2),e([i()],t.prototype,"title",2),e([i({reflect:!0})],t.prototype,"color",2),e([i({reflect:!0})],t.prototype,"appearance",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"block",2),e([i({type:Boolean,reflect:!0})],t.prototype,"caret",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"thinking",2),e([i({type:Boolean})],t.prototype,"outline",2),e([i({type:Boolean})],t.prototype,"stealth",2),e([i({type:Boolean,reflect:!0})],t.prototype,"pill",2),e([i({type:Boolean,reflect:!0})],t.prototype,"circle",2),e([i({type:Boolean,reflect:!0})],t.prototype,"square",2),e([i()],t.prototype,"type",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i()],t.prototype,"href",2),e([i()],t.prototype,"target",2),e([i()],t.prototype,"rel",2),e([i()],t.prototype,"download",2),e([i()],t.prototype,"form",2),e([i({attribute:"formaction"})],t.prototype,"formAction",2),e([i({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([i({attribute:"formmethod"})],t.prototype,"formMethod",2),e([i({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([i({attribute:"formtarget"})],t.prototype,"formTarget",2),e([i({attribute:"no-bubble",type:Boolean,reflect:!0})],t.prototype,"noBubble",2),e([a("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([a("outline",{waitUntilFirstUpdate:!0})],t.prototype,"handleOutlineChange",1),e([a("stealth",{waitUntilFirstUpdate:!0})],t.prototype,"handleStealthChange",1);export{t as a};

package/cdn/chunks/chunk.WNGRKJLI.js

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

package/cdn/chunks/chunk.WPXTD4Y6.js

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.V46JZZHR.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tree";e.define("lynk-tree");var r=n({tagName:o,elementClass:e,react:t,events:{EvSelectionChange:"ev-selection-change"},displayName:"LynkTree"}),s=r;export{s as a};

package/cdn/chunks/chunk.WZLHB3RM.js

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

package/cdn/chunks/chunk.X364WPZS.js

@@ -0,0 +1,24 @@
+import{a as E}from"./chunk.BBKJG3YE.js";import{a as y}from"./chunk.6S67HV2F.js";import{a as P}from"./chunk.FC4RDJJF.js";import{a as v}from"./chunk.PGNVXJKR.js";import{a as d}from"./chunk.Q3J7P2MZ.js";import{a as z}from"./chunk.YZSIY5HS.js";import{a as m,g as b}from"./chunk.H3TZAFDG.js";import{a as S}from"./chunk.6UGEFC7C.js";import{d as g}from"./chunk.OAB62Q2Y.js";import{e as p}from"./chunk.FI4IKBIW.js";var c=class extends b{constructor(){super(...arguments);this.localize=new d(this);this.hasEmittedReady=!1;this.isInitialized=!1;this.hasRunFirstUpdated=!1;this.sizes=[];this.positions=[];this.vertical=!1;this.disabled=!1;this.push=!1;this.dividerWidth=8;this.snap="";this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.loadPositions(),this.resizeObserver=new ResizeObserver(t=>this.handleResize(t)),this.mutationObserver=new MutationObserver(()=>this.handleSlotChange())}async firstUpdated(){if(this.hasRunFirstUpdated)return;this.hasRunFirstUpdated=!0,this.resizeObserver.observe(this),this.detectSize(),this.setupAutoObservation(),await customElements.whenDefined("lynk-splitter-pane"),await this.updateComplete;let t=this.getPanes();this.detectSize(),this.sizes.length>0?(this.positions=this.calculatePositions(t),this.requestUpdate()):t.length>0&&t.some(e=>e.size)?(this.positions=this.calculatePositions(t),this.requestUpdate()):t.length>0&&this.positions.length===0&&(this.positions=this.getEqualPositions(t.length)),this.isInitialized=!0,this.handleSlotChange()}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this),(e=this.mutationObserver)==null||e.disconnect()}detectSize(){let{width:t,height:e}=this.getBoundingClientRect();this.size=this.vertical?e:t}pixelsToPercentage(t){return t/this.size*100}loadPositions(){if(this.autoSaveId&&typeof localStorage!="undefined")try{let t=localStorage.getItem(`lynk-splitter-${this.autoSaveId}`);t&&(this.positions=JSON.parse(t))}catch(t){}}savePositions(){if(this.autoSaveId&&typeof localStorage!="undefined")try{localStorage.setItem(`lynk-splitter-${this.autoSaveId}`,JSON.stringify(this.positions))}catch(t){}}setupAutoObservation(){var e;this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["hidden"]});let t=(e=this.shadowRoot)==null?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",()=>this.handleSlotChange())}handleSlotChange(){if(!this.isInitialized)return;let t=this.getPanes(),e=t.length,s=this.positions.length+1;e!==s&&(this.detectSize(),this.recalculatePositionsForPanes(t)),this.requestUpdate(),!this.hasEmittedReady&&t.length>0&&(this.hasEmittedReady=!0,this.updateComplete.then(()=>{setTimeout(()=>this.emitReadyEvent(),0)}))}recalculatePositionsForPanes(t){if(t.length<=1){this.positions=[];return}this.sizes.length>0||t.some(s=>s.size||s.minSize||s.maxSize)?this.positions=this.calculatePositions(t):this.positions=this.getEqualPositions(t.length)}getEqualPositions(t){if(t<=1)return[];let e=[],s=100/t;for(let i=1;i<t;i++)e.push(s*i);return e}calculatePositions(t){if(t.length<=1)return[];let e=this.getAvailableSpace(t.length),s=this.calculatePaneSizes(t,e);return this.convertSizesToPositions(s,e)}getAvailableSpace(t){return 100-this.getTotalDividerWidth(t)}calculatePaneSizes(t,e){let s=new Array(t.length).fill(0),i=0,n=0;for(let o=0;o<t.length;o++){let h=t[o],l=0;this.sizes[o]&&this.sizes[o]!=="auto"?l=this.parseSize(this.sizes[o],e):h.size?l=this.parseSize(h.size,e):h.minSize&&(l=this.parseSize(h.minSize,e)),l>0&&(s[o]=l,i+=l,n++)}let a=Math.max(0,e-i),r=t.length-n;if(r>0){let o=a/r;for(let h=0;h<t.length;h++)s[h]===0&&(s[h]=o)}return this.enforceMaxSizeConstraints(t,s,e),s}enforceMaxSizeConstraints(t,e,s){let i=!0;for(;i;){i=!1;let n=0,a=[];for(let r=0;r<t.length;r++){let o=t[r];if(o.maxSize){let h=this.parseSize(o.maxSize,s);e[r]>h?(n+=e[r]-h,e[r]=h,i=!0):a.push(r)}else a.push(r)}if(n>0&&a.length>0){let r=n/a.length;a.forEach(o=>{e[o]+=r})}}}convertSizesToPositions(t,e){let s=[],i=0;for(let n=0;n<t.length-1;n++)i+=t[n],s.push(i/e*100);return s}parseSize(t,e){return t.endsWith("%")?parseFloat(t)/100*e:t.endsWith("px")?parseFloat(t)/this.size*100/100*e:parseFloat(t)/100*e}getPanes(){return[...this.children].filter(t=>t.tagName==="LYNK-SPLITTER-PANE"&&!t.hasAttribute("hidden"))}handleDrag(t,e){this.disabled||(t.cancelable&&t.preventDefault(),y(this,{onMove:(s,i)=>{let n=this.vertical?i:s,a=this.pixelsToPercentage(n);if(this.snap&&(a=this.applySnapping(a)),this.push)this.positions=this.handlePushResize(e,a);else{let r=this.calculateConstraints(e);this.positions=[...this.positions],this.positions[e]=P(a,r.min,r.max)}this.requestUpdate(),this.emitSplitterResizeEvent(t,e)},onStop:()=>{this.savePositions(),this.emitAfterSplitterResizeEvent(t,e)},initialEvent:t}))}handleKeyDown(t,e){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(t.key)){t.preventDefault();let s=t.shiftKey?5:1,i=this.calculateConstraints(e),n=this.positions[e];(t.key==="ArrowLeft"&&!this.vertical||t.key==="ArrowUp"&&this.vertical)&&(n-=s),(t.key==="ArrowRight"&&!this.vertical||t.key==="ArrowDown"&&this.vertical)&&(n+=s),n=P(n,i.min,i.max),this.push&&(this.positions=this.handlePushResize(e,n)),this.positions=[...this.positions],this.positions[e]=n,this.requestUpdate(),this.savePositions(),this.emitAfterSplitterResizeEvent(t,e)}}handleResize(t){let{width:e,height:s}=t[0].contentRect,i=this.size;this.size=this.vertical?s:e,i&&Math.abs(this.size-i)>1&&(this.recalculatePositionsForResize(),this.requestUpdate())}handleSizesChange(){if(this.sizes.length===0)return;let t=this.getPanes();t.length>0&&(this.positions=this.calculatePositions(t),this.requestUpdate())}handleVerticalChange(){this.detectSize()}updatePaneStyles(){var a;let t=this.getPanes(),s=100-this.getTotalDividerWidth(t.length),i=this.getPaneSizeStrings();t.forEach((r,o)=>{let h=parseFloat(i[o])/100*s;r.style.flex=`0 0 ${h}%`,r.style.order=(o*2).toString()});let n=(a=this.shadowRoot)==null?void 0:a.querySelectorAll(".divider");n==null||n.forEach((r,o)=>{r.style.order=(o*2+1).toString(),r.style.flex=`0 0 ${this.dividerWidth}px`})}calculateConstraints(t){let e=this.getPanes(),s=e[t],i=e[t+1],n=this.getAvailableSpace(e.length),a=t>0?this.positions[t-1]:0,r=t<this.positions.length-1?this.positions[t+1]:100;if(s){let{minSize:o,maxSize:h}=this.getPaneConstraints(s,n),l=o/n*100,u=h!==1/0?h/n*100:1/0;if(l>0&&(a=Math.max(a,a+l)),u!==1/0){let f=t>0?this.positions[t-1]:0;r=Math.min(r,f+u)}}if(i){let{minSize:o,maxSize:h}=this.getPaneConstraints(i,n),l=o/n*100,u=h!==1/0?h/n*100:1/0;if(l>0){let f=t<this.positions.length-1?this.positions[t+1]:100;r=Math.min(r,f-l)}if(u!==1/0){let f=t<this.positions.length-1?this.positions[t+1]:100;a=Math.max(a,f-u)}}return{min:a,max:r}}getPaneConstraints(t,e){let s=t.minSize?this.parseSize(t.minSize,e):0,i=t.maxSize?this.parseSize(t.maxSize,e):1/0;return{minSize:s,maxSize:i}}getTotalDividerWidth(t){let e=t-1;return this.dividerWidth*e/this.size*100}handlePushResize(t,e){let s=this.getPanes(),i=e-this.positions[t];if(Math.abs(i)<.1)return this.positions;let n=this.getCurrentPaneSizes(this.positions,s.length);return i>0?this.resizePanes(n,s,t,t+1,i):this.resizePanes(n,s,t+1,t,Math.abs(i)),this.convertSizesToPositions(n,100)}getCurrentPaneSizes(t,e){let s=[],i=0;for(let n=0;n<e;n++){let a=n<t.length?t[n]:100;s.push(a-i),i=a}return s}applySnapping(t){if(!this.snap)return t;let e=this.snap.split(" "),s=t,i=this.snapThreshold+1;return e.forEach(n=>{let a;n.endsWith("%")?a=parseFloat(n):n.endsWith("px")?a=this.pixelsToPercentage(parseFloat(n)):a=parseFloat(n);let r=Math.abs(t-a);r<=this.snapThreshold&&r<i&&(s=a,i=r)}),s}recalculatePositionsForResize(){let t=this.getPanes();if(t.length===0)return;t.some(s=>{var i,n,a;return((i=s.size)==null?void 0:i.endsWith("px"))||((n=s.minSize)==null?void 0:n.endsWith("px"))||((a=s.maxSize)==null?void 0:a.endsWith("px"))})&&(this.positions=this.calculatePositions(t),this.requestUpdate())}resizePanes(t,e,s,i,n){let a=this.getAvailableSpace(e.length),{maxSize:r}=this.getPaneConstraints(e[s],a),o=Math.min(n,r-t[s]);if(o<=0)return;let{minSize:h}=this.getPaneConstraints(e[i],a),l=Math.min(o,t[i]-h);t[i]-=l,t[s]+=l;let u=o-l;if(u<=0)return;let[f,C]=s<i?[i+1,e.length]:[0,i];this.cascadeShrink(t,e,f,C,u,s,a)}cascadeShrink(t,e,s,i,n,a,r){let o=n;for(let h=s;h<i&&o>0;h++){let{minSize:l}=this.getPaneConstraints(e[h],r),u=Math.min(o,t[h]-l);u>0&&(t[h]-=u,t[a]+=u,o-=u)}}getPaneSizeStrings(){let t=[],e=0;for(let[s]of this.positions.entries())t.push(`${this.positions[s]-e}%`),e=this.positions[s];return t.push(`${100-e}%`),t}createPaneDetails(){let t=this.getPanes(),e=this.getPaneSizeStrings();return t.map((s,i)=>{let n=parseFloat(e[i]),a=n/100*this.size;return{index:i,size:n,sizePixels:Math.round(a),element:s}})}emitSplitterResizeEvent(t,e){let s=this.createPaneDetails(),i=e>=0?s[e]:null,n=e+1<s.length?s[e+1]:null;this.emit("ev-splitter-resize",{detail:{event:t,index:e,prevPane:i,nextPane:n,panes:s}})}emitAfterSplitterResizeEvent(t,e){let s=this.createPaneDetails(),i=e>=0?s[e]:null,n=e+1<s.length?s[e+1]:null;this.emit("ev-after-splitter-resize",{detail:{event:t,index:e,prevPane:i,nextPane:n,panes:s}})}emitReadyEvent(){if(this.getPanes().length===0)return;let e=this.createPaneDetails();this.emit("ev-ready",{detail:{panes:e}})}updated(){this.updatePaneStyles()}render(){return g`
+      <slot @slotchange=${this.handleSlotChange}></slot>
+      ${this.positions.map((t,e)=>g`
+          <div
+            part="divider divider-${e}"
+            style="--divider-width: ${this.dividerWidth}px;"
+            class="divider"
+            data-index="${e}"
+            tabindex=${v(this.disabled?void 0:"0")}
+            role="separator"
+            aria-valuenow=${this.positions[e]||50}
+            aria-valuemin="0"
+            aria-valuemax="100"
+            aria-label=${this.localize.term("resize")}
+            @keydown=${s=>this.handleKeyDown(s,e)}
+            @mousedown=${s=>this.handleDrag(s,e)}
+            @touchstart=${s=>this.handleDrag(s,e)}
+          >
+            <slot name="divider-${e}">
+              <slot part="handle" class="handle" name="divider"></slot>
+            </slot>
+          </div>
+        `)}
+    `}};c.styles=[S,E],p([m({type:Array,converter:{fromAttribute:t=>{if(!t)return[];try{let e=t.replace(/'/g,'"');return JSON.parse(e)}catch(e){return[]}},toAttribute:t=>JSON.stringify(t)}})],c.prototype,"sizes",2),p([m({type:Boolean,reflect:!0})],c.prototype,"vertical",2),p([m({type:Boolean,reflect:!0})],c.prototype,"disabled",2),p([m({attribute:"auto-save-id"})],c.prototype,"autoSaveId",2),p([m({type:Boolean})],c.prototype,"push",2),p([m({type:Number,attribute:"divider-width"})],c.prototype,"dividerWidth",2),p([m()],c.prototype,"snap",2),p([m({type:Number,attribute:"snap-threshold"})],c.prototype,"snapThreshold",2),p([z("sizes")],c.prototype,"handleSizesChange",1),p([z("vertical")],c.prototype,"handleVerticalChange",1);export{c as a};

package/cdn/chunks/chunk.X3H4ADXW.js

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

package/cdn/chunks/chunk.X4G5ZBWE.js

@@ -0,0 +1,52 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var i=e`
+  :host {
+    display: contents;
+  }
+
+  .page {
+    width: 100%;
+    height: 100%;
+    display: grid;
+    grid-template:
+      'left-sidebar left-inset-sidebar header right-inset-sidebar right-sidebar' min-content
+      'left-sidebar left-inset-sidebar main right-inset-sidebar right-sidebar' 1fr
+      'left-sidebar footer footer footer right-sidebar' min-content
+      / auto auto 1fr auto auto;
+  }
+
+  .page__main {
+    grid-area: main;
+    display: block;
+    overflow: auto;
+  }
+
+  .page__header {
+    grid-area: header;
+    display: block;
+  }
+
+  .page__footer {
+    grid-area: footer;
+    display: block;
+  }
+
+  .page__left-sidebar {
+    grid-area: left-sidebar;
+    display: block;
+  }
+
+  .page__right-sidebar {
+    grid-area: right-sidebar;
+    display: block;
+  }
+
+  .page__left-inset-sidebar {
+    grid-area: left-inset-sidebar;
+    display: block;
+  }
+
+  .page__right-inset-sidebar {
+    grid-area: right-inset-sidebar;
+    display: block;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.X5HHWIXE.js

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

package/cdn/chunks/chunk.XAKVKWU4.js

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

package/cdn/chunks/chunk.XARTUMCV.js

@@ -0,0 +1,16 @@
+import{a}from"./chunk.OAB62Q2Y.js";var p=a`
+  :host {
+    --padding: 0;
+
+    display: none;
+  }
+
+  :host([active]) {
+    display: block;
+  }
+
+  .tab-panel {
+    display: block;
+    padding: var(--padding);
+  }
+`;export{p as a};

package/cdn/chunks/chunk.XJ7L46KG.js

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