@uplynk/lynk-design 1.12.1 → 1.14.0

package/cdn/chunks/chunk.PRVHTHG2.js

@@ -0,0 +1,221 @@
+import{a as r}from"./chunk.Z3G5EPTI.js";var a=r`
+  :host {
+    display: block;
+  }
+
+  .textarea {
+    display: flex;
+    align-items: center;
+    position: relative;
+    width: 100%;
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-input-letter-spacing);
+    vertical-align: middle;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+    cursor: text;
+  }
+
+  /* Standard textareas */
+  .textarea--standard {
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+  }
+
+  .textarea--standard:hover:not(.textarea--disabled) {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+  .textarea--standard:hover:not(.textarea--disabled) .textarea__control {
+    color: var(--lynk-input-color-hover);
+  }
+
+  .textarea--standard.textarea--focused:not(.textarea--disabled) {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus);
+    color: var(--lynk-input-color-focus);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  .textarea--standard.textarea--focused:not(.textarea--disabled) .textarea__control {
+    color: var(--lynk-input-color-focus);
+  }
+
+  .textarea--standard.textarea--disabled {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    opacity: 0.9;
+    cursor: not-allowed;
+  }
+
+  .textarea--standard.textarea--disabled .textarea__control {
+    color: var(--lynk-input-color-disabled);
+  }
+
+  .textarea--standard.textarea--disabled .textarea__control::placeholder {
+    color: var(--lynk-input-placeholder-color-disabled);
+  }
+
+  /* Filled textareas */
+  .textarea--filled {
+    border: none;
+    background-color: var(--lynk-input-filled-background-color);
+    color: var(--lynk-input-color);
+  }
+
+  .textarea--filled:hover:not(.textarea--disabled) {
+    background-color: var(--lynk-input-filled-background-color-hover);
+  }
+
+  .textarea--filled.textarea--focused:not(.textarea--disabled) {
+    background-color: var(--lynk-input-filled-background-color-focus);
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .textarea--filled.textarea--disabled {
+    background-color: var(--lynk-input-filled-background-color-disabled);
+    opacity: 0.9;
+    cursor: not-allowed;
+  }
+
+  .textarea__control,
+  .textarea__size-adjuster {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+
+  .textarea__size-adjuster {
+    visibility: hidden;
+    pointer-events: none;
+    opacity: 0;
+  }
+
+  .textarea.textarea--restricted {
+    border: none;
+    background-color: none;
+    color: var(--lynk-input-color);
+  }
+
+  .textarea__control {
+    flex: 1 1 auto;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: 1.4;
+    color: var(--lynk-input-color);
+    border: none;
+    background: none;
+    box-shadow: none;
+    cursor: inherit;
+    -webkit-appearance: none;
+  }
+
+  .textarea__control--restricted {
+    white-space: pre-line;
+    padding: 0 !important;
+  }
+
+  .textarea__control::-webkit-search-decoration,
+  .textarea__control::-webkit-search-cancel-button,
+  .textarea__control::-webkit-search-results-button,
+  .textarea__control::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  .textarea__control::placeholder {
+    color: var(--lynk-input-placeholder-color);
+    user-select: none;
+  }
+
+  .textarea__control:focus {
+    outline: none;
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .textarea--small {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+  }
+
+  .textarea--small .textarea__control {
+    padding: 0.5em var(--lynk-input-spacing-small);
+  }
+
+  .textarea--medium {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+  }
+
+  .textarea--medium .textarea__control {
+    padding: 0.5em var(--lynk-input-spacing-medium);
+  }
+
+  .textarea--large {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+  }
+
+  .textarea--large .textarea__control {
+    padding: 0.5em var(--lynk-input-spacing-large);
+  }
+
+  /*
+   * Resize types
+   */
+
+  .textarea--resize-none .textarea__control {
+    resize: none;
+  }
+
+  .textarea--resize-vertical .textarea__control {
+    resize: vertical;
+  }
+
+  .textarea--resize-auto .textarea__control {
+    height: auto;
+    resize: none;
+    overflow-y: hidden;
+  }
+
+  /*
+   * Error & Warning States
+   */
+
+  .textarea--has-error,
+  .textarea--has-error:hover:not(.textarea--disabled) {
+    border-color: var(--lynk-color-danger-500);
+  }
+
+  .textarea--has-error.textarea--focused:not(.textarea--disabled) {
+    border-color: var(--lynk-color-danger-500);
+    box-shadow: 0 0 2px var(--lynk-focus-ring-width) var(--lynk-color-danger-a50);
+  }
+
+  .textarea--has-warning,
+  .textarea--has-warning:hover:not(.textarea--disabled) {
+    border-color: var(--lynk-color-warning-500);
+  }
+
+  .textarea--has-warning.textarea--focused:not(.textarea--disabled) {
+    border-color: var(--lynk-color-warning-500);
+    box-shadow: 0 0 2px var(--lynk-focus-ring-width) var(--lynk-color-warning-a50);
+  }
+
+  .textarea--has-success,
+  .textarea--has-success:hover:not(.textarea--disabled) {
+    border-color: var(--lynk-color-success-500);
+  }
+
+  .textarea--has-success.textarea--focused:not(.textarea--disabled) {
+    border-color: var(--lynk-color-success-500);
+    box-shadow: 0 0 2px var(--lynk-focus-ring-width) var(--lynk-color-success-a50);
+  }
+`;export{a};

package/cdn/chunks/chunk.PSGOM7DV.js

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

package/cdn/chunks/chunk.PUOH3NFG.js

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

package/cdn/chunks/chunk.PXEJUQEO.js

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

package/cdn/chunks/chunk.Q3J7P2MZ.js

@@ -0,0 +1 @@
+import{a as r,b as t,c as s}from"./chunk.B3TDJ4MN.js";var e=class extends t{};r(s);export{e as a};

package/cdn/chunks/chunk.Q4ZK5SB6.js

@@ -0,0 +1,53 @@
+import{a as o}from"./chunk.Z3G5EPTI.js";var r=o`
+  :host {
+    display: inline-block;
+  }
+
+  :host([block]) {
+    display: block;
+  }
+
+  .dropdown::part(popup) {
+    z-index: var(--lynk-z-index-dropdown);
+  }
+
+  .dropdown[data-current-placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .dropdown[data-current-placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  .dropdown[data-current-placement^='left']::part(popup) {
+    transform-origin: right;
+  }
+
+  .dropdown[data-current-placement^='right']::part(popup) {
+    transform-origin: left;
+  }
+
+  .dropdown__trigger {
+    display: block;
+  }
+
+  .dropdown__panel {
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    box-shadow: var(--lynk-shadow-large);
+    border-radius: var(--lynk-border-radius-medium);
+    pointer-events: none;
+  }
+
+  .dropdown--open .dropdown__panel {
+    display: block;
+    pointer-events: all;
+  }
+
+  /* When users slot a menu, make sure it conforms to the popup's auto-size */
+  ::slotted(lynk-menu) {
+    max-width: var(--auto-size-available-width) !important;
+    max-height: var(--auto-size-available-height) !important;
+  }
+`;export{r as a};

package/cdn/chunks/chunk.Q52PAFIZ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.UIOYD6QZ.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var a="lynk-animation";e.define("lynk-animation");var s=n({tagName:a,elementClass:e,react:t,events:{EvCancel:"ev-cancel",EvFinish:"ev-finish",EvStart:"ev-start"},displayName:"LynkAnimation"}),m=s;export{m as a};

package/cdn/chunks/chunk.QALRFTDI.js

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

package/cdn/chunks/chunk.QD6T3EGY.js

@@ -0,0 +1,13 @@
+import{a as r}from"./chunk.VAN4AA4N.js";import{g as s}from"./chunk.HW7MWP4B.js";import{a}from"./chunk.D3NKX2L2.js";import{d as e}from"./chunk.Z3G5EPTI.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.QDJ3GTZB.js

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

package/cdn/chunks/chunk.QDT5VYWY.js

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

package/cdn/chunks/chunk.QF5KBFDN.js

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

package/cdn/chunks/chunk.QIK5RKNE.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.Z3G5EPTI.js";var r=l`
+  :host {
+    display: block;
+    position: relative;
+    background: var(--lynk-panel-background-color);
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+    border-radius: var(--lynk-border-radius-medium);
+    padding: var(--lynk-spacing-x-small) 0;
+    overflow: auto;
+    overscroll-behavior: none;
+  }
+
+  ::slotted(lynk-divider) {
+    --spacing: var(--lynk-spacing-x-small);
+  }
+
+  ::slotted(lynk-input) {
+    padding: 0 var(--lynk-spacing-x-small);
+    margin-bottom: var(--lynk-spacing-x-small);
+  }
+
+  ::slotted(lynk-spinner) {
+    display: block;
+    margin: var(--lynk-spacing-x-small) auto;
+  }
+`;export{r as a};

package/cdn/chunks/chunk.QJLYQUBB.js

@@ -0,0 +1,7 @@
+import{a}from"./chunk.ID3NV25L.js";import{a as s}from"./chunk.TZTBMC6G.js";import{a as i,g as l}from"./chunk.HW7MWP4B.js";import{a as o}from"./chunk.D3NKX2L2.js";import{d as r}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.autoSize="fit";this.minSize="20rem";this.gap="var(--lynk-spacing-base)"}render(){return r`
+      <slot
+        part="base"
+        class=${s({"auto-grid":!0,"auto-grid--fit":this.autoSize==="fit","auto-grid--fill":this.autoSize==="fill"})}
+        style="--gap: ${this.gap}; --min-size: ${this.minSize};"
+      ></slot>
+    `}};t.styles=[o,a],e([i({reflect:!0,attribute:"auto-size"})],t.prototype,"autoSize",2),e([i({type:String,reflect:!0,attribute:"min-size"})],t.prototype,"minSize",2),e([i({type:String,reflect:!0})],t.prototype,"gap",2);export{t as a};

package/cdn/chunks/chunk.QMRZ6PCB.js

@@ -0,0 +1,100 @@
+import{a as n}from"./chunk.Z3G5EPTI.js";var t=n`
+  :host {
+    display: contents;
+    --padding-top: var(--lynk-spacing-large);
+    --padding-bottom: var(--lynk-spacing-large);
+    --gap: 8px;
+  }
+
+  .page-content {
+    padding-left: var(--lynk-page-margin);
+    padding-right: var(--lynk-page-margin);
+    padding-top: var(--padding-top);
+    padding-bottom: var(--padding-bottom);
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+  }
+
+  .page-content.page-content--fluid {
+    width: fit-content;
+    max-width: unset;
+    padding-left: 0;
+    padding-right: 0;
+    margin: 0 var(--lynk-page-margin);
+    min-width: calc(100% - (var(--lynk-page-margin) * 2));
+  }
+
+  .page-content.page-content--has-header {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    overflow: hidden;
+    padding: 0;
+    gap: var(--gap);
+  }
+
+  .page-content.page-content--has-header.page-content--fluid {
+    margin: 0;
+    min-width: 100%;
+  }
+
+  .page-content.page-content--has-header.page-content--fluid .page-content__header,
+  .page-content.page-content--has-header.page-content--fluid .page-content__main {
+    padding-left: var(--lynk-page-margin);
+    padding-right: var(--lynk-page-margin);
+  }
+
+  .page-content.page-content--has-header .page-content__header,
+  .page-content.page-content--has-header .page-content__main {
+    display: block;
+    min-height: 0;
+  }
+
+  .page-content.page-content--has-header .page-content__header {
+    padding-top: var(--padding-top);
+    z-index: var(--lynk-z-index-header);
+  }
+
+  .page-content.page-content--has-header .page-content__main {
+    flex: 1;
+    overflow: auto;
+    padding-bottom: var(--padding-bottom);
+  }
+
+  @media (min-width: 588px) {
+    .page-content,
+    .page-content.page-content--sm {
+      max-width: 540px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .page-content,
+    .page-content.page-content--md {
+      max-width: 720px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .page-content,
+    .page-content.page-content--lg {
+      max-width: 968px;
+    }
+  }
+
+  @media (min-width: 1200px) {
+    .page-content,
+    .page-content.page-content--xl {
+      max-width: 1144px;
+    }
+  }
+
+  @media (min-width: 1400px) {
+    .page-content,
+    .page-content.page-content--xxl {
+      max-width: 1328px;
+    }
+  }
+`;export{t as a};

package/cdn/chunks/chunk.QQORXBG5.js

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

@@ -0,0 +1,14 @@
+import{a as o}from"./chunk.WIMTRHYN.js";import{a as h}from"./chunk.J4VJZB4C.js";import{a}from"./chunk.YZSIY5HS.js";import{a as l}from"./chunk.TZTBMC6G.js";import{a as s,b as r,g as c}from"./chunk.HW7MWP4B.js";import{a as d}from"./chunk.D3NKX2L2.js";import{d as i}from"./chunk.Z3G5EPTI.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super();this.checked=!1;this.hasFocus=!1;this.size="medium";this.disabled=!1;this.handleBlur=()=>{this.hasFocus=!1,this.emit("ev-blur")};this.handleClick=()=>{this.disabled||(this.checked=!0)};this.handleFocus=()=>{this.hasFocus=!0,this.emit("ev-focus")};this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return i`
+      <span
+        part="base"
+        class=${l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
+      >
+        <span part="${`control${this.checked?" control--checked":""}`}" class="radio__control">
+          ${this.checked?i`
+                <lynk-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></lynk-icon>
+              `:""}
+        </span>
+
+        <slot part="label" class="radio__label"></slot>
+      </span>
+    `}};e.styles=[d,o],e.dependencies={"lynk-icon":h},t([r()],e.prototype,"checked",2),t([r()],e.prototype,"hasFocus",2),t([s()],e.prototype,"value",2),t([s({reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("checked")],e.prototype,"handleCheckedChange",1),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.QYH4PXWG.js

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

package/cdn/chunks/chunk.R3IVOLFY.js

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

package/cdn/chunks/chunk.R5CCGU43.js

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

package/cdn/chunks/chunk.RDLXHRZB.js

@@ -0,0 +1,49 @@
+import{a as C}from"./chunk.WOS4OG3T.js";import{a as x}from"./chunk.DAM66ZPW.js";import{c as g}from"./chunk.HUMDDNNQ.js";import{a as A}from"./chunk.73BQ5ETG.js";import{a as S}from"./chunk.Q3J7P2MZ.js";import{a as T}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.TZTBMC6G.js";import{a as u,b as f,c as w,d as p,g as k}from"./chunk.HW7MWP4B.js";import{a as E}from"./chunk.D3NKX2L2.js";import{d as v}from"./chunk.Z3G5EPTI.js";import{a as y,e as o}from"./chunk.FI4IKBIW.js";var _=(d,h)=>{let t=0;return function(...s){window.clearTimeout(t),t=window.setTimeout(()=>{d.call(this,...s)},h)}},L=(d,h,t)=>{let s=d[h];d[h]=function(...e){s.call(this,...e),t.call(this,s,...e)}};(()=>{if(typeof window=="undefined")return;if(!("onscrollend"in window)){let h=new Set,t=new WeakMap,s=i=>{for(let a of i.changedTouches)h.add(a.identifier)},e=i=>{for(let a of i.changedTouches)h.delete(a.identifier)};document.addEventListener("touchstart",s,!0),document.addEventListener("touchend",e,!0),document.addEventListener("touchcancel",e,!0),L(EventTarget.prototype,"addEventListener",function(i,a){if(a!=="scrollend")return;let r=_(()=>{h.size?r():this.dispatchEvent(new Event("scrollend"))},100);i.call(this,"scroll",r,{passive:!0}),t.set(this,r)}),L(EventTarget.prototype,"removeEventListener",function(i,a){if(a!=="scrollend")return;let r=t.get(this);r&&i.call(this,"scroll",r,{passive:!0})})}})();var n=class extends k{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.localize=new S(this);this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.appearance="underline";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("lynk-tab"),customElements.whenDefined("lynk-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(s=>{if(s.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),s.some(e=>e.attributeName==="disabled"))this.syncTabsAndPanels();else if(s.some(e=>e.attributeName==="active")){let i=s.filter(a=>a.attributeName==="active"&&a.target.tagName.toLowerCase()==="lynk-tab").map(a=>a.target).find(a=>a.active);i&&this.setActiveTab(i)}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then(()=>{new IntersectionObserver((e,i)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),i.unobserve(e[0].target))}).observe(this.tabGroup)})})}disconnectedCallback(){var t,s;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),this.nav&&((s=this.resizeObserver)==null||s.unobserve(this.nav))}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){let t=[...this.body.assignedElements()].filter(e=>e.tagName.toLowerCase()==="lynk-tab-panel"),s=[];return this.tabs.forEach(e=>{if(e.panel&&!t.find(i=>i.name===e.panel)){let i=document.getElementById(e.panel);(i==null?void 0:i.tagName.toLowerCase())==="lynk-tab-panel"&&s.push(i)}}),[...t,...s]}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("lynk-tab");(e==null?void 0:e.closest("lynk-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("lynk-tab");if((e==null?void 0:e.closest("lynk-tab-group"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(c=>c.matches(":focus")),r=this.localize.dir()==="rtl",l=null;if((a==null?void 0:a.tagName.toLowerCase())==="lynk-tab"){if(t.key==="Home")l=this.focusableTabs[0];else if(t.key==="End")l=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(r?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let c=this.tabs.findIndex(b=>b===a);l=this.findNextFocusableTab(c,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(r?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let c=this.tabs.findIndex(b=>b===a);l=this.findNextFocusableTab(c,"forward")}if(!l)return;l.tabIndex=0,l.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(l,{scrollBehavior:"smooth"}):this.tabs.forEach(c=>{c.tabIndex=c===l?0:-1}),["top","bottom"].includes(this.placement)&&g(l,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,s){if(s=y({emitEvents:!0,scrollBehavior:"auto"},s),t!==this.activeTab&&!t.disabled){let e=this.activeTab;if(s.emitEvents&&this.emit("ev-tab-show",{cancelable:!0,detail:{name:t.panel}}).defaultPrevented)return;this.activeTab=t,this.tabs.forEach(i=>{i.active=i===this.activeTab,i.tabIndex=i===this.activeTab?0:-1}),this.panels.forEach(i=>{var a,r;return i.active=i.name===((a=this.activeTab)==null?void 0:a.panel)||i.id===((r=this.activeTab)==null?void 0:r.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&g(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&e&&this.emit("ev-tab-hide",{detail:{name:e.panel}})}}setAriaLabels(){this.tabs.forEach(t=>{let s=this.panels.find(e=>e.name===t.panel);s&&(t.setAttribute("aria-controls",s.getAttribute("id")),s.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let s=t.clientWidth,e=t.clientHeight,i=this.localize.dir()==="rtl",a=this.getAllTabs(),l=a.slice(0,a.indexOf(t)).reduce((c,b)=>({left:c.left+b.clientWidth,top:c.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${s}px`,this.indicator.style.height="auto",this.indicator.style.translate=i?`${-1*l.left}px`:`${l.left}px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${l.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,s){let e=null,i=s==="forward"?1:-1,a=t+i;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){s==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=i}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return this.localize.dir()==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}show(t){let s=this.tabs.find(e=>e.panel===t);s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){let t=this.localize.dir()==="rtl";return v`
+      <div
+        part="base"
+        class=${m({"tab-group":!0,"tab-group--top":this.placement==="top","tab-group--bottom":this.placement==="bottom","tab-group--start":this.placement==="start","tab-group--end":this.placement==="end","tab-group--rtl":this.localize.dir()==="rtl","tab-group--has-scroll-controls":this.hasScrollControls,"tab-group--underline":this.appearance==="underline","tab-group--pill":this.appearance==="pill"})}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <div class="tab-group__nav-container" part="nav">
+          ${this.hasScrollControls?v`
+                <lynk-icon-button
+                  part="scroll-button scroll-button--start"
+                  exportparts="base:scroll-button__base"
+                  class=${m({"tab-group__scroll-button":!0,"tab-group__scroll-button--start":!0,"tab-group__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
+                  name=${t?"chevron-right":"chevron-left"}
+                  library="system"
+                  tabindex="-1"
+                  aria-hidden="true"
+                  label=${this.localize.term("scrollToStart")}
+                  @click=${this.handleScrollToStart}
+                ></lynk-icon-button>
+              `:""}
+
+          <div class="tab-group__nav" @scrollend=${this.updateScrollButtons}>
+            <div part="tabs" class="tab-group__tabs" role="tablist">
+              <div part="active-tab-indicator" class="tab-group__indicator"></div>
+              <lynk-resize-observer @ev-resize=${this.syncIndicator}>
+                <slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot>
+              </lynk-resize-observer>
+            </div>
+          </div>
+
+          ${this.hasScrollControls?v`
+                <lynk-icon-button
+                  part="scroll-button scroll-button--end"
+                  exportparts="base:scroll-button__base"
+                  class=${m({"tab-group__scroll-button":!0,"tab-group__scroll-button--end":!0,"tab-group__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
+                  name=${t?"chevron-left":"chevron-right"}
+                  library="system"
+                  tabindex="-1"
+                  aria-hidden="true"
+                  label=${this.localize.term("scrollToEnd")}
+                  @click=${this.handleScrollToEnd}
+                ></lynk-icon-button>
+              `:""}
+        </div>
+
+        <slot part="body" class="tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot>
+      </div>
+    `}};n.styles=[E,C],n.dependencies={"lynk-icon-button":A,"lynk-resize-observer":x},o([p(".tab-group")],n.prototype,"tabGroup",2),o([p(".tab-group__body")],n.prototype,"body",2),o([p(".tab-group__nav")],n.prototype,"nav",2),o([p(".tab-group__indicator")],n.prototype,"indicator",2),o([f()],n.prototype,"hasScrollControls",2),o([f()],n.prototype,"shouldHideScrollStartButton",2),o([f()],n.prototype,"shouldHideScrollEndButton",2),o([u()],n.prototype,"placement",2),o([u({reflect:!0})],n.prototype,"appearance",2),o([u()],n.prototype,"activation",2),o([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),o([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),o([w({passive:!0})],n.prototype,"updateScrollButtons",1),o([T("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),o([T("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1);export{n as a};

package/cdn/chunks/chunk.REPUG3DV.js

@@ -0,0 +1,10 @@
+import{i as m}from"./chunk.Z3G5EPTI.js";var{I:c}=m;var u=(e,i)=>i===void 0?(e==null?void 0:e._$litType$)!==void 0:(e==null?void 0:e._$litType$)===i;var f=e=>e.strings===void 0,d=()=>document.createComment(""),T=(e,i,t)=>{var _;let a=e._$AA.parentNode,l=i===void 0?e._$AB:i._$AA;if(t===void 0){let r=a.insertBefore(d(),l),$=a.insertBefore(d(),l);t=new c(r,$,e,e.options)}else{let r=t._$AB.nextSibling,$=t._$AM,A=$!==e;if(A){let s;(_=t._$AQ)==null||_.call(t,e),t._$AM=e,t._$AP!==void 0&&(s=e._$AU)!==$._$AU&&t._$AP(s)}if(r!==l||A){let s=t._$AA;for(;s!==r;){let p=s.nextSibling;a.insertBefore(s,l),s=p}}}return t},P=(e,i,t=e)=>(e._$AI(i,t),e),v={},g=(e,i=v)=>e._$AH=i,y=e=>e._$AH,C=e=>{e._$AR(),e._$AA.remove()};export{u as a,f as b,T as c,P as d,g as e,y as f,C as g};
+/*! Bundled license information:
+
+lit-html/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/