@uplynk/lynk-design 1.19.2 → 1.20.0

package/cdn/chunks/chunk.IU5RIOD6.js

@@ -0,0 +1,280 @@
+import{a as n}from"./chunk.PINNEFCM.js";var i=n`
+  :host {
+    display: block;
+    --border-color: initial;
+  }
+
+  :host([data-user-invalid]:not([disabled])),
+  :host([state='error']:not([disabled])) {
+    --border-color: var(--lynk-color-danger);
+    --focus-color: color-mix(in oklab, var(--lynk-color-danger) 50%, transparent);
+  }
+
+  :host([state='warning']) {
+    --border-color: var(--lynk-color-warning);
+    --focus-color: color-mix(in oklab, var(--lynk-color-warning) 50%, transparent);
+  }
+
+  :host([state='success']) {
+    --border-color: var(--lynk-color-success);
+    --focus-color: color-mix(in oklab, var(--lynk-color-success) 50%, transparent);
+  }
+
+  :host([readonly]) {
+    --border-color: var(--lynk-color-neutral-200);
+    --focus-color: transparent;
+  }
+
+  :host([readonly]) .number-input--standard.number-input--focused {
+    --border-color: var(--lynk-color-neutral-400);
+  }
+
+  .number-input {
+    flex: 1 1 auto;
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: start;
+    position: relative;
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    text-align: left;
+    letter-spacing: var(--lynk-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: text;
+    width: 100%;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  /* Standard */
+  .number-input--standard {
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--border-color, var(--lynk-input-border-color));
+  }
+
+  .number-input--standard:hover:not(.number-input--disabled):not(.number-input--readonly) {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--border-color, var(--lynk-input-border-color-hover));
+  }
+
+  .number-input--standard.number-input--focused:not(.number-input--disabled) {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--border-color, var(--lynk-input-border-color-focus));
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--focus-color, var(--lynk-input-focus-ring-color));
+  }
+
+  .number-input--standard.number-input--disabled {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    opacity: 0.9;
+    cursor: not-allowed;
+  }
+
+  .number-input--standard.number-input--disabled .number-input__input {
+    color: var(--lynk-input-color-disabled);
+  }
+
+  /* Filled */
+  .number-input--filled {
+    border: none;
+    background-color: var(--lynk-input-filled-background-color);
+    color: var(--lynk-input-color);
+  }
+
+  .number-input--filled:hover:not(.number-input--disabled):not(.number-input--readonly) {
+    background-color: var(--lynk-input-filled-background-color-hover);
+  }
+
+  .number-input--filled.number-input--focused:not(.number-input--disabled) {
+    background-color: var(--lynk-input-filled-background-color-focus);
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .number-input--filled.number-input--disabled {
+    background-color: var(--lynk-input-filled-background-color-disabled);
+    opacity: var(--lynk-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  /* Readonly */
+  .number-input--readonly {
+    cursor: default;
+  }
+
+  /* Input */
+  .number-input__input {
+    flex: 1 1 auto;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    min-width: 0;
+    width: 100%;
+    height: 100%;
+    color: var(--lynk-input-color);
+    border: none;
+    background: none;
+    box-shadow: none;
+    padding: 0;
+    margin: 0;
+    cursor: inherit;
+    -moz-appearance: textfield;
+    -webkit-appearance: none;
+    appearance: textfield;
+    text-align: center;
+  }
+
+  .number-input__input::-webkit-outer-spin-button,
+  .number-input__input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  .number-input__input::placeholder {
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .number-input__input:focus {
+    outline: none;
+  }
+
+  /* Prefix & Suffix */
+  .number-input__prefix,
+  .number-input__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+  }
+
+  .number-input__prefix ::slotted(lynk-icon),
+  .number-input__suffix ::slotted(lynk-icon) {
+    color: var(--lynk-input-icon-color);
+  }
+
+  /* Stepper buttons */
+  .number-input__stepper {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: none;
+    border-radius: var(--lynk-border-radius-medium);
+    background: transparent;
+    color: var(--lynk-color-text-quieter);
+    padding: 0;
+    margin: 2px;
+    font-size: 1.125em;
+    transition:
+      var(--lynk-transition-fast) background-color,
+      var(--lynk-transition-fast) color;
+  }
+
+  .number-input__stepper:hover:not(:disabled) {
+    background: var(--lynk-color-neutral-100);
+    color: var(--lynk-color-text);
+  }
+
+  .number-input__stepper:active:not(:disabled) {
+    background: var(--lynk-color-neutral-300);
+  }
+
+  .number-input__stepper:disabled {
+    cursor: not-allowed;
+    opacity: var(--lynk-opacity-disabled);
+  }
+
+  .number-input--readonly .number-input__stepper {
+    display: none;
+  }
+
+  /* Sizes */
+  .number-input--small {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    height: var(--lynk-input-height-small);
+  }
+
+  .number-input--small .number-input__input {
+    height: calc(var(--lynk-input-height-small) - var(--lynk-input-border-width) * 2);
+    padding: 0 var(--lynk-input-spacing-small);
+  }
+
+  .number-input--small .number-input__stepper {
+    width: var(--lynk-input-height-small);
+  }
+
+  .number-input--small .number-input__prefix ::slotted(*) {
+    padding-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .number-input--small .number-input__suffix ::slotted(*) {
+    padding-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .number-input--medium {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    height: var(--lynk-input-height-medium);
+  }
+
+  .number-input--medium .number-input__input {
+    height: calc(var(--lynk-input-height-medium) - var(--lynk-input-border-width) * 2);
+    padding: 0 var(--lynk-input-spacing-medium);
+  }
+
+  .number-input--medium .number-input__stepper {
+    width: var(--lynk-input-height-medium);
+  }
+
+  .number-input--medium .number-input__prefix ::slotted(*) {
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .number-input--medium .number-input__suffix ::slotted(*) {
+    padding-inline-end: var(--lynk-input-spacing-medium);
+  }
+
+  .number-input--large {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    height: var(--lynk-input-height-large);
+  }
+
+  .number-input--large .number-input__input {
+    height: calc(var(--lynk-input-height-large) - var(--lynk-input-border-width) * 2);
+    padding: 0 var(--lynk-input-spacing-large);
+  }
+
+  .number-input--large .number-input__stepper {
+    width: var(--lynk-input-height-large);
+  }
+
+  .number-input--large .number-input__prefix ::slotted(*) {
+    padding-inline-start: var(--lynk-input-spacing-large);
+  }
+
+  .number-input--large .number-input__suffix ::slotted(*) {
+    padding-inline-end: var(--lynk-input-spacing-large);
+  }
+
+  /* Pill */
+  .number-input--pill {
+    border-radius: var(--lynk-input-height-large);
+  }
+
+  .number-input--pill .number-input__stepper--decrement {
+    border-radius: var(--lynk-input-height-large) var(--lynk-border-radius-medium) var(--lynk-border-radius-medium)
+      var(--lynk-input-height-large);
+  }
+
+  .number-input--pill .number-input__stepper--increment {
+    border-radius: var(--lynk-border-radius-medium) var(--lynk-input-height-large) var(--lynk-input-height-large)
+      var(--lynk-border-radius-medium);
+  }
+`;export{i as a};

package/cdn/chunks/chunk.IWULWIXQ.js

@@ -0,0 +1,53 @@
+import{a as o}from"./chunk.PINNEFCM.js";var i=o`
+  :host {
+    --display-divider: block;
+  }
+
+  .optgroup__divider {
+    --spacing: var(--lynk-spacing-x-small);
+
+    display: var(--display-divider);
+  }
+
+  .optgroup__label-container {
+    align-items: center;
+    box-sizing: border-box;
+    color: var(--lynk-color-text-quietest);
+    display: flex;
+    gap: var(--lynk-spacing-small);
+    min-height: var(--option-min-height, var(--lynk-input-height-medium));
+  }
+
+  /**
+   * Only show the label container when there is a label at all
+   */
+  .optgroup--has-prefix .optgroup__label-container,
+  .optgroup--has-label .optgroup__label-container,
+  .optgroup--has-suffix .optgroup__label-container {
+    padding: var(--option-padding, var(--lynk-spacing-small) var(--lynk-spacing-medium));
+  }
+
+  /**
+   * Format main label.
+   * Make sure this works for props and slotted content
+   */
+  .optgroup__label-content,
+  .optgroup__label::slotted(*) {
+    flex: 1;
+    font-size: var(--lynk-font-size-small);
+  }
+
+  /* Disabled Label */
+  .optgroup--is-disabled .optgroup__label-container {
+    opacity: var(--lynk-opacity-disabled);
+  }
+
+  .optgroup__prefix,
+  .optgroup__suffix {
+    font-size: var(--font-size-medium);
+  }
+
+  .optgroup__options ::slotted(lynk-option[hidden]) {
+    display: none;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.IXITCVLE.js

@@ -0,0 +1,17 @@
+import{a as l}from"./chunk.PINNEFCM.js";var e=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-medium);
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-text-quietest);
+    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-large);
+    user-select: none;
+  }
+`;export{e as a};

package/cdn/chunks/chunk.J25NN55A.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.Q3BWTVPB.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tag";e.define("lynk-tag");var m=n({tagName:o,elementClass:e,react:t,events:{EvRemove:"ev-remove",EvChange:"ev-change"},displayName:"LynkTag"}),s=m;export{s as a};

package/cdn/chunks/chunk.J5DC5F3N.js

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

package/cdn/chunks/chunk.JBMXTMWO.js

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

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

package/cdn/chunks/chunk.JEMTQZBJ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.NOMBUTZ6.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tooltip";e.define("lynk-tooltip");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:"LynkTooltip"}),p=v;export{p as a};

package/cdn/chunks/chunk.JFIRLEAJ.js

@@ -0,0 +1,21 @@
+import{a as d}from"./chunk.AR2PYRS4.js";import{b as r}from"./chunk.UBVFZZFQ.js";import{a as n}from"./chunk.TETFNMKN.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as u}from"./chunk.7TAXE2HP.js";import{a as s,b as o,d as a,g as c}from"./chunk.R5OGGX5Y.js";import{a as h}from"./chunk.MXDME6T6.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.hasSlotController=new p(this,"[default]","prefix","suffix");this.hasFocus=!1;this.checked=!1;this.disabled=!1;this.color="default";this.size="medium";this.pill=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleClick(l){if(this.disabled){l.preventDefault(),l.stopPropagation();return}let i=this.closest("lynk-radio-group");if(i!=null&&i.readonly){l.preventDefault(),l.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(l){this.input.focus(l)}blur(){this.input.blur()}render(){return r`
+      <div part="base" role="presentation">
+        <button
+          part="${`button${this.checked?" button--checked":""}`}"
+          role="radio"
+          aria-checked="${this.checked}"
+          class=${u({button:!0,"is-checked":this.checked,"is-disabled":this.disabled,"is-focused":this.hasFocus,"has-label":this.hasSlotController.test("[default]"),"has-prefix":this.hasSlotController.test("prefix"),"has-suffix":this.hasSlotController.test("suffix")})}
+          aria-disabled=${this.disabled}
+          type="button"
+          value=${n(this.value)}
+          tabindex="${this.checked?"0":"-1"}"
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @click=${this.handleClick}
+        >
+          ${this.hasSlotController.test("prefix")?r`<slot name="prefix" part="prefix" class="button__prefix"></slot>`:""}
+          <slot part="label" class="button__label"></slot>
+          ${this.hasSlotController.test("suffix")?r`<slot name="suffix" part="suffix" class="button__suffix"></slot>`:""}
+        </button>
+      </div>
+    `}};e.styles=[h,d],t([a(".button")],e.prototype,"input",2),t([a(".hidden-input")],e.prototype,"hiddenInput",2),t([o()],e.prototype,"hasFocus",2),t([s({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({reflect:!0})],e.prototype,"color",2),t([s({reflect:!0})],e.prototype,"appearance",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([f("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.JFTERVN2.js

@@ -0,0 +1,24 @@
+import{a as E}from"./chunk.PIFUET3L.js";import{a as y}from"./chunk.6S67HV2F.js";import{a as P}from"./chunk.FC4RDJJF.js";import{a as d}from"./chunk.O4ZRZ3HV.js";import{a as v}from"./chunk.TETFNMKN.js";import{a as z}from"./chunk.YZSIY5HS.js";import{a as m,g as b}from"./chunk.R5OGGX5Y.js";import{a as S}from"./chunk.MXDME6T6.js";import{d as g}from"./chunk.PINNEFCM.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.JG7AXPAE.js

@@ -0,0 +1,62 @@
+import{a as S}from"./chunk.5SPRRXJ6.js";import{a as x}from"./chunk.AUUXMUOO.js";import{a as V}from"./chunk.36BB334X.js";import{b as g,c as C,d as $,e as E}from"./chunk.V7E6ITFP.js";import{a as b}from"./chunk.YHSYTTFF.js";import{a as p}from"./chunk.YZSIY5HS.js";import{a as f}from"./chunk.7TAXE2HP.js";import{a,b as u,d as c,g as v}from"./chunk.R5OGGX5Y.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var e=class extends v{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new b(this,"help-text","help-tip","label","label-end","help-text-end");this.customValidityMessage="";this.hasButtonGroup=!1;this.errorMessage="";this.hasFocus=!1;this.defaultValue="";this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.name="option";this.value="";this.form="";this.required=!1;this.optional=!1;this.readonly=!1;this.dirty=!1;this.gapped=!1;this.state="default";this.inline=!1}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?E:t?$:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("lynk-radio, lynk-radio-button")]}handleRadioClick(t){let i=t.target.closest("lynk-radio, lynk-radio-button"),n=this.getAllRadios(),s=this.value;!i||i.disabled||this.readonly||(this.value=i.value,n.forEach(d=>d.checked=d===i),this.value!==s&&(this.emit("ev-change"),this.emit("ev-input")))}handleKeyDown(t){var m;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key)||this.readonly)return;let i=this.getAllRadios().filter(h=>!h.disabled),n=(m=i.find(h=>h.checked))!=null?m:i[0],s=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,d=this.value,o=i.indexOf(n)+s;o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.getAllRadios().forEach(h=>{h.checked=!1,this.hasButtonGroup||h.setAttribute("tabindex","-1")}),this.value=i[o].value,i[o].checked=!0,this.hasButtonGroup?i[o].shadowRoot.querySelector("button").focus():(i[o].setAttribute("tabindex","0"),i[o].focus()),this.value!==d&&(this.emit("ev-change"),this.emit("ev-input")),t.preventDefault()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}async syncRadioElements(){var i,n;let t=this.getAllRadios();if(await Promise.all(t.map(async s=>{await s.updateComplete,s.checked=s.value===this.value,s.size=this.size})),this.hasButtonGroup=t.some(s=>s.tagName.toLowerCase()==="lynk-radio-button"),t.length>0&&!t.some(s=>s.checked))if(this.hasButtonGroup){let s=(i=t[0].shadowRoot)==null?void 0:i.querySelector("button");s&&s.setAttribute("tabindex","0")}else t[0].setAttribute("tabindex","0");if(this.hasButtonGroup){let s=(n=this.shadowRoot)==null?void 0:n.querySelector("lynk-button-group");s&&(s.disableRole=!0)}}syncRadios(){if(customElements.get("lynk-radio")&&customElements.get("lynk-radio-button")){this.syncRadioElements();return}customElements.get("lynk-radio")?this.syncRadioElements():customElements.whenDefined("lynk-radio").then(()=>this.syncRadios()),customElements.get("lynk-radio-button")?this.syncRadioElements():customElements.whenDefined("lynk-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(i=>i.checked=i.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}checkValidity(){let t=this.required&&!this.value,i=this.customValidityMessage!=="";return t||i?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.errorMessage=this.customValidityMessage||t?"":this.validationInput.validationMessage,this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.errorMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let i=this.getAllRadios(),n=i.find(o=>o.checked),s=i.find(o=>!o.disabled),d=n||s;d&&d.focus(t)}render(){let t=r`
+      <slot
+        class=${f({"radio-group__control":!0,"radio-group__control--has-button-group":this.hasButtonGroup})}
+        @slotchange=${this.syncRadios}
+        @click=${this.handleRadioClick}
+        @keydown=${this.handleKeyDown}
+        @focusin=${this.handleFocus}
+        @focusout=${this.handleBlur}
+      ></slot>
+    `;return r`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?r`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?r`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?r`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <fieldset
+          role="radiogroup"
+          aria-label=${this.label||"Radio group"}
+          aria-readonly=${this.readonly?"true":"false"}
+          class="radio-group"
+        >
+          <div class="visually-hidden">
+            <div id="error-message" aria-live="assertive">${this.errorMessage}</div>
+            <label class="radio-group__validation">
+              <input
+                type="text"
+                class="radio-group__validation-input"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+                @invalid=${this.handleInvalid}
+              />
+            </label>
+          </div>
+
+          ${this.hasButtonGroup?r`
+                  <lynk-button-group part="button-group" exportparts="base:button-group__base" .gapped=${this.gapped}>
+                    ${t}
+                  </lynk-button-group>
+                `:t}
+        </fieldset>
+      </lynk-form-field>
+    `}};e.styles=[y,S],e.dependencies={"lynk-button-group":V,"lynk-form-field":x},l([c("slot:not([name])")],e.prototype,"defaultSlot",2),l([c(".radio-group__validation-input")],e.prototype,"validationInput",2),l([u()],e.prototype,"hasButtonGroup",2),l([u()],e.prototype,"errorMessage",2),l([u()],e.prototype,"hasFocus",2),l([u()],e.prototype,"defaultValue",2),l([a()],e.prototype,"label",2),l([a({attribute:"help-text"})],e.prototype,"helpText",2),l([a({attribute:"label-end"})],e.prototype,"labelEnd",2),l([a({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),l([a({attribute:"help-tip"})],e.prototype,"helpTip",2),l([a()],e.prototype,"name",2),l([a({reflect:!0})],e.prototype,"value",2),l([a({reflect:!0})],e.prototype,"size",2),l([a({reflect:!0})],e.prototype,"form",2),l([a({type:Boolean,reflect:!0})],e.prototype,"required",2),l([a({type:Boolean,reflect:!0})],e.prototype,"optional",2),l([a({type:Boolean,reflect:!0})],e.prototype,"readonly",2),l([a({type:Boolean,reflect:!0})],e.prototype,"dirty",2),l([a({type:Boolean,reflect:!0})],e.prototype,"gapped",2),l([a({reflect:!0})],e.prototype,"state",2),l([a({type:Boolean,reflect:!0})],e.prototype,"inline",2),l([p("size",{waitUntilFirstUpdate:!0})],e.prototype,"handleSizeChange",1),l([p("value")],e.prototype,"handleValueChange",1);export{e as a};

package/cdn/chunks/chunk.JGECJOJQ.js

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

package/cdn/chunks/chunk.JGO3AJKS.js

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

package/cdn/chunks/chunk.JI5PP5PK.js

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

package/cdn/chunks/chunk.JNYS7YGY.js

@@ -0,0 +1,46 @@
+import{a as o}from"./chunk.PINNEFCM.js";var t=o`
+  :host {
+    --error-color: var(--lynk-color-danger);
+    --success-color: var(--lynk-color-success);
+
+    display: inline-flex;
+    vertical-align: middle;
+  }
+
+  .copy-button__button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: var(--lynk-border-radius-medium);
+    font-size: var(--lynk-font-size-base);
+    line-height: 1;
+    color: inherit;
+    padding: var(--lynk-spacing-2x-small);
+    cursor: pointer;
+    transition: var(--lynk-transition-x-fast) color;
+  }
+
+  .copy-button--success .copy-button__button {
+    color: var(--success-color);
+  }
+
+  .copy-button--error .copy-button__button {
+    color: var(--error-color);
+  }
+
+  .copy-button__button:focus-visible {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .copy-button__button[disabled] {
+    opacity: var(--lynk-opacity-disabled);
+    cursor: not-allowed !important;
+  }
+
+  slot {
+    display: inline-flex;
+  }
+`;export{t as a};