@uplynk/lynk-design 1.18.0 → 1.18.1

package/cdn/chunks/chunk.737YGIDW.js

@@ -0,0 +1,433 @@
+import{a as r}from"./chunk.PINNEFCM.js";var e=r`
+  :host {
+    --thumb-size: 16px;
+    --thumb-color: var(--lynk-color-primary);
+    --thumb-border: 0 0 0 2px var(--lynk-color-neutral-50);
+    --tooltip-offset: 8px;
+    --track-color-active: var(--lynk-color-primary);
+    --track-color-inactive: var(--lynk-color-neutral-200);
+    --track-active-offset: 0%;
+    --track-height: 6px;
+    --tick-color: var(--lynk-color-neutral-200);
+    --tick-label-color: var(--lynk-color-neutral);
+    --tick-width: 2px;
+    --tick-height: 8px;
+    --tick-selected-color: var(--lynk-color-primary);
+    --marker-width: 0.1875em;
+    --marker-height: 0.1875em;
+    display: block;
+  }
+
+  :host([state='error']) {
+    --thumb-color: var(--lynk-color-danger);
+    --track-color-active: var(--lynk-color-danger);
+  }
+
+  :host([state='warning']) {
+    --thumb-color: var(--lynk-color-warning);
+    --track-color-active: var(--lynk-color-warning);
+  }
+
+  :host([state='success']) {
+    --thumb-color: var(--lynk-color-success);
+    --track-color-active: var(--lynk-color-success);
+  }
+
+  :host([size='small']) {
+    --track-height: 4px;
+    --thumb-size: 12px;
+  }
+
+  :host([size='large']) {
+    --track-height: 8px;
+    --thumb-size: 20px;
+  }
+
+  :host([orientation='vertical']) {
+    display: inline-block;
+  }
+
+  :host([orientation='vertical']) lynk-form-field,
+  :host([orientation='vertical']) lynk-form-field::part(base),
+  :host([orientation='vertical']) lynk-form-field::part(control-wrapper),
+  :host([orientation='vertical']) lynk-form-field::part(control) {
+    height: 100%;
+  }
+
+  .range {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .range__prefix,
+  .range__suffix {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    cursor: default;
+    color: var(--lynk-input-icon-color);
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .range__prefix {
+    padding-inline-end: var(--lynk-spacing-small);
+  }
+
+  .range__suffix {
+    padding-inline-start: var(--lynk-spacing-small);
+  }
+
+  .range--has-prefix,
+  .range--has-suffix {
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    align-items: center;
+  }
+
+  .range--has-prefix:not(.range--has-suffix) {
+    grid-template-columns: auto 1fr;
+  }
+
+  .range--has-suffix:not(.range--has-prefix) {
+    grid-template-columns: 1fr auto;
+  }
+
+  /* Native input must not participate in grid layout */
+  .range--has-prefix .range__native-input,
+  .range--has-suffix .range__native-input {
+    grid-column: 1 / -1;
+    grid-row: 1;
+  }
+
+  /* Prefix sits in column 1, wrapper in column 2, suffix in column 3 */
+  .range--has-prefix .range__prefix {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  .range--has-prefix .range__wrapper {
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+  .range--has-prefix.range--has-suffix .range__suffix {
+    grid-column: 3;
+    grid-row: 1;
+  }
+
+  /* Suffix-only: wrapper in column 1, suffix in column 2 */
+  .range--has-suffix:not(.range--has-prefix) .range__wrapper {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  .range--has-suffix:not(.range--has-prefix) .range__suffix {
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+  /* Ticks and references align under the wrapper column only */
+  .range--has-prefix .range__ticks,
+  .range--has-prefix .range__references {
+    grid-column: 2 / 3;
+  }
+
+  .range--has-suffix:not(.range--has-prefix) .range__ticks,
+  .range--has-suffix:not(.range--has-prefix) .range__references {
+    grid-column: 1 / 2;
+  }
+
+  .range--vertical {
+    flex-direction: row;
+    justify-content: center;
+    height: 100%;
+  }
+
+  .range--vertical.range--has-prefix,
+  .range--vertical.range--has-suffix {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .range--vertical .range__prefix {
+    padding-inline-end: 0;
+    padding-block-end: var(--lynk-spacing-small);
+  }
+
+  .range--vertical .range__suffix {
+    padding-inline-start: 0;
+    padding-block-start: var(--lynk-spacing-small);
+  }
+
+  .range__native-input {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .range__wrapper {
+    --percent: 0%;
+    position: relative;
+    width: 100%;
+    height: var(--thumb-size);
+    cursor: pointer;
+    touch-action: none;
+  }
+
+  .range--vertical .range__wrapper {
+    width: var(--thumb-size);
+    height: 100%;
+  }
+
+  .range__track {
+    position: absolute;
+    width: 100%;
+    height: var(--track-height);
+    top: 50%;
+    transform: translateY(-50%);
+    background: var(--track-color-inactive);
+    border-radius: 2px;
+  }
+
+  .range--vertical .range__track {
+    width: var(--track-height);
+    height: 100%;
+    left: 50%;
+    top: 0;
+    transform: translateX(-50%);
+  }
+
+  .range__track-active {
+    position: absolute;
+    height: var(--track-height);
+    top: 50%;
+    transform: translateY(-50%);
+    background: var(--track-color-active);
+    border-radius: 2px;
+    left: max(var(--track-active-offset), 0%);
+    width: calc(var(--percent) - max(var(--track-active-offset), 0%));
+    will-change: width, height;
+  }
+
+  .range--rtl .range__track-active {
+    left: auto;
+    right: max(var(--track-active-offset), 0%);
+  }
+
+  .range--vertical .range__track-active {
+    width: var(--track-height);
+    height: calc(var(--percent) - max(var(--track-active-offset), 0%));
+    left: 50%;
+    top: auto;
+    bottom: max(var(--track-active-offset), 0%);
+    transform: translateX(-50%);
+  }
+
+  .range__thumb {
+    position: absolute;
+    z-index: 2;
+    width: var(--thumb-size);
+    height: var(--thumb-size);
+    top: 50%;
+    left: var(--percent);
+    transform: translate(-50%, -50%);
+    border-radius: 50%;
+    background-color: var(--thumb-color);
+    box-shadow: var(--thumb-border);
+    transition:
+      background-color var(--lynk-transition-fast),
+      border-color var(--lynk-transition-fast),
+      box-shadow var(--lynk-transition-fast);
+    cursor: grab;
+    outline: none;
+    will-change: left, bottom;
+  }
+
+  .range--rtl .range__thumb {
+    left: auto;
+    right: var(--percent);
+    transform: translate(50%, -50%);
+  }
+
+  .range--vertical .range__thumb {
+    left: 50%;
+    top: auto;
+    bottom: var(--percent);
+    transform: translate(-50%, 50%);
+  }
+
+  .range__thumb:active {
+    cursor: grabbing;
+  }
+
+  .range:not(.range--disabled) .range__thumb:hover {
+    box-shadow:
+      var(--thumb-border),
+      0 0 0 8px color-mix(in oklab, var(--thumb-color) 25%, transparent);
+  }
+
+  .range:not(.range--disabled) .range__thumb:focus-visible {
+    box-shadow:
+      var(--thumb-border),
+      0 0 0 8px color-mix(in oklab, var(--thumb-color) 50%, transparent);
+  }
+
+  .range:not(.range--disabled) .range__thumb:active {
+    box-shadow:
+      var(--thumb-border),
+      0 0 0 8px color-mix(in oklab, var(--thumb-color) 50%, transparent);
+  }
+
+  .range--disabled .range__wrapper,
+  .range--readonly .range__wrapper {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .range--disabled .range__thumb,
+  .range--readonly .range__thumb {
+    cursor: not-allowed;
+  }
+
+  /* Ticks */
+  .range__ticks {
+    display: flex;
+    position: relative;
+    width: 100%;
+    height: var(--tick-height);
+    margin-top: var(--lynk-spacing-2x-small);
+    pointer-events: none;
+  }
+
+  .range--vertical .range__ticks {
+    flex-direction: column;
+    width: var(--tick-height);
+    height: 100%;
+    margin-top: 0;
+    margin-left: var(--lynk-spacing-2x-small);
+  }
+
+  .range__tick {
+    position: absolute;
+    left: var(--offset);
+    transform: translateX(-50%);
+  }
+
+  .range--rtl .range__tick {
+    left: initial;
+    right: var(--offset);
+  }
+
+  .range--vertical .range__tick {
+    left: 0;
+    bottom: var(--offset);
+    transform: translateY(50%);
+  }
+
+  .range__tick::before {
+    width: var(--tick-width);
+    height: var(--tick-height);
+    border-radius: 1px;
+    background-color: var(--tick-color);
+    content: '';
+    top: calc(var(--tick-height) * -0.5);
+    display: block;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .range--vertical .range__tick::before {
+    width: var(--tick-height);
+    height: var(--tick-width);
+    left: calc(var(--tick-height) * -0.5);
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .range__tick-label {
+    display: block;
+    pointer-events: auto;
+    cursor: pointer;
+    margin-top: 2px;
+    color: var(--tick-label-color);
+    font-family: var(--lynk-tooltip-font-family);
+    font-size: var(--lynk-font-size-small);
+  }
+
+  .range--vertical .range__tick-label {
+    margin-top: 0;
+    margin-left: var(--lynk-spacing-x-small);
+  }
+
+  .range--disabled .range__tick-label {
+    cursor: not-allowed;
+  }
+
+  .range__tick--selected.range__tick::before {
+    background-color: var(--tick-selected-color);
+  }
+
+  .range__tick--selected .range__tick-label {
+    color: var(--tick-selected-color);
+  }
+
+  .range__references {
+    display: flex;
+    justify-content: space-between;
+    margin-top: var(--lynk-spacing-2x-small);
+  }
+
+  .range--vertical .range__references {
+    flex-direction: column;
+    margin-top: 0;
+    margin-left: 4px;
+  }
+
+  .range__references ::slotted(*) {
+    color: var(--lynk-input-help-text-color);
+    font-size: var(--lynk-input-help-text-font-size);
+    line-height: 1;
+  }
+
+  /* Markers */
+  .range__markers {
+    pointer-events: none;
+  }
+
+  .range__marker {
+    z-index: 2;
+    position: absolute;
+    display: inline-block;
+    width: var(--marker-width);
+    height: var(--marker-height);
+    border-radius: 50%;
+    background-color: var(--lynk-color-black);
+  }
+
+  .range__marker:first-of-type,
+  .range__marker:last-of-type {
+    display: none;
+  }
+
+  .range__marker {
+    top: calc(50% - var(--marker-height) / 2);
+    left: calc(var(--position) - var(--marker-width) / 2);
+  }
+
+  .range--vertical .range__marker {
+    top: calc(var(--position) - var(--marker-height) / 2);
+    left: calc(50% - var(--marker-width) / 2);
+  }
+
+  @media (forced-colors: active) {
+    .range__track,
+    .range__track-active,
+    .range__thumb {
+      border: solid 1px transparent;
+    }
+  }
+`;export{e as a};

package/cdn/chunks/chunk.74BMZXJY.js

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

package/cdn/chunks/chunk.76MOMAEB.js

@@ -0,0 +1,13 @@
+import{a as m}from"./chunk.FKMSTDMA.js";import{a as x}from"./chunk.CABDNMUD.js";import{a as L}from"./chunk.FC4RDJJF.js";import{a as b}from"./chunk.MEKW2OXH.js";import{a as T}from"./chunk.YZSIY5HS.js";import{a as y,d as h,g}from"./chunk.OGCRBJYC.js";import{a as k}from"./chunk.MXDME6T6.js";import{d as I}from"./chunk.PINNEFCM.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 b(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([T("selection")],o.prototype,"handleSelectionChange",1);export{o as a};

package/cdn/chunks/chunk.77PHY6OJ.js

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

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

@@ -0,0 +1,5 @@
+import{a as o}from"./chunk.PINNEFCM.js";var l=o`
+  :host {
+    display: table-column;
+  }
+`;export{l as a};

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

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

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

@@ -0,0 +1 @@
+import{a as p}from"./chunk.APQIANYL.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as r,g as l}from"./chunk.OGCRBJYC.js";import{a}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.start=!0;this.end=!1;this.align="center";this.gap="var(--lynk-spacing-small)"}handleRowChange(){this.start&&(this.end=!1)}handleColumnChange(){this.end&&(this.start=!1)}render(){return o` <slot part="base" class="flank" style="--gap: ${this.gap};"></slot> `}};t.styles=[a,p],e([r({type:Boolean,reflect:!0})],t.prototype,"start",2),e([r({type:Boolean,reflect:!0})],t.prototype,"end",2),e([r({reflect:!0})],t.prototype,"align",2),e([r({type:String,reflect:!0})],t.prototype,"gap",2),e([s("start")],t.prototype,"handleRowChange",1),e([s("end")],t.prototype,"handleColumnChange",1);export{t as a};

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

@@ -0,0 +1,19 @@
+import{a as m}from"./chunk.NMQVDZV5.js";import{a as h}from"./chunk.7UEEBQIT.js";import{b as f}from"./chunk.UBVFZZFQ.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as d}from"./chunk.YZSIY5HS.js";import{a as r}from"./chunk.7TAXE2HP.js";import{a as o,b as i,d as a,g as n}from"./chunk.OGCRBJYC.js";import{e as s}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"[default]","prefix","suffix","label");this.isFirstItem=!1;this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:l}=this;this.defaultSlot.assignedElements().filter(e=>e.tagName.toLowerCase()==="lynk-option").forEach(e=>{e.disabled=l})}handleDisabledChange(){this.handleDisableOptions()}connectedCallback(){super.connectedCallback(),this.updateFirstItemState()}updateFirstItemState(){if(this.parentElement){let l=[...this.parentElement.children].filter(e=>e.tagName.toLowerCase()!=="slot");this.isFirstItem=l[0]===this}}render(){let{disabled:l}=this,e=this.hasSlotController.test("label"),c=this.label?!0:!!e;return f`
+      <div
+        class=${r({optgroup:!0,"optgroup--has-label":c,"optgroup--has-prefix":this.hasSlotController.test("prefix"),"optgroup--has-suffix":this.hasSlotController.test("suffix"),"optgroup--is-disabled":this.disabled})}
+        role="${l?"presentation":"group"}"
+        part="base"
+      >
+        <lynk-divider class="optgroup__divider" part="divider" ?hidden=${this.isFirstItem}></lynk-divider>
+        <div class="optgroup__label-container" part="label-container">
+          <slot name="prefix" part="prefix" class="optgroup__prefix"></slot>
+          <slot name="label" part="label" class="optgroup__label">
+            <span class="optgroup__label-content"> ${this.label} </span>
+          </slot>
+          <slot name="suffix" part="suffix" class="optgroup__suffix"></slot>
+        </div>
+        <div class="optgroup__options" role="group" part="options">
+          <slot @slotchange=${this.handleDisableOptions}></slot>
+        </div>
+      </div>
+    `}};t.styles=m,t.dependencies={"lynk-divider":h},s([a("slot:not([name])")],t.prototype,"defaultSlot",2),s([i()],t.prototype,"isFirstItem",2),s([o({reflect:!0,type:Boolean})],t.prototype,"disabled",2),s([o()],t.prototype,"label",2),s([d("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

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

@@ -0,0 +1,89 @@
+import{a as t}from"./chunk.PINNEFCM.js";var s=t`
+  :host {
+    --margin: 0;
+    --width: auto;
+    --height: auto;
+    --gap: var(--lynk-spacing-small);
+
+    display: block;
+    text-align: unset;
+    height: var(--height);
+    width: var(--width);
+    min-width: 0;
+  }
+
+  :host([reverse]) .stack {
+    flex-direction: column-reverse;
+  }
+
+  :host([row]) .stack {
+    flex-direction: row;
+  }
+
+  :host([row][reverse]) .stack {
+    flex-direction: row-reverse;
+  }
+
+  :host([align~='start']) .stack {
+    align-items: flex-start;
+  }
+
+  :host([align~='center']) .stack {
+    align-items: center;
+  }
+
+  :host([align~='end']) .stack {
+    align-items: flex-end;
+  }
+
+  :host([align~='stretch']) .stack {
+    align-items: stretch;
+  }
+
+  :host([align~='baseline']) .stack {
+    align-items: baseline;
+  }
+
+  :host([justify~='start']) .stack {
+    justify-content: flex-start;
+  }
+
+  :host([justify~='center']) .stack {
+    justify-content: center;
+  }
+
+  :host([justify~='end']) .stack {
+    justify-content: end;
+  }
+
+  :host([justify~='between']) .stack {
+    justify-content: space-between;
+  }
+
+  :host([justify~='around']) .stack {
+    justify-content: space-around;
+  }
+
+  :host([justify~='evenly']) .stack {
+    justify-content: space-evenly;
+  }
+
+  :host([wrap]) .stack {
+    flex-wrap: wrap;
+  }
+
+  .stack {
+    display: flex;
+    flex-direction: column;
+    align-self: stretch;
+    flex-wrap: nowrap;
+    gap: var(--gap);
+    width: var(--width);
+    height: var(--height);
+    margin: var(--margin);
+  }
+
+  .stack::slotted(lynk-icon) {
+    flex-shrink: 0;
+  }
+`;export{s as a};

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

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

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

@@ -0,0 +1,24 @@
+import{a as E}from"./chunk.NM76GABD.js";import{a as y}from"./chunk.6S67HV2F.js";import{a as P}from"./chunk.FC4RDJJF.js";import{a as d}from"./chunk.MEKW2OXH.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.OGCRBJYC.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.7SPOEQ7T.js

@@ -0,0 +1,14 @@
+import{a as p}from"./chunk.PINNEFCM.js";var t=p`
+  :host {
+    display: inline-block;
+  }
+
+  :host([gapped]) .button-group {
+    gap: 4px;
+  }
+
+  .button-group {
+    display: flex;
+    flex-wrap: nowrap;
+  }
+`;export{t as a};

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

@@ -0,0 +1 @@
+import{a as h,b as c,c as d}from"./chunk.SOFM6CQG.js";import{g as a}from"./chunk.PINNEFCM.js";var f=c(class extends d{constructor(s){var e;if(super(s),s.type!==h.ATTRIBUTE||s.name!=="class"||((e=s.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(e=>s[e]).join(" ")+" "}update(s,[e]){var n,i;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(let t in e)e[t]&&!((n=this.nt)!=null&&n.has(t))&&this.st.add(t);return this.render(e)}let r=s.element.classList;for(let t of this.st)t in e||(r.remove(t),this.st.delete(t));for(let t in e){let o=!!e[t];o===this.st.has(t)||(i=this.nt)!=null&&i.has(t)||(o?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return a}});export{f as a};

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

@@ -0,0 +1 @@
+import{a as s}from"./chunk.4AEY4HH6.js";import{a}from"./chunk.YZSIY5HS.js";import{a as r,g as o}from"./chunk.OGCRBJYC.js";import{a as l}from"./chunk.MXDME6T6.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends o{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,s],e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([a("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};