@uplynk/lynk-design 1.19.2 → 1.20.1

package/cdn/chunks/chunk.EM3EF5UE.js

@@ -0,0 +1,188 @@
+import{a as r}from"./chunk.PINNEFCM.js";var e=r`
+  :host {
+    display: block;
+  }
+
+  .date-picker__input-group {
+    display: flex;
+    align-items: stretch;
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    color: var(--lynk-input-color);
+    cursor: text;
+    transition:
+      var(--lynk-transition-fast) color,
+      var(--lynk-transition-fast) border,
+      var(--lynk-transition-fast) box-shadow,
+      var(--lynk-transition-fast) background-color;
+  }
+
+  .date-picker__input-group:hover:not(.date-picker__input-group--disabled):not(.date-picker__input-group--readonly) {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+
+  .date-picker__input-group:focus-within:not(.date-picker__input-group--disabled):not(
+      .date-picker__input-group--readonly
+    ) {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  .date-picker__input-group--small {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    height: var(--lynk-input-height-small);
+    padding-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .date-picker__input-group--medium {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    height: var(--lynk-input-height-medium);
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .date-picker__input-group--large {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    height: var(--lynk-input-height-large);
+    padding-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .date-picker__input-group--disabled {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    opacity: var(--lynk-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .date-picker__input-group--readonly {
+    border-color: var(--lynk-color-neutral-200);
+    cursor: default;
+  }
+
+  .date-picker__input-group--readonly:hover {
+    border-color: var(--lynk-color-neutral-200);
+  }
+
+  .date-picker__input-group--readonly:focus-within {
+    border-color: var(--lynk-color-neutral-400);
+    box-shadow: none;
+  }
+
+  .date-picker__input-group--readonly .date-picker__trigger {
+    color: var(--lynk-color-neutral-300);
+  }
+
+  .date-picker__date-input {
+    flex: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: start;
+    position: relative;
+    width: 100%;
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    vertical-align: top;
+    overflow: hidden;
+    cursor: inherit;
+    transition: var(--lynk-transition-fast) color;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    color: inherit;
+    outline: none;
+  }
+
+  .date-picker__date-input:disabled {
+    cursor: not-allowed;
+  }
+
+  /* Hide native date input icons and disable browser pickers */
+  .date-picker__date-input::-webkit-calendar-picker-indicator,
+  .date-picker__date-input::-webkit-inner-spin-button,
+  .date-picker__date-input::-webkit-clear-button {
+    display: none;
+    -webkit-appearance: none;
+  }
+
+  .date-picker__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--lynk-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--lynk-transition-fast) color;
+    cursor: pointer;
+    margin-inline-start: 12px;
+  }
+
+  .date-picker__clear:hover {
+    color: var(--lynk-input-icon-color-hover);
+  }
+
+  .date-picker__clear:focus {
+    outline: none;
+  }
+
+  .date-picker__placeholder {
+    align-self: center;
+    color: var(--lynk-input-placeholder-color);
+    user-select: none;
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 200px;
+    text-overflow: ellipsis;
+  }
+
+  .date-picker__trigger {
+    align-self: center;
+    border: none;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+    margin-inline-end: var(--lynk-spacing-x-small);
+    margin-inline-start: auto;
+  }
+
+  .date-picker__panel {
+    background: var(--lynk-panel-background-color);
+    border: solid var(--lynk-panel-border-width) var(--lynk-panel-border-color);
+    border-radius: var(--lynk-border-radius-large);
+  }
+
+  .date-picker__calendar {
+    border: none;
+    --height: 300px;
+    padding: var(--lynk-spacing-small);
+  }
+
+  /*
+   * Size modifiers
+   */
+
+  .date-picker__input-group--small .date-picker__trigger {
+    font-size: var(--lynk-button-font-size-small);
+  }
+
+  .date-picker__input-group--medium .date-picker__trigger {
+    font-size: var(--lynk-button-font-size-medium);
+  }
+
+  .date-picker__input-group--large .date-picker__trigger {
+    font-size: var(--lynk-button-font-size-large);
+  }
+`;export{e as a};

package/cdn/chunks/chunk.ESNNFJWQ.js

@@ -0,0 +1,53 @@
+import{a as o}from"./chunk.PINNEFCM.js";var t=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-large);
+    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{t as a};

package/cdn/chunks/chunk.EUS3IRJL.js

@@ -0,0 +1,48 @@
+import{a as k}from"./chunk.I2G2IAR5.js";import{a as u,b as f}from"./chunk.HUMDDNNQ.js";import{a as E}from"./chunk.KPCDTCWK.js";import{a as C}from"./chunk.KTC4GWAL.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.O4ZRZ3HV.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.XKOYU7QD.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:.96},{opacity:1,scale:1}],options:{duration:200,easing:"cubic-bezier(0.16, 1, 0.3, 1)"}});l("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.96}],options:{duration:150,easing:"ease-in"}});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.EVSHDM7K.js

@@ -0,0 +1,150 @@
+import{a as R}from"./chunk.U4ZROS2F.js";import{a as k}from"./chunk.NH44FMAX.js";import{a as S,d as w,e as B,f as I,h as K}from"./chunk.CGGHKCZQ.js";import{a as M}from"./chunk.JI63QKDW.js";import{a as q}from"./chunk.45XJQKDT.js";import{a as z}from"./chunk.N2LFJ4OV.js";import{a as P}from"./chunk.UGDEBMK6.js";import{c as H}from"./chunk.HUMDDNNQ.js";import{a as D}from"./chunk.BG6N3PAS.js";import{a as A}from"./chunk.67STUNDX.js";import{b as L}from"./chunk.V7E6ITFP.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as b,c as O}from"./chunk.VDJQBFEB.js";import{a as x,c as C}from"./chunk.DCN42ZX4.js";import{a as E}from"./chunk.O4ZRZ3HV.js";import{a as F}from"./chunk.LQLSWU3G.js";import{a as V}from"./chunk.YHSYTTFF.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as T}from"./chunk.7TAXE2HP.js";import{a as h,b as d,d as m,g as _}from"./chunk.XKOYU7QD.js";import{a as $}from"./chunk.MXDME6T6.js";import{d as p}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var i=class extends _{constructor(){super(...arguments);this.formControlController=new L(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new V(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new E(this);this.lastOptionValue="";this.isOptionRendererTriggered=!1;this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.numberFilteredOptions=0;this.cachedOptions=[];this.showCustomOption=!1;this.query="";this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.state="default";this.size="medium";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.label="";this.placement="bottom";this.helpTip="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.form="";this.inline=!1;this.allowCustomValues=!1;this.multiple=!1;this.maxOptionsVisible=3;this.getTag=t=>p`
+      <lynk-tag
+        part="tag"
+        exportparts="
+              base:tag__base,
+              content:tag__content,
+              remove-button:tag__remove-button,
+              remove-button__base:tag__remove-button__base
+            "
+        size=${this.size}
+        removable
+        @ev-remove=${e=>this.handleTagRemove(e,t)}
+      >
+        ${t.getTextLabel()}
+      </lynk-tag>
+    `;this.getOption=P;this.filter=(t,e)=>{let s=(t==null?void 0:t.textContent)||"";t instanceof k&&(s=t.getTextLabel());let o=I(s),a=I(e);return o.includes(a)};this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{var a,r;let e=t.target,s=e.closest(".combobox__clear")!==null,o=e.closest("lynk-tag")!==null||e.closest("lynk-icon-button")!==null;if(!(s||o)){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(),f=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;if(this.multiple){if(!this.open&&!f){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||n!=null&&n.disabled)return;(a=n==null?void 0:n.classList)!=null&&a.contains("combobox__custom-option")?this.addCustomOptionValue(this.displayInput.value.trim()):n&&this.toggleOptionSelection(n);return}if(!n){let c=this.getSlottedOptions().find(u=>{let y=u.value||(u.getTextLabel?u.getTextLabel():u.textContent||""),Q=u.getTextLabel?u.getTextLabel():u.textContent||"";return y===this.displayInput.value||Q===this.displayInput.value});if(c){let u=this.lastOptionValue;this.setSelectedOption(c),this.value!==u&&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 u=this.displayInput.value.trim(),y=this.lastOptionValue;this.value=u,this.displayLabel=u,this.displayInput.value=u,this.lastOptionValue=u,this.setSelectedOption(void 0),u!==y&&this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:u}}),this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0});return}}if(!this.open&&!f){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||n!=null&&n.disabled)return;if(n){let c=this.lastOptionValue;if((r=n.classList)!=null&&r.contains("combobox__custom-option")){let u=this.displayInput.value.trim();this.value=u,this.displayLabel=u,this.displayInput.value=u,this.lastOptionValue=u,this.setSelectedOption(void 0),u!==c&&this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:u}}),this.emit("ev-input"),this.emit("ev-change")})}else this.setSelectedOption(n),this.value!==c&&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 value(){return this._value}set value(t){t==null&&(t=this.multiple?[]:""),this.multiple?t=Array.isArray(t)?t:t===""?[]:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){if(super.connectedCallback(),!this.valueHasChanged){let t=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=t}this.open=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}attributeChangedCallback(t,e,s){if(super.attributeChangedCallback(t,e,s),t==="value"){let o=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=o}}firstUpdated(){this.updateComplete.then(()=>{if(this.multiple){this.syncSelectedOptions();return}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||this.readonly||t.composedPath().some(a=>{var r,n;return a instanceof Element&&(((r=a.tagName)==null?void 0:r.toLowerCase())==="lynk-tag"||((n=a.tagName)==null?void 0:n.toLowerCase())==="lynk-icon-button")}))return;let o=()=>{if(this.open)return this.hide();{if(this.multiple)return this.createComboboxOptionsFromQuery(this.query),this.show();let r=this.getSlottedOptions().some(n=>(n.value||(n.getTextLabel?n.getTextLabel():n.textContent||""))===this.value)?"":this.value;return this.createComboboxOptionsFromQuery(r),this.show()}};t.preventDefault(),o().then(()=>{setTimeout(()=>this.displayInput.focus({preventScroll:!0}))})}handleComboboxKeyDown(t){t.key!=="Tab"&&this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearCombobox()}clearCombobox(){if(this.multiple){if(!(Array.isArray(this.value)&&this.value.length>0)&&this.query==="")return;this.value=[],this.query="",this.displayInput.value="",this.lastOptionValue="",this.selectedOptions=[],this.createComboboxOptionsFromQuery(""),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")});return}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,s=e.closest("lynk-option"),o=e.closest(".combobox__custom-option"),a=this.lastOptionValue;if(this.multiple){if(o){this.addCustomOptionValue(this.displayInput.value.trim()),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0}));return}s&&!s.disabled&&(this.toggleOptionSelection(s),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})));return}if(o){let r=this.displayInput.value.trim();this.value=r,this.displayLabel=r,this.displayInput.value=r,this.lastOptionValue=r,this.setSelectedOption(void 0),this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:r}}),this.emit("ev-input"),this.emit("ev-change")}),this.hide(),this.displayInput.focus({preventScroll:!0});return}s&&!s.disabled&&(this.setSelectedOption(s),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==a&&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 s=this.getCurrentOption(),o=e.indexOf(s),a=Math.max(0,o);if(t){let n=o+1;a=n>e.length-1?0:n}else{let n=o-1;a=n<0?e.length-1:n}this.setCurrentOption(e[a]);let r=this.getCurrentOption();r&&typeof r.getBoundingClientRect=="function"&&H(r,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(),s=this.renderRoot.querySelector(".combobox__custom-option");this.displayInput.removeAttribute("aria-activedescendant"),s&&s.classList.remove("combobox__custom-option--current"),e.forEach(a=>{var r;(r=a.classList)!=null&&r.contains("combobox__custom-option")?a.classList.remove("combobox__custom-option--current"):"current"in a&&(a.current=!1,a.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 s,o;this.selectedOption=t;let e=((s=this.selectedOption)==null?void 0:s.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 a,r;this.displayLabel=(r=(a=this.selectedOption)==null?void 0:a.getTextLabel())!=null?r:this.displayInput.value,this.formControlController.updateValidity()})}toggleOptionSelection(t,e){let s=t.value||t.getTextLabel(),o=Array.isArray(this.value)?[...this.value]:[],a=o.indexOf(s),r=e===void 0?a===-1:e;if(r&&a===-1)o.push(s);else if(!r&&a!==-1)o.splice(a,1);else return;this.query="",this.displayInput&&(this.displayInput.value=""),this.value=o,this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change"),this.formControlController.updateValidity()})}addCustomOptionValue(t){if(!t)return;let e=Array.isArray(this.value)?[...this.value]:[];e.includes(t)||(e.push(t),this.query="",this.displayInput&&(this.displayInput.value=""),this.value=e,this.showCustomOption=!1,this.updateComplete.then(()=>{this.emit("ev-add-option",{detail:{value:t}}),this.emit("ev-input"),this.emit("ev-change"),this.formControlController.updateValidity()}))}syncSelectedOptions(){if(!this.multiple)return;let t=Array.isArray(this.value)?this.value:[],e=[...this.cachedOptions,...this.getSlottedOptions()];this.selectedOptions=t.map(s=>{let o=e.find(r=>(r.value||r.getTextLabel())===s);if(o)return o;let a=document.createElement("lynk-option");return a.value=s,a.textContent=s,a})}handleTagRemove(t,e){t.stopPropagation(),!this.disabled&&this.toggleOptionSelection(e,!1)}get tags(){return this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let s=this.getTag(t,e);return p`<div @ev-remove=${o=>this.handleTagRemove(o,t)}>
+          ${typeof s=="string"?M(s):s}
+        </div>`}else if(e===this.maxOptionsVisible)return p`<lynk-tag size=${this.size}>+${this.selectedOptions.length-e}</lynk-tag>`;return p``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handlePropertiesChange(){this.createComboboxOptionsFromQuery(this.multiple?this.query:this.value)}handleDisabledChange(){this.formControlController.setValidity(this.disabled),this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){if(!this.valueHasChanged){let e=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=e}if(this.multiple){this.syncSelectedOptions(),this.createComboboxOptionsFromQuery(this.query),this.setCurrentOption(null);return}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&&!this.readonly){if(this.numberFilteredOptions===0){this.open=!1,this.emit("ev-error");return}this.emit("ev-show"),this.addOpenListeners(),await O(this),this.listbox.hidden=!1,this.popup.active=!0;let{keyframes:s,options:o}=C(this,"combobox.show",{dir:this.localize.dir()});await b(this.popup.popup,s,o),this.emit("ev-after-show");return}this.setCurrentOption(null),this.displayInput.removeAttribute("aria-activedescendant"),this.emit("ev-hide"),this.removeOpenListeners(),await O(this);let{keyframes:t,options:e}=C(this,"combobox.hide",{dir:this.localize.dir()});await b(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.readonly){this.open=!1;return}return this.open=!0,await Promise.race([g(this,"ev-after-show"),g(this,"ev-error")])}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,await g(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 s;this.numberFilteredOptions=0,this.isOptionRendererTriggered=!0,this.cachedOptions.length===0&&this.cacheSlottedOptionsAndOptgroups(),this.getSlottedOptions().forEach(o=>{let a=this.cachedOptions.find(c=>c.id===o.id)||o,r=this.getOption(a,t),n=K(r);n||(n=a);let f=!(this.filter(n,t)||t==="");if(n.hidden=f,"selected"in n){let c=n.value||n.getTextLabel();if(this.multiple)n.selected=Array.isArray(this.value)&&this.value.includes(c);else{let u=c===this.value;n.selected=u,"current"in n&&(n.current=u)}}o.replaceWith(n),f||(this.numberFilteredOptions+=1)}),this.showCustomOption=!1,this.allowCustomValues&&t.trim()&&this.numberFilteredOptions===0&&(this.showCustomOption=!0,this.numberFilteredOptions=1),(s=this.getSlottedOptGroups().filter(o=>{let r=w(Array.from(o.children)).flat().some(n=>!n.hidden);return o.hidden=!r,r})[0])==null||s.style.setProperty("--display-divider","none"),setTimeout(()=>{this.isOptionRendererTriggered=!1},0)}async handleInput(){let t=this.displayInput.value;if(this.multiple){this.query=t,this.createComboboxOptionsFromQuery(this.query),await this.updateComplete,this.open=this.numberFilteredOptions>0,this.emit("ev-input");return}this.value=t,await this.updateComplete,this.open=this.numberFilteredOptions>0,this.setSelectedOption(void 0),this.formControlController.updateValidity(),this.emit("ev-input")}handleChange(){this.multiple||this.selectedOption||(this.value=this.displayInput.value,this.updateComplete.then(()=>{this.formControlController.updateValidity()}),this.emit("ev-change"))}getSlottedOptions(){return w(S(this.defaultSlot)).flat()}getSlottedOptGroups(){return B(S(this.defaultSlot))}cacheSlottedOptionsAndOptgroups(){let t=this.getSlottedOptions(),e=this.getSlottedOptGroups();t.forEach((s,o)=>{s.id=s.id||`lynk-combobox-option-${o}`}),e.forEach((s,o)=>{s.id=s.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.multiple){this.syncSelectedOptions(),this.createComboboxOptionsFromQuery(this.query);return}if(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 o;let t=this.multiple?Array.isArray(this.value)&&this.value.length>0:((o=this.value)==null?void 0:o.length)>0,e=this.clearable&&!this.disabled&&!this.readonly&&(t||this.multiple&&this.query.length>0),s=!!this.placeholder&&!t&&(!this.multiple||this.query.length===0);return p`
+      <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}
+        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
+        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
+        .required=${this.required}
+        .optional=${this.optional}
+        .readonly=${this.readonly}
+        .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")?p`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?p`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?p`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?p`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?p`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <lynk-popup
+          class=${T({combobox:!0,"combobox--bottom":this.placement==="bottom","combobox--disabled":this.disabled,"combobox--readonly":this.readonly,"combobox--focused":this.hasFocus,"combobox--large":this.size==="large","combobox--medium":this.size==="medium","combobox--multiple":this.multiple,"combobox--open":this.open,"combobox--placeholder-visible":s,"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>
+
+            ${this.multiple&&this.selectedOptions.length>0?p`<div part="tags" class="combobox__tags">${this.tags}</div>`:""}
+
+            <input
+              part="display-input"
+              class="combobox__display-input"
+              type="text"
+              placeholder=${s?this.placeholder:""}
+              .disabled=${this.disabled}
+              .value=${this.multiple?this.query:this.displayLabel}
+              ?readonly=${this.readonly}
+              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"}
+              aria-readonly=${this.readonly?"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=${Array.isArray(this.value)?this.value.join(", "):this.value}
+              tabindex="-1"
+              aria-hidden="true"
+              @focus=${()=>this.focus()}
+              @invalid=${this.handleInvalid}
+            />
+
+            ${e?p`
+                    <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-multiselectable=${this.multiple?"true":"false"}
+            aria-label=${this.label||"Combobox options"}
+            part="listbox"
+            class="combobox__listbox"
+            tabindex="-1"
+            @mousedown=${this.preventLoosingFocus}
+            @mouseup=${this.handleOptionClick}
+          >
+            <div class="combobox__listbox-options" part="filtered-listbox">
+              <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+              ${this.showCustomOption?p`
+                      <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=[$,z,q],i.dependencies={"lynk-form-field":D,"lynk-icon":F,"lynk-popup":A,"lynk-tag":R},l([m(".combobox")],i.prototype,"popup",2),l([m(".combobox__inputs")],i.prototype,"combobox",2),l([m(".combobox__display-input")],i.prototype,"displayInput",2),l([m(".combobox__value-input")],i.prototype,"valueInput",2),l([m(".combobox__listbox")],i.prototype,"listbox",2),l([m("slot:not([name])")],i.prototype,"defaultSlot",2),l([d()],i.prototype,"hasFocus",2),l([d()],i.prototype,"displayLabel",2),l([d()],i.prototype,"selectedOption",2),l([d()],i.prototype,"selectedOptions",2),l([d()],i.prototype,"numberFilteredOptions",2),l([d()],i.prototype,"cachedOptions",2),l([d()],i.prototype,"showCustomOption",2),l([d()],i.prototype,"query",2),l([d()],i.prototype,"valueHasChanged",2),l([h()],i.prototype,"name",2),l([d()],i.prototype,"value",1),l([h({attribute:"value"})],i.prototype,"defaultValue",2),l([h({reflect:!0})],i.prototype,"state",2),l([h({reflect:!0})],i.prototype,"size",2),l([h()],i.prototype,"placeholder",2),l([h({reflect:!0,type:Boolean})],i.prototype,"disabled",2),l([h({type:Boolean,reflect:!0})],i.prototype,"readonly",2),l([h({type:Boolean,reflect:!0})],i.prototype,"required",2),l([h({type:Boolean,reflect:!0})],i.prototype,"optional",2),l([h({type:Boolean,reflect:!0})],i.prototype,"dirty",2),l([h({type:Boolean})],i.prototype,"clearable",2),l([h({reflect:!0,type:Boolean})],i.prototype,"open",2),l([h({type:Boolean})],i.prototype,"hoist",2),l([h()],i.prototype,"label",2),l([h({reflect:!0})],i.prototype,"placement",2),l([h({attribute:"help-tip"})],i.prototype,"helpTip",2),l([h({attribute:"help-text"})],i.prototype,"helpText",2),l([h({attribute:"label-end"})],i.prototype,"labelEnd",2),l([h({attribute:"help-text-end"})],i.prototype,"helpTextEnd",2),l([h({reflect:!0})],i.prototype,"form",2),l([h({type:Boolean,reflect:!0})],i.prototype,"inline",2),l([h({type:Boolean,attribute:"allow-custom-values"})],i.prototype,"allowCustomValues",2),l([h({type:Boolean,reflect:!0})],i.prototype,"multiple",2),l([h({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),l([h()],i.prototype,"getTag",2),l([h()],i.prototype,"getOption",2),l([h()],i.prototype,"filter",2),l([v(["filter","getOption"],{waitUntilFirstUpdate:!0})],i.prototype,"handlePropertiesChange",1),l([v("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),l([v(["defaultValue","value"],{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),l([v("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);x("combobox.show",{keyframes:[{opacity:0,scale:.97},{opacity:1,scale:1}],options:{duration:150,easing:"cubic-bezier(0.16, 1, 0.3, 1)"}});x("combobox.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.97}],options:{duration:100,easing:"ease-in"}});export{i as a};

package/cdn/chunks/chunk.EW74AP3P.js

@@ -0,0 +1,20 @@
+import{a}from"./chunk.2G3FEYKO.js";import{a as u}from"./chunk.XMJQHR7T.js";import{a as i}from"./chunk.IVS4ODN6.js";import{a as m}from"./chunk.TETFNMKN.js";import{a as d,f as k,g as p}from"./chunk.XKOYU7QD.js";import{a as f}from"./chunk.MXDME6T6.js";import{d as l}from"./chunk.PINNEFCM.js";import{e as s}from"./chunk.FI4IKBIW.js";var o=class extends p{constructor(){super(...arguments);this.cols=[];this.rows=[];this.custom=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("ev-table-sort",this.handleSort)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("ev-table-sort",this.handleSort)}handleSort(t){let n;this.assignedHead.forEach(y=>{y.querySelectorAll("lynk-tr").forEach(c=>{c.querySelectorAll("lynk-th").forEach(e=>{if(e.key===t.detail.key){switch(a[e.sortDirection]){case a[1]:e.sortDirection=-1;break;case a[-1]:case a[0]:e.sortDirection=1;break}n=e.sortDirection}else e.sortDirection=0})})}),this.rows.sort((y,c)=>{let e=y[t.detail.key],r=c[t.detail.key];if(e==null&&(e=""),r==null&&(r=""),!isNaN(parseFloat(e))&&!isNaN(parseFloat(r)))return(Number(e)-Number(r))*n;let h=e.toString(),b=r.toString();return h.localeCompare(b)*n}),this.requestUpdate()}render(){return l`
+      <slot part="base">
+        <lynk-colgroup> ${i(this.cols,t=>l`<lynk-col class="${t.key}"></lynk-col>`)} </lynk-colgroup>
+        <lynk-thead>
+          <lynk-tr>
+            ${i(this.cols,t=>l`
+                <lynk-th
+                  key="${t.key}"
+                  sort-direction=${m(t.sortDirection?t.sortDirection:void 0)}
+                  ?sortable=${m(t.sortable?t.sortable:void 0)}
+                  >${t.title}</lynk-th
+                >
+              `)}
+          </lynk-tr>
+        </lynk-thead>
+        <lynk-tbody>
+          ${i(this.rows,t=>l` <lynk-tr> ${i(this.cols,n=>l`<lynk-td>${t[n.key]}</lynk-td>`)} </lynk-tr>`)}
+        </lynk-tbody>
+      </slot>
+    `}};o.styles=[f,u],s([d()],o.prototype,"cols",2),s([d()],o.prototype,"rows",2),s([d({type:Boolean,reflect:!0})],o.prototype,"custom",2),s([k({selector:"lynk-thead",flatten:!0})],o.prototype,"assignedHead",2),s([k({selector:"lynk-tbody",flatten:!0})],o.prototype,"assignedBody",2);export{o as a};

package/cdn/chunks/chunk.FBX2Q2IV.js

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

package/cdn/chunks/chunk.FQZBUBEY.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.4OCLZRHZ.js";import*as t from"react";import{createComponent as a}from"@lit/react";var m="lynk-relative-time";e.define("lynk-relative-time");var r=a({tagName:m,elementClass:e,react:t,events:{},displayName:"LynkRelativeTime"}),i=r;export{i as a};

package/cdn/chunks/chunk.FXW5JTS2.js

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

package/cdn/chunks/chunk.FZW26T6T.js

@@ -0,0 +1,49 @@
+import{a as C}from"./chunk.OTWZM4YD.js";import{a as x}from"./chunk.M5MJDU52.js";import{c as g}from"./chunk.HUMDDNNQ.js";import{a as A}from"./chunk.KTC4GWAL.js";import{a as S}from"./chunk.O4ZRZ3HV.js";import{a as T}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.7TAXE2HP.js";import{a as u,b as f,c as w,d as p,g as k}from"./chunk.XKOYU7QD.js";import{a as E}from"./chunk.MXDME6T6.js";import{d as v}from"./chunk.PINNEFCM.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};