@uplynk/lynk-design 1.14.0 → 1.16.0

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

@@ -0,0 +1,61 @@
+import{a as _}from"./chunk.OKNURKFB.js";import{a as E}from"./chunk.JJE2744R.js";import{a as S}from"./chunk.LT2ADERP.js";import{a as w}from"./chunk.MYONZHST.js";import{a as c,c as p,d as m}from"./chunk.VDJQBFEB.js";import{a as f,c as u}from"./chunk.DCN42ZX4.js";import{a as C}from"./chunk.Q3J7P2MZ.js";import{a as k}from"./chunk.5FCGOT5T.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as h}from"./chunk.LUIZCMPE.js";import{a as l,b as r,d as s,g}from"./chunk.ODSBDO47.js";import{a as v}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";function b(d,y,t){return d?y(d):t==null?void 0:t(d)}var e=class e extends g{constructor(){super(...arguments);this.localize=new C(this);this.indeterminate=!1;this.isLeaf=!1;this.loading=!1;this.selectable=!1;this.expanded=!1;this.selected=!1;this.disabled=!1;this.readonly=!1;this.lazy=!1}static isTreeItem(t){return t instanceof Element&&t.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&this.getChildrenItems().length===0,this.handleExpandedChange()}async animateCollapse(){this.emit("ev-collapse"),await p(this.childrenContainer);let{keyframes:t,options:a}=u(this,"tree-item.collapse",{dir:this.localize.dir()});await c(this.childrenContainer,m(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("ev-after-collapse")}isNestedItem(){let t=this.parentElement;return!!t&&e.isTreeItem(t)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&this.getChildrenItems().length===0}willUpdate(t){t.has("selected")&&!t.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("ev-expand"),await p(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:t,options:a}=u(this,"tree-item.expand",{dir:this.localize.dir()});await c(this.childrenContainer,m(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("ev-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("ev-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("ev-lazy-change")}handleSuffixClick(t){t.stopPropagation()}getChildrenItems({includeDisabled:t=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>e.isTreeItem(a)&&(t||!a.disabled)):[]}render(){let t=this.localize.dir()==="rtl",a=!this.loading&&(!this.isLeaf||this.lazy);return o`
+      <div
+        part="base"
+        class="${h({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--readonly":this.readonly,"tree-item--leaf":this.isLeaf,"tree-item--has-expand-button":a,"tree-item--rtl":this.localize.dir()==="rtl"})}"
+      >
+        <div
+          class="tree-item__item"
+          part="
+            item
+            ${this.disabled?"item--disabled":""}
+            ${this.readonly?"item--readonly":""}
+            ${this.expanded?"item--expanded":""}
+            ${this.indeterminate?"item--indeterminate":""}
+            ${this.selected?"item--selected":""}
+          "
+        >
+          <div class="tree-item__indentation" part="indentation"></div>
+
+          <div
+            part="expand-button"
+            class=${h({"tree-item__expand-button":!0,"tree-item__expand-button--visible":a})}
+            aria-hidden="true"
+          >
+            ${b(this.loading,()=>o` <lynk-spinner part="spinner" exportparts="base:spinner__base"></lynk-spinner> `)}
+            <slot class="tree-item__expand-icon-slot" name="expand-icon">
+              <lynk-icon library="system" name=${t?"chevron-left":"chevron-right"}></lynk-icon>
+            </slot>
+            <slot class="tree-item__expand-icon-slot" name="collapse-icon">
+              <lynk-icon library="system" name=${t?"chevron-left":"chevron-right"}></lynk-icon>
+            </slot>
+          </div>
+
+          ${b(this.selectable,()=>o`
+              <lynk-checkbox
+                part="checkbox"
+                exportparts="
+                    base:checkbox__base,
+                    control:checkbox__control,
+                    control--checked:checkbox__control--checked,
+                    control--indeterminate:checkbox__control--indeterminate,
+                    checked-icon:checkbox__checked-icon,
+                    indeterminate-icon:checkbox__indeterminate-icon,
+                    label:checkbox__label
+                  "
+                class="tree-item__checkbox"
+                ?disabled="${this.disabled||this.readonly}"
+                ?checked="${S(this.selected)}"
+                ?indeterminate="${this.indeterminate}"
+                tabindex="-1"
+              ></lynk-checkbox>
+            `)}
+
+          <slot class="tree-item__label" part="label"></slot>
+          <slot class="tree-item__suffix" part="suffix" name="suffix" @click="${this.handleSuffixClick}"></slot>
+        </div>
+
+        <div class="tree-item__children" part="children" role="group">
+          <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
+        </div>
+      </div>
+    `}};e.styles=[v,_],e.dependencies={"lynk-checkbox":E,"lynk-icon":k,"lynk-spinner":w},i([r()],e.prototype,"indeterminate",2),i([r()],e.prototype,"isLeaf",2),i([r()],e.prototype,"loading",2),i([r()],e.prototype,"selectable",2),i([l({type:Boolean,reflect:!0})],e.prototype,"expanded",2),i([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],e.prototype,"lazy",2),i([s("slot:not([name])")],e.prototype,"defaultSlot",2),i([s("slot[name=children]")],e.prototype,"childrenSlot",2),i([s(".tree-item__item")],e.prototype,"itemElement",2),i([s(".tree-item__children")],e.prototype,"childrenContainer",2),i([s(".tree-item__expand-button slot")],e.prototype,"expandButtonSlot",2),i([n("loading",{waitUntilFirstUpdate:!0})],e.prototype,"handleLoadingChange",1),i([n("disabled")],e.prototype,"handleDisabledChange",1),i([n("selected")],e.prototype,"handleSelectedChange",1),i([n("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandedChange",1),i([n("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandAnimation",1),i([n("lazy",{waitUntilFirstUpdate:!0})],e.prototype,"handleLazyChange",1);var x=e;f("tree-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("tree-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{x as a};

package/cdn/chunks/chunk.22LFBWZ2.js.LEGAL.txt

@@ -0,0 +1,8 @@
+Bundled license information:
+
+lit-html/directives/when.js:
+  /**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   */

package/cdn/chunks/chunk.235VELLS.js

@@ -0,0 +1,168 @@
+import{a as e}from"./chunk.OAB62Q2Y.js";var i=e`
+  :host {
+    display: contents;
+    --width: 240px;
+    --collapsed-width: 24px;
+    --header-spacing: var(--lynk-spacing-large);
+    --body-spacing: var(--lynk-spacing-large);
+    --footer-spacing: var(--lynk-spacing-large);
+    --background-color: var(--lynk-color-neutral-0);
+  }
+
+  .page-sidebar {
+    position: relative;
+    display: flex;
+    min-width: var(--collapsed-width);
+    max-width: 0;
+    width: var(--width);
+    max-height: 100%;
+    height: 100%;
+    background-color: var(--background-color);
+    transition: max-width var(--lynk-transition-medium);
+  }
+
+  .page-sidebar.page-sidebar--open {
+    max-width: var(--width);
+  }
+
+  .page-sidebar__container {
+    width: var(--width);
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity var(--lynk-transition-medium);
+  }
+
+  .page-sidebar--open .page-sidebar__container {
+    opacity: 1;
+    pointer-events: auto;
+    transition-delay: var(--lynk-transition-fast);
+  }
+
+  .page-sidebar__nav {
+    display: inline-block;
+  }
+
+  .page-sidebar--open .page-sidebar__nav {
+    border-right: 1px solid var(--lynk-color-neutral-100);
+  }
+
+  .page-sidebar.page-sidebar--left {
+    border-inline-end: 1px solid var(--lynk-color-neutral-200);
+    height: 100%;
+  }
+
+  .page-sidebar.page-sidebar--right {
+    border-inline-start: 1px solid var(--lynk-color-neutral-200);
+    height: 100%;
+  }
+
+  .page-sidebar.page-sidebar--right-inset,
+  .page-sidebar.page-sidebar--left-inset {
+    border-radius: 8px;
+    border: 1px solid var(--lynk-color-neutral-200);
+    margin: var(--lynk-spacing-base) auto;
+    height: calc(100% - 32px);
+  }
+
+  .page-sidebar.page-sidebar--left-inset {
+    margin-left: var(--lynk-page-margin);
+    margin-right: 0;
+  }
+
+  .page-sidebar.page-sidebar--right-inset {
+    margin-right: var(--lynk-page-margin);
+    margin-left: 0;
+  }
+
+  .page-sidebar__header {
+    display: none;
+  }
+
+  .page-sidebar--has-header .page-sidebar__header {
+    display: flex;
+    padding: var(--header-spacing);
+    gap: var(--header-spacing);
+    align-items: center;
+  }
+
+  .page-sidebar__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-base);
+    font-weight: var(--lynk-font-weight-semibold);
+    line-height: var(--lynk-line-height-dense);
+    margin: 0;
+  }
+
+  .page-sidebar__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+  }
+
+  .page-sidebar__header-actions lynk-button,
+  .page-sidebar__header-actions ::slotted(lynk-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    margin: 0;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .page-sidebar__body {
+    flex: 1 1 auto;
+    padding: var(--body-spacing);
+    overflow: hidden auto;
+    display: block;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .page-sidebar__toggle {
+    position: absolute;
+    top: var(--header-spacing);
+    z-index: 1;
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--center {
+    top: 50%;
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--bottom {
+    top: unset;
+    bottom: var(--footer-spacing);
+  }
+
+  .page-sidebar__toggle.page-sidebar__toggle--hidden {
+    display: none;
+  }
+
+  .page-sidebar--left .page-sidebar__toggle,
+  .page-sidebar--left-inset .page-sidebar__toggle {
+    right: -13px;
+  }
+
+  .page-sidebar--right .page-sidebar__toggle,
+  .page-sidebar--right-inset .page-sidebar__toggle {
+    left: -13px;
+    rotate: 180deg;
+  }
+
+  .page-sidebar__footer {
+    padding: var(--footer-spacing);
+  }
+
+  .page-sidebar__footer ::slotted(lynk-button:not(:last-of-type)) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .page-sidebar:not(.page-sidebar--has-footer) .page-sidebar__footer {
+    display: none;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.23BBXY33.js

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

package/cdn/chunks/chunk.23P66WYC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7FEBIBB6.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tree";e.define("lynk-tree");var r=n({tagName:o,elementClass:e,react:t,events:{EvSelectionChange:"ev-selection-change"},displayName:"LynkTree"}),s=r;export{s as a};

package/cdn/chunks/chunk.24NKWDUK.js

@@ -0,0 +1,14 @@
+import{a as m}from"./chunk.P7VZ6YG2.js";import{a as i,b as d,d as b,g as p}from"./chunk.ODSBDO47.js";import{a as h}from"./chunk.6UGEFC7C.js";import{d as g}from"./chunk.OAB62Q2Y.js";import{e as a}from"./chunk.FI4IKBIW.js";var o=class extends p{constructor(){super(...arguments);this.disableRole=!1;this.label="";this.gapped=!1}handleFocus(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--focus",!0)}handleBlur(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--focus",!1)}handleMouseOver(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--hover",!0)}handleMouseOut(e){let t=n(e.target);t==null||t.toggleAttribute("data-lynk-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let r=e.indexOf(t),l=n(t);l&&(this.gapped||(l.toggleAttribute("data-lynk-button-group__button",!0),l.toggleAttribute("data-lynk-button-group__button--first",r===0),l.toggleAttribute("data-lynk-button-group__button--inner",r>0&&r<e.length-1),l.toggleAttribute("data-lynk-button-group__button--last",r===e.length-1)),l.toggleAttribute("data-lynk-button-group__button--radio",l.tagName.toLowerCase()==="lynk-radio-button"))})}render(){return g`
+      <div
+        part="base"
+        class="button-group"
+        role="${this.disableRole?"presentation":"group"}"
+        aria-label=${this.label}
+        @focusout=${this.handleBlur}
+        @focusin=${this.handleFocus}
+        @mouseover=${this.handleMouseOver}
+        @mouseout=${this.handleMouseOut}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};o.styles=[h,m],a([b("slot")],o.prototype,"defaultSlot",2),a([d()],o.prototype,"disableRole",2),a([i()],o.prototype,"label",2),a([i({type:Boolean,reflect:!0})],o.prototype,"gapped",2);function n(s){var e;let u="lynk-button, lynk-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{o as a};

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

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

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

@@ -0,0 +1,5 @@
+import{a}from"./chunk.IQDLJ27Y.js";import{a as s,g as r}from"./chunk.ODSBDO47.js";import{a as n}from"./chunk.6UGEFC7C.js";import{d as i}from"./chunk.OAB62Q2Y.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends r{constructor(){super(...arguments);this.container=!1;this.item=!1;this.gap="base"}getBreakpointClasses(){return this.span?this.span.split(",").map(l=>`span--${l.trim()}`).join(" "):""}render(){let l=this.container?"grid":null,o=this.direction&&this.container?`grid--${this.direction}`:null,c=this.justify&&this.container?`grid--justify-${this.justify}`:null,p=this.align&&this.container?`grid--align-${this.align}`:null,m=this.item?"grid__item":null,u=this.span&&this.item?this.getBreakpointClasses():null;return i`
+      <div part="base" class="${[l,o,c,p,m,u].join(" ")}" style="--gap: var(--lynk-spacing-${this.gap})">
+        <slot></slot>
+      </div>
+    `}};t.styles=[n,a],e([s({type:Boolean,reflect:!0})],t.prototype,"container",2),e([s({type:Boolean,reflect:!0})],t.prototype,"item",2),e([s({reflect:!0})],t.prototype,"direction",2),e([s({reflect:!0})],t.prototype,"justify",2),e([s({reflect:!0})],t.prototype,"align",2),e([s({reflect:!0})],t.prototype,"span",2),e([s({reflect:!0})],t.prototype,"gap",2);export{t as a};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{a as d}from"./chunk.V3SUT3ZF.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as l,g as n}from"./chunk.ODSBDO47.js";import{a}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.observedElements=[];this.disabled=!1}connectedCallback(){super.connectedCallback(),this.intersectionObserver=new IntersectionObserver(s=>{s.forEach(e=>{console.log(e),e.intersectionRatio>0?this.emit("ev-enter-view",{detail:{entry:e}}):this.emit("ev-exit-view",{detail:{entry:e}})})}),this.disabled||this.startObserver()}handleSlotChange(){this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}startObserver(){let s=this.shadowRoot.querySelector("slot");if(s!==null){let e=s.assignedElements({flatten:!0});this.observedElements.forEach(r=>this.intersectionObserver.unobserve(r)),this.observedElements=[],e.forEach(r=>{this.intersectionObserver.observe(r),this.observedElements.push(r)})}}stopObserver(){this.intersectionObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return o`<slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=[a,d],i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([c("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

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

@@ -0,0 +1,79 @@
+import{a as o}from"./chunk.OAB62Q2Y.js";var r=o`
+  :host {
+    display: table-cell;
+    --state-color: transparent;
+    --state-color-b: transparent;
+    background: transparent;
+    vertical-align: middle;
+    padding: var(--lynk-spacing-x-small) var(--lynk-spacing-base);
+  }
+
+  :host([state='danger']) {
+    --state-color: var(--lynk-color-danger-50);
+    --state-color-b: var(--lynk-color-danger-a10);
+  }
+
+  :host([state='primary']) {
+    --state-color: var(--lynk-color-primary-50);
+    --state-color-b: var(--lynk-color-primary-a10);
+  }
+
+  :host([state='accent']) {
+    --state-color: var(--lynk-color-accent-50);
+    --state-color-b: var(--lynk-color-accent-a10);
+  }
+
+  :host([state='success']) {
+    --state-color: var(--lynk-color-success-50);
+    --state-color-b: var(--lynk-color-success-a10);
+  }
+
+  :host([state='warning']) {
+    --state-color: var(--lynk-color-warning-a25);
+    --state-color-b: var(--lynk-color-warning-a10);
+  }
+
+  :host([state='neutral']) {
+    --state-color: var(--lynk-color-neutral-50);
+    --state-color-b: var(--lynk-color-neutral-100);
+  }
+
+  :host([state='info']) {
+    --state-color: var(--lynk-color-info-a25);
+    --state-color-b: var(--lynk-color-info-a10);
+  }
+
+  :host([state]) {
+    background: var(--state-color);
+  }
+
+  :host([barberpole]) {
+    background: linear-gradient(
+        -45deg,
+        var(--state-color) 25%,
+        var(--state-color-b) 25%,
+        var(--state-color-b) 50%,
+        var(--state-color) 50%,
+        var(--state-color) 75%,
+        var(--state-color-b) 75%,
+        var(--state-color-b)
+      )
+      var(--state-color);
+    background-size: 40px 40px;
+    animation: barberpole 1.5s linear infinite;
+  }
+
+  ::slotted(lynk-checkbox) {
+    top: -1px;
+    position: relative;
+  }
+
+  @keyframes barberpole {
+    from {
+      background-position: 0 0;
+    }
+    to {
+      background-position: 40px 40px;
+    }
+  }
+`;export{r as a};

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

@@ -0,0 +1,122 @@
+import{a as R}from"./chunk.KSNKFPX6.js";import{c as A}from"./chunk.HUMDDNNQ.js";import{a as k}from"./chunk.U4BP3OKF.js";import{a as z}from"./chunk.V2TEOZP6.js";import{a as H}from"./chunk.UGDEBMK6.js";import{a as C,d as w,e as P,f as S,h as B}from"./chunk.ELZUZC77.js";import{a as M}from"./chunk.MWCK56XI.js";import{a as D}from"./chunk.KSEBZT7R.js";import{a as L}from"./chunk.J5IIEY5B.js";import{b as F}from"./chunk.V7E6ITFP.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as y,c as g}from"./chunk.VDJQBFEB.js";import{a as O,c as x}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.Q3J7P2MZ.js";import{a as $}from"./chunk.5FCGOT5T.js";import{a as V}from"./chunk.YHSYTTFF.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as I}from"./chunk.LUIZCMPE.js";import{a as h,b as d,d as c,g as T}from"./chunk.ODSBDO47.js";import{a as E}from"./chunk.6UGEFC7C.js";import{d as u}from"./chunk.OAB62Q2Y.js";import{e as s}from"./chunk.FI4IKBIW.js";var i=class extends T{constructor(){super(...arguments);this.formControlController=new F(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new V(this,"help-text","help-tip","label");this.localize=new _(this);this.lastOptionValue="";this.isOptionRendererTriggered=!1;this.hasFocus=!1;this.displayLabel="";this.numberFilteredOptions=0;this.cachedOptions=[];this.showCustomOption=!1;this.name="";this.value="";this.defaultValue="";this.state="default";this.size="medium";this.placeholder="";this.disabled=!1;this.required=!1;this.dirty=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.label="";this.placement="bottom";this.helpTip="";this.helpText="";this.form="";this.inline=!1;this.allowCustomValues=!1;this.getOption=H;this.filter=(t,e)=>{let l=(t==null?void 0:t.textContent)||"";t instanceof R&&(l=t.getTextLabel());let o=S(l),n=S(e);return o.includes(n)};this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{var o;if(t.target.closest(".combobox__clear")===null){if(t.key==="Escape"&&(this.open&&!this.closeWatcher?(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})):this.open||this.clearCombobox()),t.key==="Enter"){let n=this.getCurrentOption(),p=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;if(!n){let r=this.getSlottedOptions().find(a=>{let m=a.value||(a.getTextLabel?a.getTextLabel():a.textContent||""),v=a.getTextLabel?a.getTextLabel():a.textContent||"";return m===this.displayInput.value||v===this.displayInput.value});if(r){let a=this.lastOptionValue;this.setSelectedOption(r),this.value!==a&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}));return}if(this.allowCustomValues&&this.displayInput.value.trim()&&this.open){let a=this.displayInput.value.trim(),m=this.lastOptionValue;this.value=a,this.displayLabel=a,this.displayInput.value=a,this.lastOptionValue=a,this.setSelectedOption(void 0),a!==m&&this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:a}}),this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0});return}}if(!this.open&&!p){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||n!=null&&n.disabled)return;if(n){let r=this.lastOptionValue;if((o=n.classList)!=null&&o.contains("combobox__custom-option")){let a=this.displayInput.value.trim();this.value=a,this.displayLabel=a,this.displayInput.value=a,this.lastOptionValue=a,this.setSelectedOption(void 0),a!==r&&this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:a}}),this.emit("ev-input"),this.emit("ev-change")})}else this.setSelectedOption(n),this.value!==r&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")})}this.hide(),this.displayInput.focus({preventScroll:!0});return}["ArrowUp","ArrowDown"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.open||this.show(),this.selectNextOption(t.key==="ArrowDown")),["Home","End"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),t.key==="Home"?this.displayInput.setSelectionRange(0,0):t.key==="End"&&this.displayInput.setSelectionRange(this.displayInput.value.length,this.displayInput.value.length))}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.open=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}firstUpdated(){this.updateComplete.then(()=>{let t=this.getSlottedOptions().find(e=>(e.value||(e.getTextLabel?e.getTextLabel():e.textContent||""))===this.value);this.displayLabel=t?t.getTextLabel?t.getTextLabel():t.textContent||this.value:this.value}),this.formControlController.updateValidity()}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleComboboxMouseDown(t){if(this.disabled)return;let e=()=>{if(this.open)return this.hide();{let o=this.getSlottedOptions().some(n=>(n.value||(n.getTextLabel?n.getTextLabel():n.textContent||""))===this.value)?"":this.value;return this.createComboboxOptionsFromQuery(o),this.show()}};t.preventDefault(),e().then(()=>{setTimeout(()=>this.displayInput.focus({preventScroll:!0}))})}handleComboboxKeyDown(t){t.key!=="Tab"&&this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearCombobox()}clearCombobox(){this.value!==""&&(this.value="",this.displayInput.value="",this.lastOptionValue="",this.setSelectedOption(void 0),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")}))}preventLoosingFocus(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let e=t.target,l=e.closest("lynk-option"),o=e.closest(".combobox__custom-option"),n=this.lastOptionValue;if(o){let p=this.displayInput.value.trim();this.value=p,this.displayLabel=p,this.displayInput.value=p,this.lastOptionValue=p,this.setSelectedOption(void 0),this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:p}}),this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0});return}l&&!l.disabled&&(this.setSelectedOption(l),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==n&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0}))}selectNextOption(t){let e=this.getAllFilteredOptions();if(e.length===0)return;let l=this.getCurrentOption(),o=e.indexOf(l),n=Math.max(0,o);if(t){let r=o+1;n=r>e.length-1?0:r}else{let r=o-1;n=r<0?e.length-1:r}this.setCurrentOption(e[n]);let p=this.getCurrentOption();p&&typeof p.getBoundingClientRect=="function"&&A(p,this.listbox,"vertical","auto")}getAllFilteredOptions(){let t=this.getSlottedOptions().filter(e=>!e.hidden);if(this.showCustomOption){let e=this.renderRoot.querySelector(".combobox__custom-option");e&&t.push(e)}return t}getCurrentOption(){let t=this.renderRoot.querySelector(".combobox__custom-option--current");return t||this.getAllFilteredOptions().find(e=>e.current)}setCurrentOption(t){var o;let e=this.getAllFilteredOptions(),l=this.renderRoot.querySelector(".combobox__custom-option");this.displayInput.removeAttribute("aria-activedescendant"),l&&l.classList.remove("combobox__custom-option--current"),e.forEach(n=>{var p;(p=n.classList)!=null&&p.contains("combobox__custom-option")?n.classList.remove("combobox__custom-option--current"):"current"in n&&(n.current=!1,n.setAttribute("aria-selected","false"))}),t&&((o=t.classList)!=null&&o.contains("combobox__custom-option")?(t.classList.add("combobox__custom-option--current"),this.displayInput.setAttribute("aria-activedescendant","custom-option")):"current"in t&&(t.current=!0,t.setAttribute("aria-selected","true"),this.displayInput.setAttribute("aria-activedescendant",t.id)))}setSelectedOption(t){var l,o;this.selectedOption=t;let e=((l=this.selectedOption)==null?void 0:l.value)||((o=this.selectedOption)==null?void 0:o.getTextLabel());t&&(this.lastOptionValue=e||""),this.value=e!=null?e:this.displayInput.value,this.updateComplete.then(()=>{var n,p;this.displayLabel=(p=(n=this.selectedOption)==null?void 0:n.getTextLabel())!=null?p:this.displayInput.value,this.formControlController.updateValidity()})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handlePropertiesChange(){this.createComboboxOptionsFromQuery(this.value)}handleDisabledChange(){this.formControlController.setValidity(this.disabled),this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){let t=this.getSlottedOptions().find(e=>(e.value||(e.getTextLabel?e.getTextLabel():e.textContent||""))===this.value);this.displayLabel=t?t.getTextLabel?t.getTextLabel():t.textContent||this.value:this.value,this.createComboboxOptionsFromQuery(this.value),this.setCurrentOption(null)}async handleOpenChange(){if(this.open&&!this.disabled){if(this.numberFilteredOptions===0){this.open=!1,this.emit("ev-error");return}this.emit("ev-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0;let{keyframes:l,options:o}=x(this,"combobox.show",{dir:this.localize.dir()});await y(this.popup.popup,l,o),this.emit("ev-after-show");return}this.setCurrentOption(null),this.displayInput.removeAttribute("aria-activedescendant"),this.emit("ev-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=x(this,"combobox.hide",{dir:this.localize.dir()});await y(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,await Promise.race([b(this,"ev-after-show"),b(this,"ev-error")])}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,await b(this,"ev-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}createComboboxOptionsFromQuery(t){var l;this.numberFilteredOptions=0,this.isOptionRendererTriggered=!0,this.cachedOptions.length===0&&this.cacheSlottedOptionsAndOptgroups(),this.getSlottedOptions().forEach(o=>{let n=this.cachedOptions.find(m=>m.id===o.id)||o,p=this.getOption(n,t),r=B(p);r||(r=n);let a=!(this.filter(r,t)||t==="");if(r.hidden=a,"selected"in r){let v=(r.value||r.getTextLabel())===this.value;r.selected=v,"current"in r&&(r.current=v)}o.replaceWith(r),a||(this.numberFilteredOptions+=1)}),this.showCustomOption=!1,this.allowCustomValues&&t.trim()&&this.numberFilteredOptions===0&&(this.showCustomOption=!0,this.numberFilteredOptions=1),(l=this.getSlottedOptGroups().filter(o=>{let p=w(Array.from(o.children)).flat().some(r=>!r.hidden);return o.hidden=!p,p})[0])==null||l.style.setProperty("--display-divider","none"),setTimeout(()=>{this.isOptionRendererTriggered=!1},0)}async handleInput(){let t=this.displayInput.value;this.value=t,await this.updateComplete,this.open=this.numberFilteredOptions>0,this.setSelectedOption(void 0),this.formControlController.updateValidity(),this.emit("ev-input")}handleChange(){this.selectedOption||(this.value=this.displayInput.value,this.updateComplete.then(()=>{this.formControlController.updateValidity()}),this.emit("ev-change"))}getSlottedOptions(){return w(C(this.defaultSlot)).flat()}getSlottedOptGroups(){return P(C(this.defaultSlot))}cacheSlottedOptionsAndOptgroups(){let t=this.getSlottedOptions(),e=this.getSlottedOptGroups();t.forEach((l,o)=>{l.id=l.id||`lynk-combobox-option-${o}`}),e.forEach((l,o)=>{l.id=l.id||`lynk-combobox-optgroup-${o}`}),this.cachedOptions=[...t]}handleDefaultSlotChange(){if(!this.isOptionRendererTriggered){if(!customElements.get("lynk-option")){customElements.whenDefined("lynk-option").then(()=>this.handleDefaultSlotChange());return}if(this.cacheSlottedOptionsAndOptgroups(),this.value){let t=this.getSlottedOptions().find(e=>(e.value||(e.getTextLabel?e.getTextLabel():e.textContent||""))===this.value);t&&(this.displayLabel=t.getTextLabel?t.getTextLabel():t.textContent||this.value)}this.createComboboxOptionsFromQuery(this.value),this.hasFocus&&this.value.length>0&&!this.open&&this.show()}}render(){var l,o;let t=this.clearable&&!this.disabled&&((l=this.value)==null?void 0:l.length)>0,e=this.placeholder&&((o=this.value)==null?void 0:o.length)===0;return u`
+      <lynk-form-field
+        .size=${this.size}
+        .state=${this.state}
+        .label=${this.hasSlotController.test("label")?"":this.label}
+        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
+        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
+        .required=${this.required}
+        .dirty=${this.dirty}
+        .focused=${this.hasFocus}
+        .inline=${this.inline}
+        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
+        ?data-user-valid=${this.hasAttribute("data-user-valid")}
+        ?data-invalid=${this.hasAttribute("data-invalid")}
+        ?data-valid=${this.hasAttribute("data-valid")}
+      >
+        ${this.hasSlotController.test("label")?u`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?u`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?u`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        <lynk-popup
+          class=${I({combobox:!0,"combobox--bottom":this.placement==="bottom","combobox--disabled":this.disabled,"combobox--focused":this.hasFocus,"combobox--large":this.size==="large","combobox--medium":this.size==="medium","combobox--open":this.open,"combobox--placeholder-visible":e,"combobox--small":this.size==="small","combobox--standard":!0,"combobox--top":this.placement==="top"})}
+          placement=${this.placement}
+          strategy=${this.hoist?"fixed":"absolute"}
+          flip
+          shift
+          sync="width"
+          auto-size="vertical"
+          auto-size-padding="10"
+        >
+          <div
+            part="combobox"
+            class="combobox__inputs"
+            slot="anchor"
+            @keydown=${this.handleComboboxKeyDown}
+            @mousedown=${this.handleComboboxMouseDown}
+          >
+            <slot part="prefix" name="prefix" class="combobox__prefix"></slot>
+
+            <input
+              part="display-input"
+              class="combobox__display-input"
+              type="text"
+              placeholder=${this.placeholder}
+              .disabled=${this.disabled}
+              .value=${this.displayLabel}
+              autocomplete="off"
+              spellcheck="false"
+              autocapitalize="off"
+              aria-controls="listbox"
+              aria-expanded=${this.open?"true":"false"}
+              aria-haspopup="listbox"
+              aria-label=${this.label||"Combobox"}
+              aria-disabled=${this.disabled?"true":"false"}
+              role="combobox"
+              tabindex="0"
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+              aria-autocomplete="list"
+              aria-owns="listbox"
+              @input=${this.handleInput}
+              @change=${this.handleChange}
+            />
+
+            <input
+              class="combobox__value-input"
+              type="text"
+              ?disabled=${this.disabled}
+              ?required=${this.required}
+              .value=${this.value}
+              tabindex="-1"
+              aria-hidden="true"
+              @focus=${()=>this.focus()}
+              @invalid=${this.handleInvalid}
+            />
+
+            ${t?u`
+                  <button
+                    part="clear-button"
+                    class="combobox__clear"
+                    type="button"
+                    aria-label=${this.localize.term("clearEntry")}
+                    @mousedown=${this.preventLoosingFocus}
+                    @click=${this.handleClearClick}
+                    tabindex="-1"
+                  >
+                    <slot name="clear-icon">
+                      <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
+                    </slot>
+                  </button>
+                `:""}
+
+            <slot name="suffix" part="suffix" class="combobox__suffix"></slot>
+
+            <slot name="expand-icon" part="expand-icon" class="combobox__expand-icon">
+              <lynk-icon library="system" name="chevron-down"></lynk-icon>
+            </slot>
+          </div>
+
+          <div
+            id="listbox"
+            role="listbox"
+            aria-expanded=${this.open?"true":"false"}
+            aria-label=${this.label||"Combobox options"}
+            part="listbox"
+            class="combobox__listbox"
+            tabindex="-1"
+            @mousedown=${this.preventLoosingFocus}
+            @mouseup=${this.handleOptionClick}
+          >
+            <div class="listbox__options" part="filtered-listbox">
+              <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+              ${this.showCustomOption?u`
+                    <div id="custom-option" class="combobox__custom-option" role="option" tabindex="-1">
+                      + Add "${this.displayInput.value.trim()}"
+                    </div>
+                  `:""}
+            </div>
+          </div>
+        </lynk-popup>
+        <slot name="action"></slot>
+      </lynk-form-field>
+    `}};i.styles=[E,z,k],i.dependencies={"lynk-form-field":M,"lynk-icon":$,"lynk-popup":D},s([c(".combobox")],i.prototype,"popup",2),s([c(".combobox__inputs")],i.prototype,"combobox",2),s([c(".combobox__display-input")],i.prototype,"displayInput",2),s([c(".combobox__value-input")],i.prototype,"valueInput",2),s([c(".combobox__listbox")],i.prototype,"listbox",2),s([c("slot:not([name])")],i.prototype,"defaultSlot",2),s([d()],i.prototype,"hasFocus",2),s([d()],i.prototype,"displayLabel",2),s([d()],i.prototype,"selectedOption",2),s([d()],i.prototype,"numberFilteredOptions",2),s([d()],i.prototype,"cachedOptions",2),s([d()],i.prototype,"showCustomOption",2),s([h()],i.prototype,"name",2),s([h()],i.prototype,"value",2),s([L()],i.prototype,"defaultValue",2),s([h({reflect:!0})],i.prototype,"state",2),s([h({reflect:!0})],i.prototype,"size",2),s([h()],i.prototype,"placeholder",2),s([h({reflect:!0,type:Boolean})],i.prototype,"disabled",2),s([h({type:Boolean,reflect:!0})],i.prototype,"required",2),s([h({type:Boolean,reflect:!0})],i.prototype,"dirty",2),s([h({type:Boolean})],i.prototype,"clearable",2),s([h({reflect:!0,type:Boolean})],i.prototype,"open",2),s([h({type:Boolean})],i.prototype,"hoist",2),s([h()],i.prototype,"label",2),s([h({reflect:!0})],i.prototype,"placement",2),s([h({attribute:"help-tip"})],i.prototype,"helpTip",2),s([h({attribute:"help-text"})],i.prototype,"helpText",2),s([h({reflect:!0})],i.prototype,"form",2),s([h({type:Boolean,reflect:!0})],i.prototype,"inline",2),s([h({type:Boolean,attribute:"allow-custom-values"})],i.prototype,"allowCustomValues",2),s([h()],i.prototype,"getOption",2),s([h()],i.prototype,"filter",2),s([f(["filter","getOption"],{waitUntilFirstUpdate:!0})],i.prototype,"handlePropertiesChange",1),s([f("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([f("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([f("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);O("combobox.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});O("combobox.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

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

@@ -0,0 +1 @@
+import{a as n}from"./chunk.YHVMR6TT.js";var t=n;n.define("lynk-icon-button");export{t as a};

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

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

package/cdn/chunks/chunk.33VKBX66.js

@@ -0,0 +1,21 @@
+import{a as c}from"./chunk.FJGUQQAN.js";import{a as p}from"./chunk.YHVMR6TT.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as n}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.LUIZCMPE.js";import{a as l,g as i}from"./chunk.ODSBDO47.js";import{a}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends i{constructor(){super(...arguments);this.hasSlotController=new n(this,"prefix");this.localize=new m(this);this.color="default";this.appearance="outlined filled";this.size="medium";this.pill=!1;this.removable=!1;this.pulse=!1}set type(r){this.color=r==="text"?"default":r}get type(){return this.color==="default"?"text":this.color}set badge(r){r&&(this.appearance="loud")}handleRemoveClick(){this.emit("ev-remove")}render(){return o`
+      <span
+        part="base"
+        class=${s({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})}
+      >
+        ${this.hasSlotController.test("prefix")?o`<slot name="prefix" part="prefix" class="tag__prefix"></slot>`:""}
+        <slot part="content" class="tag__content"></slot>
+
+        ${this.removable?o`
+              <lynk-icon-button
+                part="remove-button"
+                exportparts="base:remove-button__base"
+                name="x"
+                library="system"
+                label=${this.localize.term("remove")}
+                class="tag__remove"
+                @click=${this.handleRemoveClick}
+              ></lynk-icon-button>
+            `:""}
+      </span>
+    `}};e.styles=[a,c],e.dependencies={"lynk-icon-button":p},t([l({reflect:!0})],e.prototype,"color",2),t([l()],e.prototype,"type",1),t([l({reflect:!0})],e.prototype,"appearance",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([l({type:Boolean})],e.prototype,"removable",2),t([l({type:Boolean,reflect:!0})],e.prototype,"pulse",2),t([l({type:Boolean})],e.prototype,"badge",1);export{e as a};