@uplynk/lynk-design 1.18.0 → 1.19.0

package/cdn/chunks/chunk.MXIOX56V.js

@@ -0,0 +1,135 @@
+import{a}from"./chunk.PINNEFCM.js";var e=a`
+  :host {
+    --width: 30rem;
+    --header-spacing: var(--lynk-spacing-large);
+    --body-spacing: var(--lynk-spacing-large);
+    --footer-spacing: var(--lynk-spacing-large);
+
+    display: contents;
+  }
+
+  .dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: var(--lynk-z-index-dialog);
+  }
+
+  .dialog__panel {
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    width: var(--width);
+    max-width: calc(100% - var(--lynk-spacing-2x-large));
+    max-height: calc(100% - var(--lynk-spacing-2x-large));
+    background-color: var(--lynk-panel-background-color);
+    border-radius: var(--lynk-border-radius-medium);
+    box-shadow: var(--lynk-shadow-x-large);
+    transition:
+      var(--lynk-transition-fast) width,
+      var(--lynk-transition-fast) height;
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog--open .dialog__panel {
+    display: flex;
+    opacity: 1;
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+  }
+
+  .dialog__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-large);
+    line-height: var(--lynk-line-height-dense);
+    padding: var(--header-spacing);
+    margin: 0;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .dialog__header-actions lynk-icon-button,
+  .dialog__header-actions ::slotted(lynk-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .dialog__footer ::slotted(lynk-button:not(:first-of-type)) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--lynk-overlay-background-color);
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--lynk-color-neutral-0);
+    }
+  }
+
+  /*
+  * Size modifiers
+  */
+
+  .dialog--fitted .dialog__panel {
+    width: 80vw;
+    min-height: 80vh;
+  }
+
+  .dialog--full .dialog__panel {
+    width: calc(100% - var(--lynk-spacing-2x-large));
+    height: calc(100% - var(--lynk-spacing-2x-large));
+  }
+`;export{e as a};

package/cdn/chunks/chunk.N6FUZJHW.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.Z2ELSUQG.js";var n=r;r.define("lynk-progress-ring");export{n as a};

package/cdn/chunks/chunk.NAU66JCC.js

@@ -0,0 +1,5 @@
+import{a as t}from"./chunk.PINNEFCM.js";var s=t`
+  :host {
+    display: contents;
+  }
+`;export{s as a};

package/cdn/chunks/chunk.NBFWOAYK.js

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

package/cdn/chunks/chunk.NCCPKELS.js

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

package/cdn/chunks/chunk.NEEJXHFX.js

@@ -0,0 +1,21 @@
+import{a as d}from"./chunk.FAUBSB2L.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 u}from"./chunk.7TAXE2HP.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as s,b as o,d as a,g as c}from"./chunk.ZAFKTMHG.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.NEQ33BGU.js

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

package/cdn/chunks/chunk.NIGPLJXZ.js

@@ -0,0 +1,82 @@
+import{a as r}from"./chunk.PINNEFCM.js";var o=r`
+  :host {
+    --height: 1rem;
+    --track-color: var(--lynk-color-neutral-200);
+    --indicator-color: var(--lynk-color-primary-600);
+    --label-color: var(--lynk-color-neutral-0);
+
+    display: block;
+  }
+
+  .progress-bar {
+    position: relative;
+    background-color: var(--track-color);
+    height: var(--height);
+    border-radius: var(--lynk-border-radius-pill);
+    box-shadow: inset var(--lynk-shadow-small);
+    overflow: hidden;
+  }
+
+  .progress-bar__indicator {
+    height: 100%;
+    font-family: var(--lynk-font-sans);
+    font-size: 12px;
+    font-weight: var(--lynk-font-weight-normal);
+    background-color: var(--indicator-color);
+    color: var(--label-color);
+    text-align: center;
+    line-height: var(--height);
+    white-space: nowrap;
+    overflow: hidden;
+    transition:
+      400ms width,
+      400ms background-color;
+    user-select: none;
+  }
+
+  /* Indeterminate */
+  .progress-bar--indeterminate .progress-bar__indicator {
+    position: absolute;
+    animation: indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);
+  }
+
+  .progress-bar--indeterminate.progress-bar--rtl .progress-bar__indicator {
+    animation-name: indeterminate-rtl;
+  }
+
+  @media (forced-colors: active) {
+    .progress-bar {
+      outline: solid 1px SelectedItem;
+      background-color: var(--lynk-color-neutral-0);
+    }
+
+    .progress-bar__indicator {
+      outline: solid 1px SelectedItem;
+      background-color: SelectedItem;
+    }
+  }
+
+  @keyframes indeterminate {
+    0% {
+      left: -50%;
+      width: 50%;
+    }
+    75%,
+    100% {
+      left: 100%;
+      width: 50%;
+    }
+  }
+
+  @keyframes indeterminate-rtl {
+    0% {
+      right: -50%;
+      width: 50%;
+    }
+    75%,
+    100% {
+      right: 100%;
+      width: 50%;
+    }
+  }
+`;export{o as a};

package/cdn/chunks/chunk.NIUYPJGK.js

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

package/cdn/chunks/chunk.NLNH6WUP.js

@@ -0,0 +1,13 @@
+import{a as r}from"./chunk.CYEIM4KM.js";import{g as s}from"./chunk.ZAFKTMHG.js";import{a}from"./chunk.MXDME6T6.js";import{d as e}from"./chunk.PINNEFCM.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.NM76GABD.js

@@ -0,0 +1,86 @@
+import{a as i}from"./chunk.PINNEFCM.js";var r=i`
+  :host {
+    --divider-width: 0;
+    --divider-hit-area: 24px;
+    --divider-background-color: transparent;
+    --handle-background-color: var(--lynk-color-neutral-100);
+    display: flex;
+  }
+
+  :host([vertical]) {
+    flex-direction: column;
+  }
+
+  ::slotted(lynk-splitter-pane) {
+    overflow: hidden;
+  }
+
+  .divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--divider-background-color);
+    color: var(--lynk-color-neutral-900);
+    z-index: 1;
+    position: relative;
+  }
+
+  .divider:focus {
+    outline: none;
+  }
+
+  :host(:not([disabled])) .divider:focus-visible {
+    outline: var(--lynk-focus-ring);
+  }
+
+  :host([disabled]) .divider {
+    cursor: not-allowed;
+  }
+
+  /* Horizontal */
+  :host(:not([vertical], [disabled])) .divider {
+    cursor: col-resize;
+  }
+
+  :host(:not([vertical])) .divider::after {
+    display: flex;
+    content: '';
+    position: absolute;
+    height: 100%;
+    left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    width: var(--divider-hit-area);
+  }
+
+  :host([vertical]:not([disabled])) .divider {
+    cursor: row-resize;
+  }
+
+  :host([vertical]) .divider::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+    height: var(--divider-hit-area);
+  }
+
+  .handle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: calc(var(--divider-width) / 4);
+    min-height: var(--handle-size, calc(var(--divider-width) * 4));
+    border-radius: 4px;
+    background: var(--handle-background-color);
+  }
+
+  :host([vertical]) .handle {
+    min-width: var(--handle-size, calc(var(--divider-width) * 4));
+    min-height: calc(var(--divider-width) / 4);
+  }
+
+  @media (forced-colors: active) {
+    .divider {
+      outline: solid 1px transparent;
+    }
+  }
+`;export{r as a};

package/cdn/chunks/chunk.NMQVDZV5.js

@@ -0,0 +1,53 @@
+import{a as o}from"./chunk.PINNEFCM.js";var l=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-neutral-500);
+    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-input-disabled-opacity);
+  }
+
+  .optgroup__prefix,
+  .optgroup__suffix {
+    font-size: var(--font-size-medium);
+  }
+
+  .optgroup__options ::slotted(lynk-option[hidden]) {
+    display: none;
+  }
+`;export{l as a};

package/cdn/chunks/chunk.NUUV2JAN.js

@@ -0,0 +1,46 @@
+import{a as S}from"./chunk.I2G2IAR5.js";import{a as T}from"./chunk.DVVKDTUZ.js";import{a as h,b as p}from"./chunk.HUMDDNNQ.js";import{a as E}from"./chunk.U24XP2DP.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as n,c as d}from"./chunk.VDJQBFEB.js";import{a,c as l}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.MEKW2OXH.js";import{a as v}from"./chunk.TETFNMKN.js";import{a as k}from"./chunk.YHSYTTFF.js";import{a as b}from"./chunk.7TAXE2HP.js";import{a as y}from"./chunk.YZSIY5HS.js";import{a as s,d as c,g}from"./chunk.ZAFKTMHG.js";import{a as C}from"./chunk.MXDME6T6.js";import{d as f}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";function w(m){return m.charAt(0).toUpperCase()+m.slice(1)}var t=class extends g{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new _(this);this.modal=new S(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.contained||e.key==="Escape"&&this.modal.isActive()&&this.open&&(e.stopImmediatePropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),h(this)))}disconnectedCallback(){super.disconnectedCallback(),p(this),this.removeOpenListeners()}requestClose(e){if(this.emit("ev-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let o=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,o.keyframes,o.options);return}this.hide()}addOpenListeners(){var e;"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.contained||(this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var e;document.removeEventListener("keydown",this.handleDocumentKeyDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),h(this));let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.drawer),d(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame(()=>{this.emit("ev-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=l(this,`drawer.show${w(this.placement)}`,{dir:this.localize.dir()}),o=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,o.keyframes,o.options)]),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),p(this)),await Promise.all([d(this.drawer),d(this.overlay)]);let e=l(this,`drawer.hide${w(this.placement)}`,{dir:this.localize.dir()}),r=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;let o=this.originalTrigger;typeof(o==null?void 0:o.focus)=="function"&&setTimeout(()=>o.focus()),this.emit("ev-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),h(this)),this.open&&this.contained&&(this.modal.deactivate(),p(this))}async show(){if(!this.open)return this.open=!0,await u(this,"ev-after-show")}async hide(){var r;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((r=document.activeElement)==null||r.blur()),this.open=!1,await u(this,"ev-after-hide")}render(){return f`
+      <div
+        part="base"
+        class=${b({drawer:!0,"drawer--open":this.open,"drawer--top":this.placement==="top","drawer--end":this.placement==="end","drawer--bottom":this.placement==="bottom","drawer--start":this.placement==="start","drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":this.localize.dir()==="rtl","drawer--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <div part="overlay" class="drawer__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="drawer__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${v(this.noHeader?this.label:void 0)}
+          aria-labelledby=${v(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":f`
+                  <header part="header" class="drawer__header">
+                    <h2 part="title" class="drawer__title" id="title">
+                      <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                      <slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
+                    </h2>
+                    <div part="header-actions" class="drawer__header-actions">
+                      <slot name="header-actions"></slot>
+                      <lynk-icon-button
+                        part="close-button"
+                        exportparts="base:close-button__base"
+                        class="drawer__close"
+                        name="x-lg"
+                        label=${this.localize.term("close")}
+                        library="system"
+                        @click=${()=>this.requestClose("close-button")}
+                      ></lynk-icon-button>
+                    </div>
+                  </header>
+                `}
+
+          <slot part="body" class="drawer__body"></slot>
+
+          <footer part="footer" class="drawer__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};t.styles=[C,T],t.dependencies={"lynk-icon-button":E},i([c(".drawer")],t.prototype,"drawer",2),i([c(".drawer__panel")],t.prototype,"panel",2),i([c(".drawer__overlay")],t.prototype,"overlay",2),i([s({type:Boolean,reflect:!0})],t.prototype,"open",2),i([s({reflect:!0})],t.prototype,"label",2),i([s({reflect:!0})],t.prototype,"placement",2),i([s({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([s({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([y("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([y("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1);a("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});a("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}});a("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});a("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}});a("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}});a("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}});a("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}});a("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}});a("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}});a("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});a("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn/chunks/chunk.NXDVDGUF.js

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

package/cdn/chunks/chunk.NXSLNLUC.js

@@ -0,0 +1,16 @@
+import{a as n}from"./chunk.NIGPLJXZ.js";import{a as p}from"./chunk.5I5F2IHR.js";import{a as s}from"./chunk.MEKW2OXH.js";import{a as m}from"./chunk.TETFNMKN.js";import{a as l}from"./chunk.7TAXE2HP.js";import{a as r,g as a}from"./chunk.ZAFKTMHG.js";import{a as o}from"./chunk.MXDME6T6.js";import{d as i}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends a{constructor(){super(...arguments);this.localize=new s(this);this.value=0;this.indeterminate=!1;this.label=""}render(){return i`
+      <div
+        part="base"
+        class=${l({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":this.localize.dir()==="rtl"})}
+        role="progressbar"
+        title=${m(this.title)}
+        aria-label=${this.label.length>0?this.label:this.localize.term("progress")}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow=${this.indeterminate?0:this.value}
+      >
+        <div part="indicator" class="progress-bar__indicator" style=${p({width:`${this.value}%`})}>
+          ${this.indeterminate?"":i` <slot part="label" class="progress-bar__label"></slot> `}
+        </div>
+      </div>
+    `}};e.styles=[o,n],t([r({type:Number,reflect:!0})],e.prototype,"value",2),t([r({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([r()],e.prototype,"label",2);export{e as a};

package/cdn/chunks/chunk.NZSCHSZJ.js

@@ -0,0 +1,59 @@
+import{a as r}from"./chunk.PINNEFCM.js";var a=r`
+  :host {
+    --track-width: 3px;
+    --track-color: rgb(128 128 128 / 25%);
+    --indicator-color: var(--lynk-color-primary-600);
+    --speed: 2s;
+
+    display: inline-flex;
+    width: 1em;
+    height: 1em;
+    flex: none;
+  }
+
+  .spinner {
+    flex: 1 1 auto;
+    height: 100%;
+    width: 100%;
+  }
+
+  .spinner__track,
+  .spinner__indicator {
+    fill: none;
+    stroke-width: var(--track-width);
+    r: calc(0.5em - var(--track-width) / 2);
+    cx: 0.5em;
+    cy: 0.5em;
+    transform-origin: 50% 50%;
+  }
+
+  .spinner__track {
+    stroke: var(--track-color);
+    transform-origin: 0% 0%;
+    mix-blend-mode: multiply;
+  }
+
+  .spinner__indicator {
+    stroke: var(--indicator-color);
+    stroke-linecap: round;
+    stroke-dasharray: 150% 75%;
+    animation: spin var(--speed) linear infinite;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+
+    50% {
+      transform: rotate(450deg);
+      stroke-dasharray: 1.375em, 1.375em;
+    }
+
+    100% {
+      transform: rotate(1080deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+  }
+`;export{a};

package/cdn/chunks/chunk.O36LL5DG.js

@@ -0,0 +1,27 @@
+import{a as p}from"./chunk.WM7MXTPW.js";import{a as m}from"./chunk.U24XP2DP.js";import{a as h}from"./chunk.MEKW2OXH.js";import{a as d}from"./chunk.KCYK4NAN.js";import{a as n}from"./chunk.YHSYTTFF.js";import{a}from"./chunk.7TAXE2HP.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as i,g as o}from"./chunk.ZAFKTMHG.js";import{a as c}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends o{constructor(){super(...arguments);this.hasSlotController=new n(this,"prefix");this.localize=new h(this);this.color="default";this.appearance="outlined filled";this.selectable=!1;this.checked=!1;this.size="medium";this.pill=!1;this.removable=!1;this.pulse=!1}set type(l){this.color=l==="text"?"default":l}get type(){return this.color==="default"?"text":this.color}set badge(l){l&&(this.appearance="loud")}connectedCallback(){super.connectedCallback(),this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown)}toggleChecked(){this.checked=!this.checked,this.emit("ev-change")}handleClick(l){!this.selectable||this.removable||l.target.closest(".tag__remove")||this.toggleChecked()}handleKeyDown(l){!this.selectable||this.removable||(l.key===" "||l.key==="Enter")&&(l.preventDefault(),this.toggleChecked())}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false")}handleSelectableChange(){this.selectable?(this.setAttribute("role","checkbox"),this.setAttribute("aria-checked",this.checked?"true":"false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")):(this.removeAttribute("role"),this.removeAttribute("aria-checked"),this.removeAttribute("tabindex"))}firstUpdated(){this.selectable&&(this.setAttribute("role","checkbox"),this.setAttribute("aria-checked",this.checked?"true":"false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"))}handleRemoveClick(){this.emit("ev-remove")}render(){return s`
+      <span
+        part="base"
+        class=${a({tag:!0,"tag--tiny":this.size==="tiny","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large","tag--pill":this.pill,"tag--pulse":this.pulse,"tag--badge":this.badge,"tag--removable":this.removable,"tag--selectable":this.selectable&&!this.removable,"tag--checked":this.selectable&&this.checked})}
+      >
+        ${this.selectable&&this.checked?s`<slot name="checked-icon" part="checked-icon" class="tag__checked-icon">
+                <lynk-icon name="check" library="system"></lynk-icon>
+              </slot>`:""}
+        ${this.hasSlotController.test("prefix")?s`<slot name="prefix" part="prefix" class="tag__prefix"></slot>`:""}
+        <slot part="content" class="tag__content"></slot>
+
+        ${this.removable?s`
+                <button
+                  part="remove-button"
+                  class="tag__remove"
+                  type="button"
+                  aria-label=${this.localize.term("remove")}
+                  @click=${this.handleRemoveClick}
+                  tabindex="-1"
+                >
+                  <slot name="remove-icon">
+                    <lynk-icon name="x" library="system"></lynk-icon>
+                  </slot>
+                </button>
+              `:""}
+      </span>
+    `}};e.styles=[c,p],e.dependencies={"lynk-icon":d,"lynk-icon-button":m},t([i({reflect:!0})],e.prototype,"color",2),t([i()],e.prototype,"type",1),t([i({reflect:!0})],e.prototype,"appearance",2),t([i({type:Boolean,reflect:!0})],e.prototype,"selectable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([i({reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([i({type:Boolean})],e.prototype,"removable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"pulse",2),t([i({type:Boolean})],e.prototype,"badge",1),t([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),t([r("selectable",{waitUntilFirstUpdate:!0})],e.prototype,"handleSelectableChange",1);export{e as a};

package/cdn/chunks/chunk.O6APFCWS.js

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

package/cdn/chunks/chunk.OD47XL5K.js

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

package/cdn/chunks/chunk.OLGMWOBJ.js

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