@uplynk/lynk-design 1.16.0 → 1.17.0

package/cdn/chunks/chunk.KKAFC363.js

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

package/cdn/chunks/chunk.KLEZ6SEE.js

@@ -0,0 +1,22 @@
+import{a as e}from"./chunk.QRMWQQRW.js";var i=e`
+  :host {
+    /*
+     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
+     * stay consistent.
+     */
+    --indent-guide-color: var(--lynk-color-neutral-200);
+    --indent-guide-offset: 0;
+    --indent-guide-style: solid;
+    --indent-guide-width: 0;
+    --indent-size: var(--lynk-spacing-large);
+    --gap-size: 1px;
+
+    display: block;
+
+    /*
+     * Tree item indentation uses the "em" unit to increment its width on each level, so setting the font size to zero
+     * here removes the indentation for all the nodes on the first level.
+     */
+    font-size: 0;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.KQB47RR5.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4SE5TFDA.js";var m=e;e.define("lynk-breadcrumb-item");export{m as a};

package/cdn/chunks/chunk.KSXLPS7N.js

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

package/cdn/chunks/chunk.KU5U5RHN.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.RSP3T6H7.js";import{g as o}from"./chunk.OIRZUCYP.js";import{a as s}from"./chunk.45RIPFQU.js";import{d as r}from"./chunk.QRMWQQRW.js";var t=class extends o{render(){return r` <slot part="base" class="menu-label"></slot> `}};t.styles=[s,e];export{t as a};

package/cdn/chunks/chunk.KYTBMVZP.js

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

package/cdn/chunks/chunk.L26EBWPM.js

@@ -0,0 +1,16 @@
+import{a}from"./chunk.QRMWQQRW.js";var p=a`
+  :host {
+    --padding: 0;
+
+    display: none;
+  }
+
+  :host([active]) {
+    display: block;
+  }
+
+  .tab-panel {
+    display: block;
+    padding: var(--padding);
+  }
+`;export{p as a};

package/cdn/chunks/chunk.L3UCHNDT.js

@@ -0,0 +1,65 @@
+import{a as r}from"./chunk.QRMWQQRW.js";var t=r`
+  :host {
+    --size: 128px;
+    --track-width: 4px;
+    --track-color: var(--lynk-color-neutral-200);
+    --indicator-width: var(--track-width);
+    --indicator-color: var(--lynk-color-primary-600);
+    --indicator-transition-duration: 0.35s;
+
+    display: inline-flex;
+  }
+
+  .progress-ring {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+  }
+
+  .progress-ring__image {
+    width: var(--size);
+    height: var(--size);
+    rotate: -90deg;
+    transform-origin: 50% 50%;
+  }
+
+  .progress-ring__track,
+  .progress-ring__indicator {
+    --radius: calc(var(--size) / 2 - max(var(--track-width), var(--indicator-width)) * 0.5);
+    --circumference: calc(var(--radius) * 2 * 3.141592654);
+
+    fill: none;
+    r: var(--radius);
+    cx: calc(var(--size) / 2);
+    cy: calc(var(--size) / 2);
+  }
+
+  .progress-ring__track {
+    stroke: var(--track-color);
+    stroke-width: var(--track-width);
+  }
+
+  .progress-ring__indicator {
+    stroke: var(--indicator-color);
+    stroke-width: var(--indicator-width);
+    stroke-linecap: round;
+    transition-property: stroke-dashoffset;
+    transition-duration: var(--indicator-transition-duration);
+    stroke-dasharray: var(--circumference) var(--circumference);
+    stroke-dashoffset: calc(var(--circumference) - var(--percentage) * var(--circumference));
+  }
+
+  .progress-ring__label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    user-select: none;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.L4HJDDLT.js

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

package/cdn/chunks/chunk.L4X23HT3.js

@@ -0,0 +1,53 @@
+import{a as o}from"./chunk.QRMWQQRW.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.L5OJ5ISU.js

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

package/cdn/chunks/chunk.L63P2GWM.js

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

package/cdn/chunks/chunk.L6RVVKF3.js

@@ -0,0 +1,5 @@
+import{a as h}from"./chunk.Q3J7P2MZ.js";import{a as t,g as n}from"./chunk.OIRZUCYP.js";import{d as o}from"./chunk.QRMWQQRW.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends n{constructor(){super(...arguments);this.localize=new h(this);this.date=new Date;this.hourFormat="auto"}render(){let r=new Date(this.date),s=this.hourFormat==="auto"?void 0:this.hourFormat==="12";if(!isNaN(r.getMilliseconds()))return o`
+      <time datetime=${r.toISOString()}>
+        ${this.localize.date(r,{weekday:this.weekday,era:this.era,year:this.year,month:this.month,day:this.day,hour:this.hour,minute:this.minute,second:this.second,timeZoneName:this.timeZoneName,timeZone:this.timeZone,hour12:s})}
+      </time>
+    `}};i([t()],e.prototype,"date",2),i([t()],e.prototype,"weekday",2),i([t()],e.prototype,"era",2),i([t()],e.prototype,"year",2),i([t()],e.prototype,"month",2),i([t()],e.prototype,"day",2),i([t()],e.prototype,"hour",2),i([t()],e.prototype,"minute",2),i([t()],e.prototype,"second",2),i([t({attribute:"time-zone-name"})],e.prototype,"timeZoneName",2),i([t({attribute:"time-zone"})],e.prototype,"timeZone",2),i([t({attribute:"hour-format"})],e.prototype,"hourFormat",2);export{e as a};

package/cdn/chunks/chunk.LC4YGPCC.js

@@ -0,0 +1,50 @@
+import{a as T}from"./chunk.6DJNDPEL.js";import{a as y}from"./chunk.UE5AKNX6.js";import{a as o,c,d as p}from"./chunk.VDJQBFEB.js";import{a as f,c as u}from"./chunk.DCN42ZX4.js";import{a as m,b as d}from"./chunk.PSTR2CVL.js";import{a as w}from"./chunk.Q3J7P2MZ.js";import{a as S}from"./chunk.YGKL27T3.js";import{a as n}from"./chunk.ZP7BBHMJ.js";import{b as $}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as x}from"./chunk.3RH6CRTR.js";import{a as s,b as l,d as r,g as C}from"./chunk.OIRZUCYP.js";import{a as v}from"./chunk.45RIPFQU.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class t extends C{constructor(){super(...arguments);this.localize=new w(this);this.childItems=[];this.isParent=!1;this.isChild=!1;this.loading=!1;this.depth=0;this.squished=!1;this.title="";this.name="";this.value="";this.href="";this.selected=!1;this.expanded=!1;this.disabled=!1;this.noLabel=!1}static isTreeItem(e){return e instanceof Element&&e.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children",this.isChild=!0,this.depth=this.getDepth())}firstUpdated(){this.childrenContainer&&(this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0"),this.isParent=this.hasChildren,this.handleExpandedChange(),this.handleSquished()}click(){this.navItem.click()}async animateCollapse(){this.emit("ev-collapse"),await c(this.childrenContainer);let{keyframes:e,options:a}=u(this,"nav-item.collapse",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("ev-after-collapse")}async animateExpand(){this.emit("ev-expand"),await c(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:e,options:a}=u(this,"nav-item.expand",{dir:this.localize.dir()});await o(this.childrenContainer,p(e,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("ev-after-expand")}isNestedItem(){let e=this.parentElement;return!!e&&t.isTreeItem(e)}handleChildrenSlotChange(){this.childItems=this.getChildrenItems(),this.isParent=this.childItems.length>0}get hasChildren(){return this.childItems.length>0}getDepth(){let e=0,a=this.parentElement;for(;a instanceof t;)e++,a=a.parentElement;return e}getTextLabel(){return $(this.defaultSlot)}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleExpandedChange(){this.hasChildren?this.setAttribute("aria-expanded",this.expanded?"true":"false"):this.removeAttribute("aria-expanded")}handleExpandAnimation(){this.expanded?this.animateExpand():this.animateCollapse()}handleSquished(){this.squished?this.setAttribute("squished",this.squished?"true":"false"):this.removeAttribute("squished")}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.hasChildren&&(this.expanded=!this.expanded,e.stopPropagation())}handleDefaultSlotChange(){let e=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=e;return}e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}getChildrenItems({includeDisabled:e=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>t.isTreeItem(a)&&(e||!a.disabled)):[]}render(){let e=!!this.href,a=e?m`a`:m`button`,g=this.localize.dir()==="rtl";return d`
+      <${a}
+        class=${x({"nav-item":!0,"nav-item--disabled":this.disabled,"nav-item--selected":this.selected,"nav-item--has-children":this.isParent,"nav-item--expanded":this.expanded,"nav-item--squished":this.squished,"nav-item--rtl":g})}
+        ?disabled=${this.disabled}
+        title=${this.title}
+        part="nav-item"
+        name=${n(e?void 0:this.name)}
+        value=${n(e?void 0:this.value)}
+        href=${n(e?this.href:void 0)}
+        target=${n(e?this.target:void 0)}
+        download=${n(e?this.download:void 0)}
+        rel=${n(e&&this.target?"noreferrer noopener":void 0)}
+        data-level=${this.depth}
+        aria-disabled=${this.disabled?"true":"false"}
+        @click=${this.handleClick}
+        tabindex="-1"
+        aria-current=${n(this.selected&&this.href?"page":void 0)}
+      >
+        <slot name="prefix" part="prefix" class="nav-item__prefix"></slot>
+        <slot part="label" class="nav-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="nav-item__suffix"></slot>
+
+        ${this.isParent?d`
+                <span class="nav-item__chevron">
+                  <lynk-icon
+                    library="system"
+                    aria-hidden="true"
+                    name=${this.squished?"chevron-down":g?"chevron-left":"chevron-right"}
+                  ></lynk-icon>
+                </span>
+              `:""}
+
+        ${this.target==="_blank"?d`
+                <span class="nav-item__external">
+                  <lynk-icon library="system" aria-hidden="true" name="external"></lynk-icon>
+                </span>
+              `:""}
+
+      </${a}>
+
+      <div
+        part="children"
+        class="nav-item__children"
+        role="group"
+        ?inert=${!this.expanded}
+      >
+        <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
+      </div>
+    `}};t.styles=[v,T],t.dependencies={"lynk-icon":S,"lynk-tooltip":y},i([l()],t.prototype,"isParent",2),i([l()],t.prototype,"isChild",2),i([l()],t.prototype,"loading",2),i([l()],t.prototype,"depth",2),i([s({type:Boolean,reflect:!0})],t.prototype,"squished",2),i([s()],t.prototype,"title",2),i([s()],t.prototype,"name",2),i([s()],t.prototype,"value",2),i([s()],t.prototype,"href",2),i([s()],t.prototype,"target",2),i([s()],t.prototype,"download",2),i([s({type:Boolean,reflect:!0})],t.prototype,"selected",2),i([s({type:Boolean,reflect:!0})],t.prototype,"expanded",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({attribute:"no-label",type:Boolean,reflect:!0})],t.prototype,"noLabel",2),i([r("slot:not([name])")],t.prototype,"defaultSlot",2),i([r("slot[name=children]")],t.prototype,"childrenSlot",2),i([r(".nav-item")],t.prototype,"navItem",2),i([r(".nav-item__children")],t.prototype,"childrenContainer",2),i([h("disabled")],t.prototype,"handleDisabledChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandedChange",1),i([h("expanded",{waitUntilFirstUpdate:!0})],t.prototype,"handleExpandAnimation",1),i([h("squished",{waitUntilFirstUpdate:!0})],t.prototype,"handleSquished",1);var b=t;f("nav-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});f("nav-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{b as a};

package/cdn/chunks/chunk.LEUQDVDL.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.3PKP6URT.js";import{g as r}from"./chunk.OIRZUCYP.js";import{a as e}from"./chunk.45RIPFQU.js";import{d as o}from"./chunk.QRMWQQRW.js";var t=class extends r{render(){return o` <slot></slot> `}};t.styles=[e,m];export{t as a};

package/cdn/chunks/chunk.LFTOCAE2.js

@@ -0,0 +1,49 @@
+import{a as C}from"./chunk.FX4IDTIL.js";import{a as x}from"./chunk.EDM6NWMA.js";import{c as g}from"./chunk.HUMDDNNQ.js";import{a as A}from"./chunk.MJSPPTEA.js";import{a as S}from"./chunk.Q3J7P2MZ.js";import{a as T}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.3RH6CRTR.js";import{a as u,b as f,c as w,d as p,g as k}from"./chunk.OIRZUCYP.js";import{a as E}from"./chunk.45RIPFQU.js";import{d as v}from"./chunk.QRMWQQRW.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(),(s=this.resizeObserver)==null||s.disconnect()}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.LGMDUYUG.js

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

package/cdn/chunks/chunk.LHAEOUTH.js

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