@uplynk/lynk-design 1.15.0 → 1.16.0

package/cdn/chunks/chunk.KYOS4I76.js

@@ -0,0 +1,137 @@
+import{a as A}from"./chunk.33VKBX66.js";import{a as H}from"./chunk.ZOSS34IY.js";import{c as D}from"./chunk.HUMDDNNQ.js";import{a as I}from"./chunk.QCTCK2TD.js";import{a as T}from"./chunk.MWCK56XI.js";import{a as E}from"./chunk.KSEBZT7R.js";import{b as _}from"./chunk.V7E6ITFP.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as f,c as v}from"./chunk.VDJQBFEB.js";import{a as y,c as g}from"./chunk.DCN42ZX4.js";import{a as $}from"./chunk.Q3J7P2MZ.js";import{a as k}from"./chunk.5FCGOT5T.js";import{a as x}from"./chunk.YHSYTTFF.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a as C}from"./chunk.LUIZCMPE.js";import{a as o,b as u,d as c,g as O}from"./chunk.ODSBDO47.js";import{a as w}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";import{e as s}from"./chunk.FI4IKBIW.js";var e=class extends O{constructor(){super(...arguments);this.formControlController=new _(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new x(this,"help-text","help-tip","label");this.localize=new $(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.helpTip="";this.form="";this.required=!1;this.dirty=!1;this.restricted=!1;this.state="default";this.inline=!1;this.getTag=t=>r`
+      <lynk-tag
+        part="tag"
+        exportparts="
+              base:tag__base,
+              content:tag__content,
+              remove-button:tag__remove-button,
+              remove-button__base:tag__remove-button__base
+            "
+        ?pill=${this.pill}
+        size=${this.size}
+        ?removable=${!this.restricted}
+        @ev-remove=${i=>this.handleTagRemove(i,t)}
+      >
+        ${t.getTextLabel()}
+      </lynk-tag>
+    `;this.handleDocumentFocusIn=t=>{let i=t.composedPath();this&&!i.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let i=t.target,l=i.closest(".select__clear")!==null,n=i.closest("lynk-icon-button")!==null,p=i.closest("lynk-input")!==null;if(!(l||n||p)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let a=this.getAllOptions(),d=a.indexOf(this.currentOption),h=Math.max(0,d);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=d+1,h>a.length-1&&(h=0)):t.key==="ArrowUp"?(h=d-1,h<0&&(h=a.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=a.length-1),this.setCurrentOption(a[h])}if(t.key.length===1||t.key==="Backspace"){let a=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let d of a)if(d.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(d);break}}}};this.handleDocumentMouseDown=t=>{let i=t.composedPath();this&&!i.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.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(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}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.displayInput.setSelectionRange(0,0),this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleComboboxMouseDown(t){let l=t.composedPath().some(n=>n instanceof Element&&n.tagName.toLowerCase()==="lynk-icon-button");this.disabled||this.restricted||l||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let l=t.target.closest("lynk-option"),n=this.value;l&&!l.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(l):this.setSelectedOptions(l),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==n&&this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("lynk-option")||customElements.whenDefined("lynk-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),i=this.valueHasChanged?this.value:this.defaultValue,l=Array.isArray(i)?i:[i],n=[];t.forEach(p=>n.push(p.value)),this.setSelectedOptions(t.filter(p=>l.includes(p.value)))}handleTagRemove(t,i){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(i,!1),this.updateComplete.then(()=>{this.emit("ev-input"),this.emit("ev-change")}))}getAllOptions(){return[...this.querySelectorAll("lynk-option")]}getFirstOption(){return this.querySelector("lynk-option")}setCurrentOption(t){this.getAllOptions().forEach(l=>{l.current=!1,l.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let i=this.getAllOptions(),l=Array.isArray(t)?t:[t];i.forEach(n=>n.selected=!1),l.length&&l.forEach(n=>n.selected=!0),this.selectionChanged()}toggleOptionSelection(t,i){i===!0||i===!1?t.selected=i:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var l,n,p;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let i=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length);else{let a=this.selectedOptions[0];this.value=(l=a==null?void 0:a.value)!=null?l:"",this.displayLabel=(p=(n=a==null?void 0:a.getTextLabel)==null?void 0:n.call(a))!=null?p:""}this.valueHasChanged=i,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,i)=>{if(i<this.maxOptionsVisible||this.maxOptionsVisible<=0){let l=this.getTag(t,i);return r`<div @ev-remove=${n=>this.handleTagRemove(n,t)}>
+          ${typeof l=="string"?I(l):l}
+        </div>`}else if(i===this.maxOptionsVisible)return r`<lynk-tag size=${this.size}>+${this.selectedOptions.length-i}</lynk-tag>`;return r``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){(this.disabled||this.restricted)&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,i,l){if(super.attributeChangedCallback(t,i,l),t==="value"){let n=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=n}}handleValueChange(){if(!this.valueHasChanged){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}let t=this.getAllOptions(),i=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(l=>i.includes(l.value)))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("ev-show"),this.addOpenListeners(),await v(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:i}=g(this,"select.show",{dir:this.localize.dir()});await f(this.popup.popup,t,i),this.currentOption&&D(this.currentOption,this.listbox,"vertical","auto"),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),await v(this);let{keyframes:t,options:i}=g(this,"select.hide",{dir:this.localize.dir()});await f(this.popup.popup,t,i),this.listbox.hidden=!0,this.popup.active=!1,this.emit("ev-after-hide")}}async show(){if(this.open||this.disabled||this.restricted){this.open=!1;return}return this.open=!0,await b(this,"ev-after-show")}async hide(){if(!this.open||this.disabled||this.restricted){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()}render(){let t=this.clearable&&!this.disabled&&this.value&&this.value.length>0,i=this.placeholder&&(!this.value||this.value.length===0);return r`
+      <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")?r`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        <lynk-popup
+          class=${C({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--restricted":this.restricted,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":i,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
+          placement=${this.placement}
+          strategy=${this.hoist?"fixed":"absolute"}
+          flip
+          shift
+          sync="width"
+          auto-size="vertical"
+          auto-size-padding="10"
+        >
+          <div
+            part="combobox"
+            class="select__combobox"
+            slot="anchor"
+            @keydown=${this.handleComboboxKeyDown}
+            @mousedown=${this.handleComboboxMouseDown}
+          >
+            <slot part="prefix" name="prefix" class="select__prefix"></slot>
+
+            ${this.restricted?r`
+                  <div part="display-input" class="select__display-input">
+                    ${this.displayLabel?this.displayLabel:"-"}
+                  </div>
+                `:r`
+                  <input
+                    part="display-input"
+                    class="select__display-input"
+                    type="text"
+                    placeholder=${this.placeholder}
+                    .disabled=${this.disabled}
+                    .value=${this.displayLabel}
+                    autocomplete="off"
+                    spellcheck="false"
+                    autocapitalize="off"
+                    readonly
+                    aria-controls="listbox"
+                    aria-expanded=${this.open?"true":"false"}
+                    aria-haspopup="listbox"
+                    aria-disabled=${this.disabled?"true":"false"}
+                    aria-label=${this.label||"Select"}
+                    role="combobox"
+                    tabindex="0"
+                    @focus=${this.handleFocus}
+                    @blur=${this.handleBlur}
+                  />
+                `}
+            ${this.multiple?r`<div part="tags" class="select__tags">${this.tags}</div>`:""}
+
+            <input
+              class="select__value-input"
+              type="text"
+              ?disabled=${this.disabled||this.restricted}
+              ?required=${this.required}
+              .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+              tabindex="-1"
+              aria-hidden="true"
+              @focus=${()=>this.focus()}
+              @invalid=${this.handleInvalid}
+            />
+
+            ${t?r`
+                  <button
+                    part="clear-button"
+                    class="select__clear"
+                    type="button"
+                    aria-label=${this.localize.term("clearEntry")}
+                    @mousedown=${this.handleClearMouseDown}
+                    @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="select__suffix"></slot>
+
+            <slot name="expand-icon" part="expand-icon" class="select__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||"Select options"}
+            part="listbox"
+            class="select__listbox"
+            tabindex="-1"
+            @mouseup=${this.handleOptionClick}
+            @slotchange=${this.handleDefaultSlotChange}
+          >
+            <slot></slot>
+          </div>
+        </lynk-popup>
+      </lynk-form-field>
+    `}};e.styles=[w,H],e.dependencies={"lynk-form-field":T,"lynk-icon":k,"lynk-popup":E,"lynk-tag":A},s([c(".select")],e.prototype,"popup",2),s([c(".select__combobox")],e.prototype,"combobox",2),s([c(".select__display-input")],e.prototype,"displayInput",2),s([c(".select__value-input")],e.prototype,"valueInput",2),s([c(".select__listbox")],e.prototype,"listbox",2),s([u()],e.prototype,"hasFocus",2),s([u()],e.prototype,"displayLabel",2),s([u()],e.prototype,"currentOption",2),s([u()],e.prototype,"selectedOptions",2),s([u()],e.prototype,"valueHasChanged",2),s([o()],e.prototype,"name",2),s([u()],e.prototype,"value",1),s([o({attribute:"value"})],e.prototype,"defaultValue",2),s([o({reflect:!0})],e.prototype,"size",2),s([o()],e.prototype,"placeholder",2),s([o({type:Boolean,reflect:!0})],e.prototype,"multiple",2),s([o({attribute:"max-options-visible",type:Number})],e.prototype,"maxOptionsVisible",2),s([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),s([o({type:Boolean})],e.prototype,"clearable",2),s([o({type:Boolean,reflect:!0})],e.prototype,"open",2),s([o({type:Boolean})],e.prototype,"hoist",2),s([o({type:Boolean,reflect:!0})],e.prototype,"filled",2),s([o({type:Boolean,reflect:!0})],e.prototype,"pill",2),s([o()],e.prototype,"label",2),s([o({reflect:!0})],e.prototype,"placement",2),s([o({attribute:"help-text"})],e.prototype,"helpText",2),s([o({attribute:"help-tip"})],e.prototype,"helpTip",2),s([o({reflect:!0})],e.prototype,"form",2),s([o({type:Boolean,reflect:!0})],e.prototype,"required",2),s([o({type:Boolean,reflect:!0})],e.prototype,"dirty",2),s([o({type:Boolean,reflect:!0})],e.prototype,"restricted",2),s([o({reflect:!0})],e.prototype,"state",2),s([o({type:Boolean,reflect:!0})],e.prototype,"inline",2),s([o()],e.prototype,"getTag",2),s([m(["disabled","restricted"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),s([m(["defaultValue","value"],{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),s([m("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1);y("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});y("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{e as a};

package/cdn/chunks/chunk.KZIXMTZC.js

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

package/cdn/chunks/chunk.LBELADBC.js

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

package/cdn/chunks/chunk.LBU67PSW.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk.JFNAU4AM.js";import{a as p}from"./chunk.HTR3JNBD.js";import{a as c}from"./chunk.YZSIY5HS.js";import{a as i,g as m}from"./chunk.ODSBDO47.js";import{a as l}from"./chunk.6UGEFC7C.js";import{d as a}from"./chunk.OAB62Q2Y.js";import{e as o}from"./chunk.FI4IKBIW.js";var e=class extends m{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(t){let r=document.createElement("script");[...t.attributes].forEach(s=>r.setAttribute(s.name,s.value)),r.textContent=t.textContent,t.parentNode.replaceChild(r,t)}async handleSrcChange(){try{let t=this.src,r=await p(t,this.mode);if(t!==this.src)return;if(!r.ok){this.emit("ev-error",{detail:{status:r.status}});return}this.innerHTML=r.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(s=>this.executeScript(s)),this.emit("ev-load")}catch(t){this.emit("ev-error",{detail:{status:-1}})}}render(){return a`<slot></slot>`}};e.styles=[l,n],o([i()],e.prototype,"src",2),o([i()],e.prototype,"mode",2),o([i({attribute:"allow-scripts",type:Boolean})],e.prototype,"allowScripts",2),o([c("src")],e.prototype,"handleSrcChange",1);export{e as a};

package/cdn/chunks/chunk.LLI667T6.js

@@ -0,0 +1,18 @@
+import{a as h}from"./chunk.76ZKAIFH.js";import{a as m}from"./chunk.YZSIY5HS.js";import{a as t,b as s,g as a}from"./chunk.ODSBDO47.js";import{a as o}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";import{e}from"./chunk.FI4IKBIW.js";var i=class extends a{constructor(){super(...arguments);this.hasError=!1;this.image="";this.label="";this.initials="";this.loading="eager";this.shape="circle"}handleImageChange(){this.hasError=!1}handleImageLoadError(){this.hasError=!0,this.emit("ev-error")}render(){let n=r`
+      <img
+        part="image"
+        class="image"
+        src="${this.image}"
+        loading="${this.loading}"
+        alt=${this.label}
+        @error="${this.handleImageLoadError}"
+      />
+    `,l=r``;return this.initials?l=r`<div part="initials" class="initials" role="img" aria-label=${this.label}>
+        ${this.initials}
+      </div>`:l=r`
+        <div part="icon" class="icon" role="img" aria-label=${this.label}>
+          <slot name="icon">
+            <lynk-icon name="person-fill" library="system"></lynk-icon>
+          </slot>
+        </div>
+      `,r` ${this.image&&!this.hasError?n:l} `}};i.styles=[o,h],e([s()],i.prototype,"hasError",2),e([t()],i.prototype,"image",2),e([t()],i.prototype,"label",2),e([t()],i.prototype,"initials",2),e([t()],i.prototype,"loading",2),e([t({reflect:!0})],i.prototype,"shape",2),e([m("image")],i.prototype,"handleImageChange",1);export{i as a};

package/cdn/chunks/chunk.LN5ZWVBN.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk.J2O6CLTB.js";import{a as e,g as l}from"./chunk.ODSBDO47.js";import{a as m}from"./chunk.6UGEFC7C.js";import{d as o}from"./chunk.OAB62Q2Y.js";import{e as r}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.sticky=!1}render(){return o` <slot></slot> `}};t.styles=[m,s],r([e({type:Boolean,reflect:!0})],t.prototype,"sticky",2);export{t as a};

package/cdn/chunks/chunk.LNPM5XT4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.U55BA6ZK.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-radio-button";e.define("lynk-radio-button");var r=n({tagName:o,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvFocus:"ev-focus"},displayName:"LynkRadioButton"}),a=r;export{a};

package/cdn/chunks/chunk.LVMQOO7K.js

@@ -0,0 +1,51 @@
+import{a as M}from"./chunk.MK2GJFEH.js";import{a as E}from"./chunk.MWCK56XI.js";import{a as $}from"./chunk.24NKWDUK.js";import{b,c as C,d as V,e as k}from"./chunk.V7E6ITFP.js";import{a as g}from"./chunk.YHSYTTFF.js";import{a as p}from"./chunk.YZSIY5HS.js";import{a as f}from"./chunk.LUIZCMPE.js";import{a,b as h,d as c,g as v}from"./chunk.ODSBDO47.js";import{a as y}from"./chunk.6UGEFC7C.js";import{d}from"./chunk.OAB62Q2Y.js";import{e as s}from"./chunk.FI4IKBIW.js";var i=class extends v{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new g(this,"help-text","help-tip","label");this.customValidityMessage="";this.hasButtonGroup=!1;this.errorMessage="";this.hasFocus=!1;this.defaultValue="";this.label="";this.helpText="";this.helpTip="";this.name="option";this.value="";this.form="";this.required=!1;this.dirty=!1;this.gapped=!1;this.state="default";this.inline=!1}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?k:t?V:C}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("lynk-radio, lynk-radio-button")]}handleRadioClick(t){let e=t.target.closest("lynk-radio, lynk-radio-button"),r=this.getAllRadios(),l=this.value;!e||e.disabled||(this.value=e.value,r.forEach(n=>n.checked=n===e),this.value!==l&&(this.emit("ev-change"),this.emit("ev-input")))}handleKeyDown(t){var m;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(u=>!u.disabled),r=(m=e.find(u=>u.checked))!=null?m:e[0],l=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,o=e.indexOf(r)+l;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach(u=>{u.checked=!1,this.hasButtonGroup||u.setAttribute("tabindex","-1")}),this.value=e[o].value,e[o].checked=!0,this.hasButtonGroup?e[o].shadowRoot.querySelector("button").focus():(e[o].setAttribute("tabindex","0"),e[o].focus()),this.value!==n&&(this.emit("ev-change"),this.emit("ev-input")),t.preventDefault()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}async syncRadioElements(){var e,r;let t=this.getAllRadios();if(await Promise.all(t.map(async l=>{await l.updateComplete,l.checked=l.value===this.value,l.size=this.size})),this.hasButtonGroup=t.some(l=>l.tagName.toLowerCase()==="lynk-radio-button"),t.length>0&&!t.some(l=>l.checked))if(this.hasButtonGroup){let l=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");l&&l.setAttribute("tabindex","0")}else t[0].setAttribute("tabindex","0");if(this.hasButtonGroup){let l=(r=this.shadowRoot)==null?void 0:r.querySelector("lynk-button-group");l&&(l.disableRole=!0)}}syncRadios(){if(customElements.get("lynk-radio")&&customElements.get("lynk-radio-button")){this.syncRadioElements();return}customElements.get("lynk-radio")?this.syncRadioElements():customElements.whenDefined("lynk-radio").then(()=>this.syncRadios()),customElements.get("lynk-radio-button")?this.syncRadioElements():customElements.whenDefined("lynk-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.errorMessage=this.customValidityMessage||t?"":this.validationInput.validationMessage,this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.errorMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let e=this.getAllRadios(),r=e.find(o=>o.checked),l=e.find(o=>!o.disabled),n=r||l;n&&n.focus(t)}render(){let t=d`
+      <slot
+        class=${f({"radio-group__control":!0,"radio-group__control--has-button-group":this.hasButtonGroup})}
+        @slotchange=${this.syncRadios}
+        @click=${this.handleRadioClick}
+        @keydown=${this.handleKeyDown}
+        @focusin=${this.handleFocus}
+        @focusout=${this.handleBlur}
+      ></slot>
+    `;return d`
+      <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")?d`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?d`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?d`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        <fieldset role="radiogroup" aria-label=${this.label||"Radio group"} class="radio-group">
+          <div class="visually-hidden">
+            <div id="error-message" aria-live="assertive">${this.errorMessage}</div>
+            <label class="radio-group__validation">
+              <input
+                type="text"
+                class="radio-group__validation-input"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+                @invalid=${this.handleInvalid}
+              />
+            </label>
+          </div>
+
+          ${this.hasButtonGroup?d`
+                <lynk-button-group part="button-group" exportparts="base:button-group__base" .gapped=${this.gapped}>
+                  ${t}
+                </lynk-button-group>
+              `:t}
+        </fieldset>
+      </lynk-form-field>
+    `}};i.styles=[y,M],i.dependencies={"lynk-button-group":$,"lynk-form-field":E},s([c("slot:not([name])")],i.prototype,"defaultSlot",2),s([c(".radio-group__validation-input")],i.prototype,"validationInput",2),s([h()],i.prototype,"hasButtonGroup",2),s([h()],i.prototype,"errorMessage",2),s([h()],i.prototype,"hasFocus",2),s([h()],i.prototype,"defaultValue",2),s([a()],i.prototype,"label",2),s([a({attribute:"help-text"})],i.prototype,"helpText",2),s([a({attribute:"help-tip"})],i.prototype,"helpTip",2),s([a()],i.prototype,"name",2),s([a({reflect:!0})],i.prototype,"value",2),s([a({reflect:!0})],i.prototype,"size",2),s([a({reflect:!0})],i.prototype,"form",2),s([a({type:Boolean,reflect:!0})],i.prototype,"required",2),s([a({type:Boolean,reflect:!0})],i.prototype,"dirty",2),s([a({type:Boolean,reflect:!0})],i.prototype,"gapped",2),s([a({reflect:!0})],i.prototype,"state",2),s([a({type:Boolean,reflect:!0})],i.prototype,"inline",2),s([p("size",{waitUntilFirstUpdate:!0})],i.prototype,"handleSizeChange",1),s([p("value")],i.prototype,"handleValueChange",1);export{i as a};

package/cdn/chunks/chunk.LYI4TL4Q.js

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

package/cdn/chunks/chunk.M7KIPZOZ.js

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

package/cdn/chunks/chunk.MBUKEOAO.js

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

package/cdn/chunks/chunk.MDCC76VF.js

@@ -0,0 +1,29 @@
+import{a as g}from"./chunk.6W374UII.js";import{a as $}from"./chunk.MYONZHST.js";import{b as C,c as v}from"./chunk.V7E6ITFP.js";import{a as y}from"./chunk.6IV433DB.js";import{a as n,b as s}from"./chunk.LGLXUNNC.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as b}from"./chunk.5FCGOT5T.js";import{a as r}from"./chunk.PGNVXJKR.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.LUIZCMPE.js";import{a as i,b as o,d as f,g as u}from"./chunk.ODSBDO47.js";import{a as p}from"./chunk.6UGEFC7C.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new C(this,{assumeInteractionOn:["click"]});this.hasSlotController=new c(this,"[default]","prefix","suffix");this.localize=new m(this);this.hasFocus=!1;this.invalid=!1;this.title="";this.color="default";this.size="medium";this.block=!1;this.caret=!1;this.disabled=!1;this.thinking=!1;this.outline=!1;this.stealth=!1;this.pill=!1;this.circle=!1;this.square=!1;this.type="button";this.name="";this.value="";this.href="";this.rel="noreferrer noopener";this.noBubble=!1}get validity(){return this.isButton()?this.button.validity:v}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick),this.outline?this.appearance="outlined":this.stealth&&(this.appearance="plain"),this.color!=="default"&&!this.appearance&&(this.appearance="loud")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick)}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleClick(){this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this),this.emit("ev-click",{bubbles:!this.noBubble})}handleHostClick(l){(this.disabled||this.thinking)&&(l.preventDefault(),l.stopImmediatePropagation()),this.noBubble&&l.stopPropagation()}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}handleOutlineChange(){this.outline&&(this.appearance="outlined")}handleStealthChange(){this.stealth&&(this.appearance="plain")}click(){this.button.click()}focus(l){this.button.focus(l)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(l){this.isButton()&&(this.button.setCustomValidity(l),this.formControlController.updateValidity())}render(){let l=this.isLink(),h=l?n`a`:n`button`;return s`
+      <${h}
+        part="base"
+        class=${d({button:!0,"is-disabled":this.disabled,"is-focused":this.hasFocus,"is-thinking":this.thinking,rtl:this.localize.dir()==="rtl","has-label":this.hasSlotController.test("[default]"),"has-prefix":this.hasSlotController.test("prefix"),"has-suffix":this.hasSlotController.test("suffix"),"has-caret":this.caret})}
+        ?disabled=${r(l?void 0:this.disabled)}
+        type=${r(l?void 0:this.type)}
+        title=${this.title}
+        name=${r(l?void 0:this.name)}
+        value=${r(l?void 0:this.value)}
+        href=${r(l?this.href:void 0)}
+        target=${r(l?this.target:void 0)}
+        download=${r(l?this.download:void 0)}
+        rel=${r(l?this.rel:void 0)}
+        role=${r(l?void 0:"button")}
+        aria-disabled=${this.disabled?"true":"false"}
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @invalid=${this.isButton()?this.handleInvalid:null}
+        @click=${this.handleClick}
+      >
+      ${this.hasSlotController.test("prefix")?s`<slot name="prefix" part="prefix" class="button__prefix"></slot>`:""}
+      <slot part="label" class="button__label"></slot>
+      ${this.hasSlotController.test("suffix")?s`<slot name="suffix" part="suffix" class="button__suffix"></slot>`:""}
+
+      ${this.caret?s` <lynk-icon part="caret" class="button__caret" library="system" name="caret"></lynk-icon> `:""}
+        ${this.thinking?s`<lynk-spinner part="spinner"></lynk-spinner>`:""}
+      </${h}>
+    `}};t.styles=[p,g,y],t.dependencies={"lynk-icon":b,"lynk-spinner":$},e([f(".button")],t.prototype,"button",2),e([o()],t.prototype,"hasFocus",2),e([o()],t.prototype,"invalid",2),e([i()],t.prototype,"title",2),e([i({reflect:!0})],t.prototype,"color",2),e([i({reflect:!0})],t.prototype,"appearance",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"block",2),e([i({type:Boolean,reflect:!0})],t.prototype,"caret",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"thinking",2),e([i({type:Boolean})],t.prototype,"outline",2),e([i({type:Boolean})],t.prototype,"stealth",2),e([i({type:Boolean,reflect:!0})],t.prototype,"pill",2),e([i({type:Boolean,reflect:!0})],t.prototype,"circle",2),e([i({type:Boolean,reflect:!0})],t.prototype,"square",2),e([i()],t.prototype,"type",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i()],t.prototype,"href",2),e([i()],t.prototype,"target",2),e([i()],t.prototype,"rel",2),e([i()],t.prototype,"download",2),e([i()],t.prototype,"form",2),e([i({attribute:"formaction"})],t.prototype,"formAction",2),e([i({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([i({attribute:"formmethod"})],t.prototype,"formMethod",2),e([i({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([i({attribute:"formtarget"})],t.prototype,"formTarget",2),e([i({attribute:"no-bubble",type:Boolean,reflect:!0})],t.prototype,"noBubble",2),e([a("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([a("outline",{waitUntilFirstUpdate:!0})],t.prototype,"handleOutlineChange",1),e([a("stealth",{waitUntilFirstUpdate:!0})],t.prototype,"handleStealthChange",1);export{t as a};

package/cdn/chunks/chunk.MGY55XXH.js

@@ -0,0 +1,20 @@
+import{a}from"./chunk.2G3FEYKO.js";import{a as u}from"./chunk.UNYBOP23.js";import{a as i}from"./chunk.4352QCNJ.js";import{a as m}from"./chunk.PGNVXJKR.js";import{a as d,f as k,g as p}from"./chunk.ODSBDO47.js";import{a as f}from"./chunk.6UGEFC7C.js";import{d as l}from"./chunk.OAB62Q2Y.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.MJF3DB5Z.js

@@ -0,0 +1,145 @@
+import{a as $}from"./chunk.4352QCNJ.js";import{e as S,f as c,g as i,h as C,i as F,j as k,k as O,l as f,m as g}from"./chunk.NQSWYSUG.js";import{a as R}from"./chunk.VXDG5DJJ.js";import{a as U}from"./chunk.LUIZCMPE.js";import{a as m,b as v,g as N}from"./chunk.ODSBDO47.js";import{a as Y}from"./chunk.6UGEFC7C.js";import{d as h,h as M}from"./chunk.OAB62Q2Y.js";import{e as u}from"./chunk.FI4IKBIW.js";var l=class extends N{constructor(){super();this.currentDate=new Date;this.focusedDate=null;this.hoverDate=null;this.viewMode="calendar";this.type="date";this._value="";this.months=1;this.showOutsideDays=!1;this.showWeekNumbers=!1;this.disableNavigation=!1;this.firstDayOfWeek=1;this.readonly=!1;this.weekNumberFormatter=t=>`${t}`;this.captionLayout="none";try{this.localeFormatter=g.fromOptions({weekday:"short"},this.locale||navigator.language)}catch(t){this.localeFormatter=g.fromOptions({weekday:"short"},"en-US")}}get value(){return this._value}set value(t){let e=this._value;this._value=t,this.requestUpdate("value",e)}connectedCallback(){super.connectedCallback()}updated(t){if(super.updated(t),t.has("value")||t.has("type")){let e=null,a=null;if(this.value){let s;if(this.type==="range"){let[r]=this.value.split("/");s=r?i(r):null}else if(this.type==="multi"){let[r]=this.value.split(/[, ]+/).filter(Boolean);s=r?i(r):null}else s=i(this.value);s&&!Number.isNaN(s.getTime())&&(e=s,a=i({year:s.getUTCFullYear(),month:s.getUTCMonth(),day:1}))}a&&(a.getUTCFullYear()!==this.currentDate.getUTCFullYear()||a.getUTCMonth()!==this.currentDate.getUTCMonth())?this.currentDate=a:!a&&this.value,this.focusedDate=e||i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1})}if(t.has("locale")){try{this.localeFormatter=g.fromOptions({weekday:"short"},this.locale||navigator.language)}catch(e){this.localeFormatter=g.fromOptions({weekday:"short"},"en-US")}this.requestUpdate()}}get localizedMonthNames(){try{return g.fromOptions({month:"long"},this.locale||navigator.language).monthNames.map(e=>e.name.charAt(0).toUpperCase()+e.name.slice(1))}catch(t){return g.fromOptions({month:"long"},"en-US").monthNames.map(a=>a.name.charAt(0).toUpperCase()+a.name.slice(1))}}get localizedWeekDays(){let t=this.localeFormatter.weekdayNames,e=this.firstDayOfWeek;return[...t.slice(e),...t.slice(0,e)].map(a=>a.name.charAt(0).toUpperCase()+a.name.slice(1))}getWeekDays(){return this.localizedWeekDays}getMonthDays(t,e){let a=C(t,e),s=i({year:t,month:e,day:1}),r=i({year:t,month:e,day:a}),o=this.firstDayOfWeek,y=(s.getUTCDay()-o+7)%7,n=(r.getUTCDay()-o+7)%7,p=[];if(this.showOutsideDays){let D=e===0?11:e-1,T=e===0?t-1:t,b=C(T,D);for(let w=y-1;w>=0;w--)p.push(i({year:T,month:D,day:b-w}))}else for(let D=0;D<y;D++)p.push(null);for(let D=1;D<=a;D++)p.push(i({year:t,month:e,day:D}));if(this.showOutsideDays){let D=e===11?0:e+1,T=e===11?t+1:t;for(let b=1;b<=6-n;b++)p.push(i({year:T,month:D,day:b}))}else for(let D=0;D<6-n;D++)p.push(null);return p}getWeekNumber(t){let e=S(t),a=i({year:e.year,month:0,day:1}),s=(t.getTime()-a.getTime())/864e5;return Math.ceil((s+a.getUTCDay()+1)/7)}isDateDisabled(t){var e;return!!(this.readonly||this.min&&t<new Date(this.min)||this.max&&t>new Date(this.max)||(e=this.isDateDisallowed)!=null&&e.call(this,t))}isDateOutsideMonth(t,e){return t.getUTCMonth()!==e}isDateToday(t){return O(c(t))}isSameDay(t,e){return Number.isNaN(t.getTime())||Number.isNaN(e.getTime())?!1:c(t)===c(e)}isDateSelected(t){switch(this.type){case"date":{if(!this.value)return!1;let e=i(this.value);return Number.isNaN(e.getTime())?!1:this.isSameDay(t,e)}case"multi":return this.value?this.value.split(/[, ]+/).filter(Boolean).map(a=>i(a)).some(a=>!Number.isNaN(a.getTime())&&this.isSameDay(t,a)):!1;case"range":{let e=this.startDate,a=this.endDate;if(!e||!a)return!1;let s=c(t);return!F(s,c(a))&&!k(s,c(e))}default:return!1}}get startDate(){if(this.type!=="range"||!this.value)return null;let[t]=this.value.split("/");return t?i(t):null}get endDate(){if(this.type!=="range"||!this.value)return null;let[,t]=this.value.split("/");return t?i(t):null}isRangeStart(t){if(this.type!=="range")return!1;if(this.startDate&&!this.endDate&&this.hoverDate){let a=this.startDate<this.hoverDate?this.startDate:this.hoverDate;return this.isSameDay(t,a)}let e=this.startDate;return e?this.isSameDay(t,e):!1}isRangeEnd(t){if(this.type!=="range")return!1;if(this.startDate&&!this.endDate&&this.hoverDate){let a=this.startDate>this.hoverDate?this.startDate:this.hoverDate;return this.isSameDay(t,a)}let e=this.endDate||this.hoverDate;return e?this.isSameDay(t,e):!1}isDateInRange(t){if(this.type!=="range")return!1;let e=this.startDate,a=this.endDate;if(e&&!a&&this.hoverDate){let d=e<this.hoverDate?e:this.hoverDate,y=e>this.hoverDate?e:this.hoverDate;e=d,a=y}if(!e||!a)return!1;let s=c(t),r=c(e),o=c(a);return s>r&&s<o}handleDateHover(t){this.type!=="range"||!this.startDate||this.endDate||(this.hoverDate=t)}handleDateLeave(){this.type==="range"&&(this.hoverDate=null)}async handleKeyDown(t,e){var d;let a,s=c(e);switch(t.key){case"ArrowRight":a=i(f(s,"day",1));break;case"ArrowLeft":a=i(f(s,"day",-1));break;case"ArrowDown":a=i(f(s,"day",7));break;case"ArrowUp":a=i(f(s,"day",-7));break;case"PageUp":a=i(f(s,t.shiftKey?"year":"month",-1));break;case"PageDown":a=i(f(s,t.shiftKey?"year":"month",1));break;case"Home":a=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1});break;case"End":a=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth()+this.months,day:0});break;case"Enter":case" ":!this.readonly&&!this.isDateDisabled(e)&&this.handleDateClick(e),t.preventDefault();return;default:return}let r=new Date(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate());if(!this.isDateDisabled(r)){this.focusedDate=r,this.type==="range"&&this.startDate&&!this.endDate&&(this.hoverDate=r);let y=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth(),day:1}),n=i({year:this.currentDate.getUTCFullYear(),month:this.currentDate.getUTCMonth()+this.months,day:0}),p=r<y,D=r>n;(p||D)&&(this.currentDate=i({year:r.getUTCFullYear(),month:r.getUTCMonth(),day:1}))}this.requestUpdate(),await this.updateComplete;let o=(d=this.shadowRoot)==null?void 0:d.querySelector('button[tabindex="0"]');o&&o.focus(),t.preventDefault()}handleDateClick(t){if(!this.isDateDisabled(t)){switch(this.focusedDate=new Date(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()),this.type){case"date":{this.value=c(t);break}case"multi":{let e=c(t),a=this.value.split(/[, ]+/).filter(Boolean),s=a.indexOf(e);s>-1?a.splice(s,1):a.push(e),this.value=a.join(" ");break}case"range":{let e=c(t),a=this.startDate,s=this.endDate;!a||a&&s?(this.value=`${e}/`,this.hoverDate=null):a&&!s&&(k(e,c(a))?this.value=`${e}/${c(a)}`:this.value=`${c(a)}/${e}`,this.hoverDate=null);break}}this.requestUpdate(),this.emit("ev-change")}}handlePreviousMonth(){if(this.disableNavigation)return;let t=c(this.currentDate),e=i(f(t,"month",-this.months));this.currentDate=e,this.focusedDate=i({year:e.getUTCFullYear(),month:e.getUTCMonth(),day:1})}handleNextMonth(){if(this.disableNavigation)return;let t=c(this.currentDate),e=i(f(t,"month",this.months));this.currentDate=e,this.focusedDate=i({year:e.getUTCFullYear(),month:e.getUTCMonth(),day:1})}renderMonth(t,e){let a=this.getMonthDays(t,e),s=this.localizedWeekDays,r=[],o=[];return a.forEach(d=>{o.push(d),o.length===7&&(r.push(o),o=[])}),o.length>0&&r.push(o),h`
+      <div class="calendar-month">
+        <div class="calendar-grid">
+          <table class="calendar-table">
+            <thead>
+              <tr>
+                ${this.showWeekNumbers?h`<th class="weeknumber" part="weeknumber-header"></th>`:M}
+                ${$(s,d=>d,d=>h`<th part="weekday">${d}</th>`)}
+              </tr>
+            </thead>
+            <tbody>
+              ${$(r,d=>d[0]?c(d[0]):String(Math.random()),d=>{var y;return h`
+                  <tr>
+                    ${this.showWeekNumbers?h`
+                          <td class="weeknumber" part="weeknumber">
+                            ${(y=d.find(n=>n))!=null&&y.getUTCDate()?this.weekNumberFormatter(this.getWeekNumber(d.find(n=>n))):""}
+                          </td>
+                        `:M}
+                    ${$(d,n=>n?c(n):String(Math.random()),n=>{var p;return n?h`
+                              <td>
+                                <button
+                                  class=${U({outside:this.isDateOutsideMonth(n,e),disabled:this.isDateDisabled(n),selected:this.isDateSelected(n),"in-range":this.isDateInRange(n),today:this.isDateToday(n),"range-start":this.isRangeStart(n),"range-end":this.isRangeEnd(n)})}
+                                  part=${["day",this.isDateToday(n)?"today":"",this.isDateSelected(n)?"selected":"",this.isRangeStart(n)?"range-start":"",this.isRangeEnd(n)?"range-end":"",this.isDateInRange(n)?"in-range":"",this.isDateOutsideMonth(n,e)?"outside":"",this.isDateDisabled(n)?"disabled":"",(p=this.isDateDisallowed)!=null&&p.call(this,n)?"disallowed":""].filter(Boolean).join(" ")}
+                                  ?disabled=${this.isDateDisabled(n)}
+                                  ?aria-disabled=${this.isDateDisabled(n)?"true":void 0}
+                                  ?aria-pressed=${this.isDateSelected(n)?"true":void 0}
+                                  aria-current=${this.isDateToday(n)?"date":void 0}
+                                  aria-label=${`${this.localizedMonthNames[n.getUTCMonth()]} ${n.getUTCDate()}`}
+                                  tabindex=${this.focusedDate&&this.isSameDay(n,this.focusedDate)?0:-1}
+                                  @click=${()=>this.handleDateClick(n)}
+                                  @keydown=${D=>this.handleKeyDown(D,n)}
+                                  @mouseenter=${()=>this.handleDateHover(n)}
+                                  @mouseleave=${()=>this.handleDateLeave()}
+                                >
+                                  ${n.getUTCDate()}
+                                </button>
+                              </td>
+                            `:h`<td></td>`})}
+                  </tr>
+                `})}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    `}handleMonthYearClick(){this.captionLayout!=="none"&&(this.viewMode="month")}handleYearClick(){this.captionLayout!=="none"&&(this.viewMode="year")}handleMonthSelect(t){this.currentDate=i({year:this.currentDate.getUTCFullYear(),month:t,day:1}),this.viewMode="calendar"}handleYearSelect(t){this.currentDate=i({year:t,month:this.currentDate.getUTCMonth(),day:1}),this.viewMode="calendar"}handlePreviousYear(){this.currentDate=i({year:this.currentDate.getUTCFullYear()-1,month:this.currentDate.getUTCMonth(),day:1})}handleNextYear(){this.currentDate=i({year:this.currentDate.getUTCFullYear()+1,month:this.currentDate.getUTCMonth(),day:1})}handlePreviousYearRange(){let t=this.currentDate.getUTCFullYear();this.currentDate=i({year:t-12,month:this.currentDate.getUTCMonth(),day:1})}handleNextYearRange(){let t=this.currentDate.getUTCFullYear();this.currentDate=i({year:t+12,month:this.currentDate.getUTCMonth(),day:1})}render(){switch(this.viewMode){case"month":return this.renderMonthSelection();case"year":return this.renderYearSelection();default:return this.renderCalendarView()}}renderMonthSelection(){let t=this.localizedMonthNames,e=this.currentDate.getUTCMonth(),a=this.currentDate.getUTCFullYear();return h`
+      <div class="month-selection">
+        <div class="header">
+          <span class="current-year">${a}</span>
+          <div class="navigation">
+            <button @click=${()=>this.handlePreviousYear()}>
+              <lynk-icon name="chevron-left" library="system"></lynk-icon>
+            </button>
+            <button @click=${()=>this.handleNextYear()}>
+              <lynk-icon name="chevron-right" library="system"></lynk-icon>
+            </button>
+          </div>
+        </div>
+        <div class="months-grid">
+          ${t.map((s,r)=>h`
+              <button
+                class=${U({"month-button":!0,selected:r===e})}
+                @click=${()=>this.handleMonthSelect(r)}
+              >
+                ${s}
+              </button>
+            `)}
+        </div>
+      </div>
+    `}renderYearSelection(){let t=this.currentDate.getUTCFullYear(),e=t-5,a=Array.from({length:12},(s,r)=>e+r);return h`
+      <div class="year-selection">
+        <div class="header">
+          <span class="year-range">${e}-${e+11}</span>
+          <div class="navigation">
+            <button @click=${()=>this.handlePreviousYearRange()}>
+              <lynk-icon name="chevron-left" library="system"></lynk-icon>
+            </button>
+            <button @click=${()=>this.handleNextYearRange()}>
+              <lynk-icon name="chevron-right" library="system"></lynk-icon>
+            </button>
+          </div>
+        </div>
+        <div class="years-grid">
+          ${a.map(s=>h`
+              <button
+                class=${U({"year-button":!0,selected:s===t})}
+                @click=${()=>this.handleYearSelect(s)}
+              >
+                ${s}
+              </button>
+            `)}
+        </div>
+      </div>
+    `}renderCalendarView(){let t=this.currentDate.getUTCFullYear(),e=this.currentDate.getUTCMonth(),a=Array.from({length:this.months},(r,o)=>i({year:t,month:e+o,day:1})),s;if(this.months===1)switch(this.captionLayout){case"buttons":s=h`
+            <div class="calendar-heading">
+              <button @click=${this.handleMonthYearClick}>${this.localizedMonthNames[e]}</button>
+              <button @click=${this.handleYearClick}>${t}</button>
+            </div>
+          `;break;case"dropdown":s=h`
+            <div class="calendar-heading">
+              <select @change=${r=>this.handleMonthSelect(Number(r.target.value))}>
+                ${this.localizedMonthNames.map((r,o)=>h`<option value=${o} ?selected=${o===e}>${r}</option>`)}
+              </select>
+              <select @change=${r=>this.handleYearSelect(Number(r.target.value))}>
+                ${Array.from({length:12},(r,o)=>t-5+o).map(r=>h`<option value=${r} ?selected=${r===t}>${r}</option>`)}
+              </select>
+            </div>
+          `;break;default:s=h`
+            <div class="calendar-heading">${this.localizedMonthNames[e]} ${t}</div>
+          `}else{let r=a[0],o=a[a.length-1];s=h`
+        <div part="heading" class="calendar-heading main-heading">
+          ${this.localizedMonthNames[r.getUTCMonth()]} ${r.getUTCFullYear()} –
+          ${this.localizedMonthNames[o.getUTCMonth()]} ${o.getUTCFullYear()}
+        </div>
+      `}return h`
+      <div class="calendar">
+        <div class="calendar-header">
+          ${this.disableNavigation?M:h`
+                <button
+                  part="button previous"
+                  class="navigation-button"
+                  @click=${this.handlePreviousMonth}
+                  aria-label="Previous month"
+                >
+                  <lynk-icon name="chevron-left" library="system"></lynk-icon>
+                </button>
+              `}
+          ${s}
+          ${this.disableNavigation?M:h`
+                <button
+                  part="button next"
+                  class="navigation-button"
+                  @click=${this.handleNextMonth}
+                  aria-label="Next month"
+                >
+                  <lynk-icon name="chevron-right" library="system"></lynk-icon>
+                </button>
+              `}
+        </div>
+        <div class="calendar-months-row" style="display: flex; gap: 2em;">
+          ${a.map(r=>h`
+              <div class="calendar-month-container">${this.renderMonth(r.getUTCFullYear(),r.getUTCMonth())}</div>
+            `)}
+        </div>
+      </div>
+    `}};l.styles=[Y,R],u([v()],l.prototype,"currentDate",2),u([v()],l.prototype,"focusedDate",2),u([v()],l.prototype,"localeFormatter",2),u([v()],l.prototype,"hoverDate",2),u([v()],l.prototype,"viewMode",2),u([m({reflect:!0})],l.prototype,"type",2),u([m()],l.prototype,"value",1),u([m({type:Number})],l.prototype,"months",2),u([m({type:Boolean,attribute:"show-outside-days"})],l.prototype,"showOutsideDays",2),u([m({type:Boolean,attribute:"show-week-numbers"})],l.prototype,"showWeekNumbers",2),u([m({type:Boolean,attribute:"disable-navigation"})],l.prototype,"disableNavigation",2),u([m({type:Number,attribute:"first-day-of-week"})],l.prototype,"firstDayOfWeek",2),u([m()],l.prototype,"min",2),u([m()],l.prototype,"max",2),u([m()],l.prototype,"locale",2),u([m({type:Boolean,reflect:!0})],l.prototype,"readonly",2),u([m({attribute:!1})],l.prototype,"isDateDisallowed",2),u([m({attribute:!1})],l.prototype,"weekNumberFormatter",2),u([m({attribute:"caption-layout"})],l.prototype,"captionLayout",2);export{l as a};

package/cdn/chunks/chunk.MM6JWVBG.js

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

package/cdn/chunks/chunk.MWCK56XI.js

@@ -0,0 +1,51 @@
+import{a as v}from"./chunk.OW3VXX3S.js";import{a as b}from"./chunk.5TIRFYB3.js";import{a as y}from"./chunk.5FCGOT5T.js";import{a as m}from"./chunk.YHSYTTFF.js";import{a as h}from"./chunk.LUIZCMPE.js";import{a,b as d,d as u,g as f}from"./chunk.ODSBDO47.js";import{a as p}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";import{e as n}from"./chunk.FI4IKBIW.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new m(this,"help-text","help-tip","label");this.hasFocus=!1;this.state="default";this.size="medium";this.label="";this.id="";this.helpText="";this.helpTip="";this.required=!1;this.dirty=!1;this.focused=!1;this.inline=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.addOpenListeners()}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleLabelClick(){this.focus()}handleDefaultSlotChange(){let e=this.querySelector("input, textarea, select");e&&!e.getAttribute("data-form-field-listeners")&&(e.addEventListener("focus",()=>{this.hasFocus=!0}),e.addEventListener("blur",()=>{this.hasFocus=!1}),e.setAttribute("data-form-field-listeners","true")),this.querySelectorAll("lynk-checkbox, lynk-switch").forEach(s=>{let l=s;l.getAttribute("data-form-field-listeners")||(s.addEventListener("ev-focus",()=>{this.hasFocus=!0}),s.addEventListener("ev-blur",()=>{this.hasFocus=!1}),l.setAttribute("data-form-field-listeners","true"))})}handleDocumentKeyDown(e){e.key==="Tab"&&setTimeout(()=>{var s,l,i;let o=((s=this.containingElement)==null?void 0:s.getRootNode())instanceof ShadowRoot?(i=(l=document.activeElement)==null?void 0:l.shadowRoot)==null?void 0:i.activeElement:document.activeElement;(!this.containingElement||(o==null?void 0:o.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.blur()})}handleDocumentMouseDown(e){let o=e.composedPath();this&&this.containingElement&&!o.includes(this.containingElement)&&this.blur()}focus(e){let o=this.querySelectorAll("lynk-radio, lynk-radio-button, lynk-input, lynk-textarea, lynk-select, lynk-combobox, lynk-date-picker, lynk-time-picker, lynk-date-time-picker, lynk-checkbox, lynk-switch, input:not([hidden]), textarea:not([hidden]), select:not([hidden])");for(let i of o){let c=i;if(typeof c.focus=="function"){c.focus(e);return}}let s=this.getRootNode(),l=null;if(s instanceof ShadowRoot){let i=s.host;i.tagName.toLowerCase()==="lynk-radio-group"&&(l=i)}else{let i=this.closest("lynk-radio-group");i&&(l=i)}l&&typeof l.focus=="function"&&l.focus(e)}blur(){var s;let e=(s=this.defaultSlot)==null?void 0:s.assignedElements({flatten:!0}),o=e==null?void 0:e[0];o&&typeof o.blur=="function"&&o.blur()}render(){let e=this.hasSlotController.test("label"),o=this.hasSlotController.test("help-text"),s=this.hasSlotController.test("help-tip"),l=this.label?!0:!!e,i=this.helpText?!0:!!o,c=this.helpTip?!0:!!s;return r`
+      <fieldset
+        part="base"
+        class=${h({"form-field":!0,"form-field--small":this.size==="small","form-field--medium":this.size==="medium","form-field--large":this.size==="large","form-field--has-label":l,"form-field--has-help-text":i,"form-field--has-error":this.state==="error","form-field--has-warning":this.state==="warning","form-field--has-success":this.state==="success","form-field--focused":this.focused||this.hasFocus,"form-field--inline":this.inline})}
+      >
+        <label
+          id="label"
+          part="label"
+          class=${h({"form-field__label":!0})}
+          aria-hidden=${l?"false":"true"}
+          @click=${this.handleLabelClick}
+        >
+          <slot name="label">${this.label}</slot>
+
+          ${this.required?r`
+                <lynk-tooltip content="Required" hoist>
+                  <lynk-icon style="font-size: 9px;" name="asterisk" library="system"></lynk-icon>
+                </lynk-tooltip>
+              `:""}
+          ${c?r`
+                <lynk-tooltip hoist>
+                  <div slot="content">
+                    <slot name="help-tip">${this.helpTip}</slot>
+                  </div>
+                  <lynk-icon style="font-size: 11px;" name="question-fill" library="system"></lynk-icon>
+                </lynk-tooltip>
+              `:""}
+          ${this.dirty?r`
+                <span part="dirty-indicator" class="form-field__dirty-indicator">
+                  <slot name="dirty-indicator">
+                    <lynk-tooltip content="Modified" hoist>
+                      <lynk-icon name="transfer" library="system"></lynk-icon> </lynk-tooltip
+                  ></slot>
+                </span>
+              `:""}
+        </label>
+
+        <div part="control-wrapper" class="form-field__control-wrapper">
+          <slot part="control" class="form-field__control" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+          <div
+            part="help-text"
+            id="help-text"
+            class="form-field__help-text"
+            aria-hidden=${i?"false":"true"}
+          >
+            <slot name="help-text">${this.helpText}</slot>
+          </div>
+        </div>
+      </fieldset>
+    `}};t.styles=[p,v],t.dependencies={"lynk-icon":y,"lynk-tooltip":b},n([u("slot:not([name])")],t.prototype,"defaultSlot",2),n([d()],t.prototype,"hasFocus",2),n([a({attribute:!1})],t.prototype,"containingElement",2),n([a({reflect:!0})],t.prototype,"state",2),n([a({reflect:!0})],t.prototype,"size",2),n([a()],t.prototype,"label",2),n([a()],t.prototype,"id",2),n([a({attribute:"help-text"})],t.prototype,"helpText",2),n([a({attribute:"help-tip"})],t.prototype,"helpTip",2),n([a({type:Boolean,reflect:!0})],t.prototype,"required",2),n([a({type:Boolean,reflect:!0})],t.prototype,"dirty",2),n([a({type:Boolean,reflect:!0})],t.prototype,"focused",2),n([a({type:Boolean,reflect:!0})],t.prototype,"inline",2);export{t as a};

package/cdn/chunks/chunk.MWMLY4HO.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LBU67PSW.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var r="lynk-include";e.define("lynk-include");var o=n({tagName:r,elementClass:e,react:t,events:{EvLoad:"ev-load",EvError:"ev-error"},displayName:"LynkInclude"}),s=o;export{s as a};

package/cdn/chunks/chunk.MYONZHST.js

@@ -0,0 +1,6 @@
+import{a as s}from"./chunk.XJGVZNT6.js";import{a as o}from"./chunk.Q3J7P2MZ.js";import{g as t}from"./chunk.ODSBDO47.js";import{a as l}from"./chunk.6UGEFC7C.js";import{d as e}from"./chunk.OAB62Q2Y.js";var r=class extends t{constructor(){super(...arguments);this.localize=new o(this)}render(){return e`
+      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `}};r.styles=[l,s];export{r as a};

package/cdn/chunks/chunk.NFUIH6Z7.js

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

package/cdn/chunks/chunk.NFVAPQ2A.js

@@ -0,0 +1,18 @@
+import{a as m}from"./chunk.36TNLKB5.js";import{a as f}from"./chunk.Q3J7P2MZ.js";import{a as n,b as c,c as h,d,g as p}from"./chunk.ODSBDO47.js";import{a as u}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.localize=new f(this);this.resizeObserver=new ResizeObserver(()=>this.updateScroll());this.canScroll=!1;this.orientation="horizontal";this.withoutScrollbar=!1;this.withoutShadow=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect()}handleKeyDown(o){o.key==="Home"&&(o.preventDefault(),this.content.scrollTo({left:this.orientation==="horizontal"?0:void 0,top:this.orientation==="vertical"?0:void 0})),o.key==="End"&&(o.preventDefault(),this.content.scrollTo({left:this.orientation==="horizontal"?this.content.scrollWidth:void 0,top:this.orientation==="vertical"?this.content.scrollHeight:void 0}))}handleSlotChange(){this.updateScroll()}updateScroll(){if(this.orientation==="horizontal"){let o=Math.ceil(this.content.clientWidth),s=Math.abs(Math.ceil(this.content.scrollLeft)),e=Math.ceil(this.content.scrollWidth)-o;this.canScroll=e>0;let a=Math.min(1,s/(e*.05)),l=Math.min(1,(e-s)/(e*.05));this.style.setProperty("--start-shadow-opacity",String(a||0)),this.style.setProperty("--end-shadow-opacity",String(l||0))}else{let o=Math.ceil(this.content.clientHeight),s=Math.abs(Math.ceil(this.content.scrollTop)),e=Math.ceil(this.content.scrollHeight)-o;this.canScroll=e>0;let a=Math.min(1,s/(e*.05)),l=Math.min(1,(e-s)/(e*.05));this.style.setProperty("--start-shadow-opacity",String(a||0)),this.style.setProperty("--end-shadow-opacity",String(l||0))}}render(){return r`
+      ${this.withoutShadow?"":r`
+            <div id="start-shadow" part="start-shadow" aria-hidden="true"></div>
+            <div id="end-shadow" part="end-shadow" aria-hidden="true"></div>
+          `}
+
+      <div
+        id="content"
+        part="content"
+        role="region"
+        aria-label=${this.localize.term("scrollableRegion")}
+        tabindex=${this.canScroll?"0":"-1"}
+        @keydown=${this.handleKeyDown}
+        @scroll=${this.updateScroll}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};t.styles=[u,m],i([d("#content")],t.prototype,"content",2),i([c()],t.prototype,"canScroll",2),i([n({reflect:!0})],t.prototype,"orientation",2),i([n({attribute:"without-scrollbar",type:Boolean,reflect:!0})],t.prototype,"withoutScrollbar",2),i([n({attribute:"without-shadow",type:Boolean,reflect:!0})],t.prototype,"withoutShadow",2),i([h({passive:!0})],t.prototype,"updateScroll",1);export{t as a};