@uplynk/lynk-design 1.18.0 → 1.18.1

package/cdn/chunks/chunk.22LGPX7S.js

@@ -0,0 +1,40 @@
+import{a as f}from"./chunk.5NAOVZWM.js";import{a as u}from"./chunk.IQSFJ5XW.js";import{a}from"./chunk.TETFNMKN.js";import{a as d}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as o}from"./chunk.7TAXE2HP.js";import{a as s,b as l,d as n,g as i}from"./chunk.OGCRBJYC.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.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.27ZPC53I.js

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

package/cdn/chunks/chunk.2AFQSOT7.js

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

package/cdn/chunks/chunk.2FNWEXE3.js

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

package/cdn/chunks/chunk.2G7J6H4F.js

@@ -0,0 +1,31 @@
+import{a as v}from"./chunk.5CE2VEG3.js";import{a as f}from"./chunk.TYF5DW4J.js";import{a as m}from"./chunk.SH54CIFE.js";import{a as p}from"./chunk.IPMWK5EL.js";import{b as c}from"./chunk.V7E6ITFP.js";import{a as u}from"./chunk.TETFNMKN.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as n}from"./chunk.7TAXE2HP.js";import{a as l,b as a,d as o,g as h}from"./chunk.OGCRBJYC.js";import{a as d}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends h{constructor(){super(...arguments);this.formControlController=new c(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,C)=>t.checked=C});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.color="default";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("ev-change")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("ev-change"),this.emit("ev-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("ev-change"),this.emit("ev-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){return s`
+      <label
+        part="base"
+        class=${n({switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus,"switch--success":this.color==="success","switch--warning":this.color==="warning","switch--danger":this.color==="danger","switch--small":this.size==="small","switch--medium":this.size==="medium","switch--large":this.size==="large"})}
+      >
+        <input
+          class="switch__input"
+          type="checkbox"
+          title=${this.title}
+          name=${this.name}
+          value=${u(this.value)}
+          .checked=${m(this.checked)}
+          .disabled=${this.disabled}
+          .required=${this.required}
+          role="switch"
+          aria-checked=${this.checked?"true":"false"}
+          @click=${this.handleClick}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @keydown=${this.handleKeyDown}
+        />
+
+        <span part="control" class="switch__control">
+          <span part="thumb" class="switch__thumb"></span>
+        </span>
+
+        <slot part="label" class="switch__label"></slot>
+      </label>
+    `}};e.styles=[d,f,v],i([o('input[type="checkbox"]')],e.prototype,"input",2),i([a()],e.prototype,"hasFocus",2),i([l()],e.prototype,"title",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({reflect:!0})],e.prototype,"color",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([p("checked")],e.prototype,"defaultChecked",2),i([l({reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),i([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.2H2X7TJ2.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.XBIVOICP.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var m="lynk-menu-item";e.define("lynk-menu-item");var o=n({tagName:m,elementClass:e,react:t,events:{EvClick:"ev-click"},displayName:"LynkMenuItem"}),i=o;export{i as a};

package/cdn/chunks/chunk.2I363DWM.js

@@ -0,0 +1,22 @@
+import{a}from"./chunk.PINNEFCM.js";var n=a`
+  :host {
+    --margin: var(--lynk-spacing-medium) 0 0 0;
+    --color: var(--lynk-color-neutral-600);
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-2x-small);
+  }
+
+  .nav-group__heading {
+    display: block;
+    text-align: inherit;
+    font-weight: var(--lynk-font-weight-semibold);
+    color: var(--color);
+    font-size: var(--lynk-font-size-small);
+    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-small);
+  }
+
+  :host([squished]) .nav-group__heading {
+    padding: var(--lynk-spacing-2x-small);
+  }
+`;export{n as a};

package/cdn/chunks/chunk.2IC62U3H.js

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

package/cdn/chunks/chunk.2KNEZIHO.js

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

package/cdn/chunks/chunk.2SKUHFRE.js

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

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

package/cdn/chunks/chunk.2UNSNXN7.js

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

package/cdn/chunks/chunk.2W3H7SDE.js

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

package/cdn/chunks/chunk.3BW2A3GS.js

@@ -0,0 +1,130 @@
+import{a as l}from"./chunk.PINNEFCM.js";var i=l`
+  :host {
+    display: block;
+  }
+  /* Horizontal Layout */
+  :host([inline]) .form-field {
+    align-items: center;
+    flex-direction: row;
+    gap: var(--lynk-spacing-medium);
+  }
+
+  :host([inline]) .form-field__label {
+    flex-shrink: 0;
+  }
+
+  :host([inline]) .form-field__flank {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+  }
+
+  .form-field {
+    text-align: left;
+    border: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+    position: relative;
+  }
+
+  .form-field__control {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    gap: 4px;
+  }
+
+  .form-field__flank {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lynk-spacing-tiny);
+  }
+
+  .form-field .form-field__label {
+    display: none;
+    font-size: var(--lynk-input-label-font-size);
+  }
+
+  .form-field .form-field__help-text {
+    display: none;
+    font-size: var(--lynk-input-help-text-font-size);
+    line-height: var(--lynk-line-height-dense);
+  }
+
+  .form-field--small .form-field__help-text {
+    font-size: var(--lynk-font-size-small);
+  }
+
+  /* Label */
+  .form-field--has-label .form-field__label {
+    display: flex;
+    align-items: center;
+    color: var(--lynk-input-label-color);
+    font-weight: var(--lynk-input-label-font-weight);
+    margin-bottom: var(--lynk-spacing-tiny);
+    width: var(--label-width, auto);
+  }
+
+  .form-field__label-content {
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+  }
+
+  /* Right-aligned label end content */
+  .form-field__label-end {
+    display: inline-flex;
+    align-items: center;
+    margin-inline-start: auto;
+    padding-inline-start: var(--lynk-spacing-small);
+    font-weight: var(--lynk-font-weight-normal);
+    color: var(--lynk-input-help-text-color);
+  }
+
+  /* Help text */
+  .form-field--has-help-text .form-field__help-text {
+    display: flex;
+    align-items: center;
+    color: var(--lynk-input-help-text-color);
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  .form-field__help-text-content {
+    flex: 0 1 auto;
+  }
+
+  .form-field--has-help-text .form-field__help-text-content ::slotted(*) {
+    margin-top: var(--lynk-spacing-tiny);
+  }
+
+  /* Right-aligned help-text end content */
+  .form-field__help-text-end {
+    display: inline-flex;
+    align-items: center;
+    margin-inline-start: auto;
+    padding-inline-start: var(--lynk-spacing-small);
+    white-space: nowrap;
+  }
+
+  /* Validation States */
+  :host([data-user-invalid]) .form-field__label,
+  :host([data-user-invalid]) .form-field__help-text,
+  .form-field--has-error.form-field--has-label .form-field__label,
+  .form-field--has-error.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-danger-500);
+  }
+
+  .form-field--has-warning.form-field--has-label .form-field__label,
+  .form-field--has-warning.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-warning-500);
+  }
+
+  .form-field--has-success.form-field--has-label .form-field__label,
+  .form-field--has-success.form-field--has-help-text .form-field__help-text {
+    color: var(--lynk-color-success-500);
+  }
+`;export{i as a};

package/cdn/chunks/chunk.3DBIEH7D.js

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

package/cdn/chunks/chunk.3DQSBH7L.js

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

package/cdn/chunks/chunk.3HXL4YZH.js

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

package/cdn/chunks/chunk.3ILNBMME.js

@@ -0,0 +1,32 @@
+import{a as K}from"./chunk.QXBM7FXH.js";import{a as T}from"./chunk.4KNBVUGF.js";import{a as C}from"./chunk.ALHVMVDH.js";import{a as L}from"./chunk.MU6JKVJB.js";import{a as d}from"./chunk.KLRPP4NQ.js";import{a as h,c as p}from"./chunk.VDJQBFEB.js";import{a as c,c as u}from"./chunk.DCN42ZX4.js";import{a as v}from"./chunk.MEKW2OXH.js";import{a as k}from"./chunk.TETFNMKN.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as y}from"./chunk.7TAXE2HP.js";import{a as o,d as l,g as w}from"./chunk.OGCRBJYC.js";import{a as E}from"./chunk.MXDME6T6.js";import{d as g}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var n=class extends w{constructor(){super(...arguments);this.localize=new v(this);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.block=!1;this.hoist=!1;this.sync=void 0;this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())};this.handleDocumentKeyDown=e=>{var t;if(e.key==="Escape"&&this.open){e.stopPropagation(),this.focusOnTrigger(),this.hide();return}if(e.key==="Tab"){if(this.open&&((t=document.activeElement)==null?void 0:t.tagName.toLowerCase())==="lynk-menu-item"){e.preventDefault(),this.hide(),this.focusOnTrigger();return}let s=(a,r)=>{if(!a)return null;let m=a.closest(r);if(m)return m;let f=a.getRootNode();return f instanceof ShadowRoot?s(f.host,r):null};setTimeout(()=>{var r;let a=((r=this.containingElement)==null?void 0:r.getRootNode())instanceof ShadowRoot?T():document.activeElement;(!this.containingElement||s(a,this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide()})}};this.handleDocumentMouseDown=e=>{let t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()};this.handlePanelSelect=e=>{let t=e.target;!this.stayOpenOnSelect&&t.tagName.toLowerCase()==="lynk-menu"&&(this.hide(),this.focusOnTrigger())};this.handleCloseWatcherKeyDown=e=>{e.key==="Escape"&&e.stopImmediatePropagation()}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){let e=this.trigger.assignedElements({flatten:!0})[0];typeof(e==null?void 0:e.focus)=="function"&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()==="lynk-menu")}handleTriggerClick(){this.open?this.hide():(this.show(),this.focusOnTrigger())}async handleTriggerKeyDown(e){if([" ","Enter"].includes(e.key)){e.preventDefault(),this.handleTriggerClick();return}let t=this.getMenu();if(t){let s=t.getAllItems(),a=s[0],r=s[s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||(this.show(),await this.updateComplete),s.length>0&&this.updateComplete.then(()=>{(e.key==="ArrowDown"||e.key==="Home")&&(t.setCurrentItem(a),a.focus()),(e.key==="ArrowUp"||e.key==="End")&&(t.setCurrentItem(r),r.focus())}))}}handleTriggerKeyUp(e){e.key===" "&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){let t=this.trigger.assignedElements({flatten:!0}).find(a=>C(a).start),s;if(t){switch(t.tagName.toLowerCase()){case"lynk-button":case"lynk-icon-button":s=t.button;break;default:s=t}s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-expanded",this.open?"true":"false")}}show(){if(!this.open)return this.open=!0,d(this,"ev-after-show")}hide(){if(this.open)return this.open=!1,d(this,"ev-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var e;this.panel.addEventListener("ev-select",this.handlePanelSelect),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()},document.addEventListener("keydown",this.handleCloseWatcherKeyDown,!0)):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var e;this.panel&&(this.panel.removeEventListener("ev-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleCloseWatcherKeyDown,!0),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(e=this.closeWatcher)==null||e.destroy()}async handleOpenChange(){if(this.disabled){this.open=!1;return}if(this.updateAccessibleTrigger(),this.open){this.emit("ev-show"),this.addOpenListeners(),await p(this),this.panel.hidden=!1,this.popup.active=!0;let{keyframes:e,options:t}=u(this,"dropdown.show",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await p(this);let{keyframes:e,options:t}=u(this,"dropdown.hide",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}render(){return g`
+      <lynk-popup
+        part="base"
+        exportparts="popup:base__popup"
+        id="dropdown"
+        placement=${this.placement}
+        distance=${this.distance}
+        skidding=${this.skidding}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        auto-size="vertical"
+        auto-size-padding="10"
+        sync=${k(this.sync?this.sync:void 0)}
+        class=${y({dropdown:!0,"dropdown--open":this.open})}
+      >
+        <slot
+          name="trigger"
+          slot="anchor"
+          part="trigger"
+          class="dropdown__trigger"
+          @click=${this.handleTriggerClick}
+          @keydown=${this.handleTriggerKeyDown}
+          @keyup=${this.handleTriggerKeyUp}
+          @slotchange=${this.handleTriggerSlotChange}
+        ></slot>
+
+        <div aria-hidden=${this.open?"false":"true"} aria-labelledby="dropdown">
+          <slot part="panel" class="dropdown__panel"></slot>
+        </div>
+      </lynk-popup>
+    `}};n.styles=[E,K],n.dependencies={"lynk-popup":L},i([l(".dropdown")],n.prototype,"popup",2),i([l(".dropdown__trigger")],n.prototype,"trigger",2),i([l(".dropdown__panel")],n.prototype,"panel",2),i([o({type:Boolean,reflect:!0})],n.prototype,"open",2),i([o({reflect:!0})],n.prototype,"placement",2),i([o({type:Boolean,reflect:!0})],n.prototype,"disabled",2),i([o({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],n.prototype,"stayOpenOnSelect",2),i([o({attribute:!1})],n.prototype,"containingElement",2),i([o({type:Number})],n.prototype,"distance",2),i([o({type:Number})],n.prototype,"skidding",2),i([o({type:Boolean,reflect:!0})],n.prototype,"block",2),i([o({type:Boolean})],n.prototype,"hoist",2),i([o({reflect:!0})],n.prototype,"sync",2),i([b("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1);c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{n as a};

package/cdn/chunks/chunk.3JMEEDMA.js

@@ -0,0 +1,48 @@
+import{a as E}from"./chunk.MXIOX56V.js";import{a as k}from"./chunk.I2G2IAR5.js";import{a as u,b as f}from"./chunk.HUMDDNNQ.js";import{a as C}from"./chunk.FMW7CFR4.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as s,c as d}from"./chunk.VDJQBFEB.js";import{a as l,c as r}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.MEKW2OXH.js";import{a as p}from"./chunk.TETFNMKN.js";import{a as g}from"./chunk.YHSYTTFF.js";import{a as w}from"./chunk.YZSIY5HS.js";import{a as y}from"./chunk.7TAXE2HP.js";import{a as n,d as h,g as v}from"./chunk.OGCRBJYC.js";import{a as b}from"./chunk.MXDME6T6.js";import{d as c}from"./chunk.PINNEFCM.js";import{e as a}from"./chunk.FI4IKBIW.js";var t=class extends v{constructor(){super(...arguments);this.hasSlotController=new g(this,"footer");this.localize=new _(this);this.open=!1;this.label="";this.noHeader=!1;this.size="auto"}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new k(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),u(this))}disconnectedCallback(){super.disconnectedCallback(),this.modal.deactivate(),f(this)}requestClose(e){if(this.emit("ev-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=r(this,"dialog.denyClose",{dir:this.localize.dir()});s(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){e.key==="Escape"&&this.modal.isActive()&&this.open&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),u(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.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 o=r(this,"dialog.show",{dir:this.localize.dir()}),i=r(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([s(this.panel,o.keyframes,o.options),s(this.overlay,i.keyframes,i.options)]),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=r(this,"dialog.hide",{dir:this.localize.dir()}),o=r(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([s(this.overlay,o.keyframes,o.options).then(()=>{this.overlay.hidden=!0}),s(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,f(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&setTimeout(()=>i.focus()),this.emit("ev-after-hide")}}async show(){if(!this.open)return this.open=!0,await m(this,"ev-after-show")}async hide(){var o;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((o=document.activeElement)==null||o.blur()),this.open=!1,await m(this,"ev-after-hide")}render(){return c`
+      <div
+        part="base"
+        class=${y({dialog:!0,"dialog--open":this.open,"dialog--fitted":this.size==="fitted","dialog--full":this.size==="full","dialog--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <div part="overlay" class="dialog__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="dialog__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${p(this.noHeader?this.label:void 0)}
+          aria-labelledby=${p(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":c`
+                  <header part="header" class="dialog__header">
+                    <h2 part="title" class="dialog__title" id="title">
+                      <slot name="label">
+                        ${this.label&&this.label.length>0?this.label:"\uFEFF"}
+                      </slot>
+                    </h2>
+                    <div part="header-actions" class="dialog__header-actions">
+                      <slot name="header-actions"></slot>
+                      <lynk-icon-button
+                        part="close-button"
+                        exportparts="base:close-button__base"
+                        class="dialog__close"
+                        name="x-lg"
+                        label=${this.localize.term("close")}
+                        library="system"
+                        @click="${()=>this.requestClose("close-button")}"
+                      ></lynk-icon-button>
+                    </div>
+                  </header>
+                `}
+          ${""}
+
+          <div part="body" class="dialog__body" tabindex="-1"><slot></slot></div>
+
+          <footer part="footer" class="dialog__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};t.styles=[b,E],t.dependencies={"lynk-icon-button":C},a([h(".dialog")],t.prototype,"dialog",2),a([h(".dialog__panel")],t.prototype,"panel",2),a([h(".dialog__overlay")],t.prototype,"overlay",2),a([n({type:Boolean,reflect:!0})],t.prototype,"open",2),a([n({reflect:!0})],t.prototype,"label",2),a([n({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),a([n({reflect:!0})],t.prototype,"size",2),a([w("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);l("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});l("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});l("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});l("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});l("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn/chunks/chunk.3LSNPNH6.js

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

package/cdn/chunks/chunk.3MV67AW5.js

@@ -0,0 +1,46 @@
+import{a as o}from"./chunk.PINNEFCM.js";var a=o`
+  :host {
+    display: table-cell;
+    background-color: var(--lynk-table-header-background-color);
+    color: var(--lynk-table-header-color);
+    border: 1px solid transparent;
+    font-weight: var(--lynk-font-weight-bold);
+    font-size: var(--lynk-font-size-small);
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-base);
+    user-select: none;
+    vertical-align: middle;
+    transition:
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) color;
+  }
+
+  :host([sortable]) {
+    cursor: pointer;
+    white-space: nowrap;
+  }
+
+  :host([sort-direction='1']),
+  :host([sort-direction='-1']) {
+    color: var(--lynk-color-primary);
+  }
+
+  :host([sort-direction='1']) lynk-icon,
+  :host([sort-direction='-1']) lynk-icon {
+    opacity: 1;
+  }
+
+  :host([sortable]:hover) {
+    color: var(--lynk-color-primary-600);
+    background-color: var(--lynk-color-primary-50);
+    border: 1px solid var(--lynk-color-primary);
+    /* box-shadow: inset 0 0 0 1px var(--lynk-color-primary); */
+  }
+
+  lynk-icon {
+    padding-inline-start: var(--lynk-spacing-2x-small);
+    font-size: 18px;
+    vertical-align: middle;
+    margin-top: -2px;
+    opacity: 0.5;
+  }
+`;export{a};