@uplynk/lynk-design 1.19.0 → 1.19.2

package/cdn/chunks/chunk.PYI4J3Z7.js

@@ -0,0 +1,116 @@
+import{a as A}from"./chunk.737YGIDW.js";import{a as E}from"./chunk.KIY7LAB4.js";import{a as F}from"./chunk.5DSR4LA3.js";import{a as V}from"./chunk.SH54CIFE.js";import{b as M}from"./chunk.V7E6ITFP.js";import{a as T}from"./chunk.O4ZRZ3HV.js";import{a as k}from"./chunk.TETFNMKN.js";import{a as _}from"./chunk.YHSYTTFF.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as x}from"./chunk.7TAXE2HP.js";import{a as r,b,d as c,g as w}from"./chunk.FU5FZZFK.js";import{a as S}from"./chunk.MXDME6T6.js";import{d as a}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends w{constructor(){super(...arguments);this.formControlController=new M(this);this.hasSlotController=new _(this,"help-text","help-tip","label","label-end","help-text-end","prefix","suffix","reference");this.localize=new T(this);this.isDragging=!1;this.valueHasChanged=!1;this.hasFocus=!1;this.hasTooltip=!1;this.name="";this.label="";this.minValue=0;this.maxValue=50;this.defaultValue=this.getAttribute("value")===null?this.minValue:Number(this.getAttribute("value"));this._value=this.defaultValue;this.range=!1;this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.size="medium";this.state="default";this.disabled=!1;this.readonly=!1;this.dirty=!1;this.optional=!1;this.orientation="horizontal";this.min=0;this.max=100;this.step=1;this.ticks=[];this.withMarkers=!1;this.tooltip="top";this.tooltipFormatter=t=>t.toString();this.form=""}get value(){var t;return this.valueHasChanged?this._value:(t=this._value)!=null?t:this.defaultValue}set value(t){let s=Number(t);t=isNaN(s)?this.minValue:s,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get isRange(){return this.range}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.syncRange()),this.value<this.min&&(this.value=this.min),this.value>this.max&&(this.value=this.max),this.updateComplete.then(()=>{this.syncRange(),this.resizeObserver.observe(this.wrapper)})}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this.wrapper)}handleWrapperPointerDown(t){var n,p;if(this.disabled||this.readonly||t.button!==0)return;t.preventDefault(),this.trackRect=this.wrapper.getBoundingClientRect(),this.valueOnDragStart=this.value,this.internalValue=this.value,this.isDragging=!0,this.hasTooltip=!0,(n=this.tooltipElement)==null||n.show(),(p=this.thumb)==null||p.focus(),this.setValueFromClientCoordinates(t.clientX,t.clientY);let s=h=>{this.setValueFromClientCoordinates(h.clientX,h.clientY)},l=()=>{var h;document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",l),this.isDragging=!1,this.internalValue!==this.value&&(this.value=this.internalValue,this.input&&(this.input.value=this.internalValue.toString()),this.emit("ev-input")),this.hasTooltip=!1,(h=this.tooltipElement)==null||h.hide(),this.value!==this.valueOnDragStart&&this.emit("ev-change")};document.addEventListener("pointermove",s,{passive:!0}),document.addEventListener("pointerup",l)}handleBlur(){this.hasFocus=!1,this.hasTooltip=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleKeyDown(t){if(this.disabled)return;let s=this.orientation==="vertical",l=this.localize.dir()==="rtl",n=this.step||1;["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)&&(t.preventDefault(),t.key==="Home"?this.value=this.min:t.key==="End"?this.value=this.max:t.key==="ArrowLeft"&&!l&&!s||t.key==="ArrowRight"&&l&&!s||t.key==="ArrowDown"&&s?this.value=Math.max(this.min,this.value-n):(t.key==="ArrowRight"&&!l&&!s||t.key==="ArrowLeft"&&l&&!s||t.key==="ArrowUp"&&s)&&(this.value=Math.min(this.max,this.value+n)),this.emit("ev-input"),this.emit("ev-change"))}clampAndRoundToStep(t){let s=(String(this.step).split(".")[1]||"").replace(/0+$/g,"").length;return t=Math.round(t/this.step)*this.step,t=Math.max(this.min,Math.min(this.max,t)),parseFloat(t.toFixed(s))}setValueFromClientCoordinates(t,s){var C;let l=this.orientation==="vertical",n=this.localize.dir()==="rtl",{top:p,bottom:h,left:g,right:o,height:f,width:u}=this.trackRect,d=l?s:t,D=l?p:g,$=l?h:o,z=l?f:u,P=l||n?$-d:d-D,O=Math.max(0,Math.min(1,P/z)),m=this.clampAndRoundToStep(this.min+(this.max-this.min)*O);if(this.internalValue!==m)if(this.internalValue=m,this.isDragging){let y=this.max-this.min,U=y>0?Math.max(0,Math.min(1,(m-this.min)/y)):0;this.wrapper.style.setProperty("--percent",`${U*100}%`),(C=this.thumb)==null||C.setAttribute("aria-valuenow",m.toString()),this.tooltipElement&&(this.tooltipElement.content=typeof this.tooltipFormatter=="function"?this.tooltipFormatter(m):m.toString())}else this.value=m,this.emit("ev-input")}handleTickClick(t,s){this.disabled||this.readonly||(t.stopPropagation(),this.value=s.value,this.emit("ev-input"),this.emit("ev-change"))}syncProgress(t){var s;(s=this.wrapper)==null||s.style.setProperty("--percent",`${t*100}%`)}valueToPercent(t){return(t-this.min)*100/(this.max-this.min)}handleValueChange(){this.isDragging||(this.formControlController.updateValidity(),this.input&&(this.input.value=this.value.toString()),this.syncRange())}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRangePropertiesChange(){this.syncRange()}syncRange(){let t=this.max-this.min,s=t>0?Math.max(0,Math.min(1,(this.value-this.min)/t)):0;this.syncProgress(s)}focus(t){var s;(s=this.thumb)==null||s.focus(t)}blur(){var t;(t=this.thumb)==null||t.blur()}stepUp(){let t=this.step||1;this.value=Math.min(this.max,this.value+t),this.emit("ev-input"),this.emit("ev-change")}stepDown(){let t=this.step||1;this.value=Math.max(this.min,this.value-t),this.emit("ev-input"),this.emit("ev-change")}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("ticks"),s=this.ticks.length?!0:!!t,l=this.hasSlotController.test("prefix"),n=this.hasSlotController.test("suffix"),p=a`
+      <div
+        part="thumb"
+        class="range__thumb"
+        role="slider"
+        tabindex=${this.disabled?"-1":"0"}
+        aria-label=${this.label||"Range"}
+        aria-valuemin=${this.min}
+        aria-valuemax=${this.max}
+        aria-valuenow=${this.value}
+        aria-disabled=${this.disabled?"true":"false"}
+        aria-readonly=${this.readonly?"true":"false"}
+        aria-orientation=${this.orientation}
+        @keydown=${this.handleKeyDown}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+      ></div>
+    `,h=[];if(this.withMarkers&&this.step>0&&Math.floor((this.max-this.min)/this.step)+1<=1e3)for(let u=this.min;u<=this.max;u+=this.step)h.push(this.valueToPercent(u));let g=this.withMarkers?a`
+          <div class="range__markers" part="markers">
+            ${h.map(o=>a`<span part="marker" class="range__marker" style="--position: ${o}%"></span>`)}
+          </div>
+        `:"";return a`
+      <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}
+        .focused=${this.hasFocus}
+        .readonly=${this.readonly}
+        .optional=${this.optional}
+        ?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")?a`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?a`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?a`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+
+        <div
+          part="base"
+          class=${x({range:!0,"range--disabled":this.disabled,"range--readonly":this.readonly,"range--focused":this.hasFocus,"range--vertical":this.orientation==="vertical","range--rtl":this.localize.dir()==="rtl","range--tooltip-visible":this.hasTooltip,"range--tooltip-top":this.tooltip==="top","range--tooltip-bottom":this.tooltip==="bottom","range--has-prefix":l,"range--has-suffix":n})}
+        >
+          <input
+            type="range"
+            class="range__native-input"
+            name=${k(this.name)}
+            min=${this.min}
+            max=${this.max}
+            step=${this.step}
+            ?disabled=${this.disabled}
+            .value=${V(this.value.toString())}
+            tabindex="-1"
+            aria-hidden="true"
+          />
+
+          ${l?a`
+                  <span part="prefix" class="range__prefix">
+                    <slot name="prefix"></slot>
+                  </span>
+                `:""}
+
+          <div part="wrapper" class="range__wrapper" @pointerdown=${this.handleWrapperPointerDown}>
+            <div part="track" class="range__track">
+              <div part="track-active" class="range__track-active"></div>
+              ${g}
+            </div>
+            ${this.tooltip!=="none"&&!this.disabled?a`
+                    <lynk-tooltip
+                      .content=${typeof this.tooltipFormatter=="function"?this.tooltipFormatter(this.value):this.value.toString()}
+                      .placement=${this.orientation==="vertical"?this.tooltip==="top"?"right":"left":this.tooltip}
+                      .distance=${8}
+                      trigger="manual"
+                      ?open=${this.hasTooltip}
+                      hoist
+                    >
+                      ${p}
+                    </lynk-tooltip>
+                  `:a` ${p} `}
+          </div>
+
+          ${n?a`
+                  <span part="suffix" class="range__suffix">
+                    <slot name="suffix"></slot>
+                  </span>
+                `:""}
+          ${s?a`
+                  <div part="ticks" class="range__ticks" aria-hidden=${this.ticks.length?"false":"true"}>
+                    <slot name="ticks">
+                      ${this.ticks.length?a`
+                              ${this.ticks.filter(o=>o.value>=this.min&&o.value<=this.max).map(o=>{let f=this.valueToPercent(o.value),u=o.selected&&typeof o.selected=="boolean"?o.selected:!1;return a`
+                                  <div
+                                    class=${x({range__tick:!0,"range__tick--selected":u})}
+                                    style="--offset: ${f}%"
+                                    @click=${d=>this.handleTickClick(d,o)}
+                                  >
+                                    ${o.label?a` <span class="range__tick-label"> ${o.label} </span> `:""}
+                                  </div>
+                                `})}
+                            `:""}
+                    </slot>
+                  </div>
+                `:""}
+          ${this.hasSlotController.test("reference")?a`
+                  <div part="references" class="range__references">
+                    <slot name="reference"></slot>
+                  </div>
+                `:""}
+        </div>
+      </lynk-form-field>
+    `}};e.styles=[S,A],e.dependencies={"lynk-form-field":E,"lynk-tooltip":F},i([c(".range__wrapper")],e.prototype,"wrapper",2),i([c(".range__thumb")],e.prototype,"thumb",2),i([c("lynk-tooltip")],e.prototype,"tooltipElement",2),i([c(".range__native-input")],e.prototype,"input",2),i([b()],e.prototype,"hasFocus",2),i([b()],e.prototype,"hasTooltip",2),i([r()],e.prototype,"name",2),i([r()],e.prototype,"label",2),i([r({type:Number,attribute:"min-value"})],e.prototype,"minValue",2),i([r({type:Number,attribute:"max-value"})],e.prototype,"maxValue",2),i([r({attribute:"value",reflect:!0,type:Number})],e.prototype,"defaultValue",2),i([b()],e.prototype,"value",1),i([r({type:Boolean,reflect:!0})],e.prototype,"range",2),i([r({attribute:"help-text"})],e.prototype,"helpText",2),i([r({attribute:"label-end"})],e.prototype,"labelEnd",2),i([r({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),i([r({attribute:"help-tip"})],e.prototype,"helpTip",2),i([r({reflect:!0})],e.prototype,"size",2),i([r({reflect:!0})],e.prototype,"state",2),i([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([r({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([r({type:Boolean,reflect:!0})],e.prototype,"optional",2),i([r({reflect:!0})],e.prototype,"orientation",2),i([r({type:Number})],e.prototype,"min",2),i([r({type:Number})],e.prototype,"max",2),i([r({type:Number})],e.prototype,"step",2),i([r({type:Array})],e.prototype,"ticks",2),i([r({attribute:"with-markers",type:Boolean})],e.prototype,"withMarkers",2),i([r()],e.prototype,"tooltip",2),i([r({attribute:!1})],e.prototype,"tooltipFormatter",2),i([r({reflect:!0})],e.prototype,"form",2),i([v("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1),i([v("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([v(["min","max","step"],{waitUntilFirstUpdate:!0})],e.prototype,"handleRangePropertiesChange",1),i([v("hasTooltip",{waitUntilFirstUpdate:!0})],e.prototype,"syncRange",1);export{e as a};

package/cdn/chunks/chunk.QFLS5ILX.js

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

package/cdn/chunks/chunk.QI7WCOHW.js

@@ -0,0 +1,65 @@
+import{a as g}from"./chunk.C6PFQ43P.js";import{a as C}from"./chunk.KIY7LAB4.js";import{a as b}from"./chunk.SH54CIFE.js";import{a as $}from"./chunk.IPMWK5EL.js";import{b as f,c as v}from"./chunk.V7E6ITFP.js";import{a as s}from"./chunk.TETFNMKN.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as o}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as i,b as u,d as h,g as p}from"./chunk.FU5FZZFK.js";import{a as m}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends p{constructor(){super(...arguments);this.formControlController=new f(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new c(this,"help-text","help-tip","label","label-end","help-text-end");this.hasFocus=!1;this.title="";this.name="";this.value="";this.state="default";this.size="medium";this.filled=!1;this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.placeholder="";this.rows=4;this.resize="vertical";this.disabled=!1;this.readonly=!1;this.restricted=!1;this.form="";this.required=!1;this.optional=!1;this.dirty=!1;this.inline=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){var l,a;return(a=(l=this.input)==null?void 0:l.validity)!=null?a:v}get validationMessage(){var l;return(l=this.input)==null?void 0:l.validationMessage}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setTextareaHeight()),this.updateComplete.then(()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})}firstUpdated(){this.input&&this.formControlController.updateValidity()}disconnectedCallback(){var l;super.disconnectedCallback(),this.input&&((l=this.resizeObserver)==null||l.unobserve(this.input))}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("ev-change")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleInput(){this.value=this.input.value,this.emit("ev-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}setTextareaHeight(){this.resize==="auto"?(this.sizeAdjuster.style.height=`${this.input.clientHeight}px`,this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=""}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.input&&(this.formControlController.updateValidity(),this.setTextareaHeight())}focus(l){this.input.focus(l)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.input.scrollTop=l.top),typeof l.left=="number"&&(this.input.scrollLeft=l.left);return}return{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(l,a,n="none"){this.input.setSelectionRange(l,a,n)}setRangeText(l,a,n,z){this.input.setRangeText(l,a,n,z),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}render(){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}
+        .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")?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>`:""}
+        ${this.hasSlotController.test("label-end")?r`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?r`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <div
+          part="base"
+          class=${d({textarea:!0,"textarea--small":this.size==="small","textarea--medium":this.size==="medium","textarea--large":this.size==="large","textarea--standard":!this.filled,"textarea--filled":this.filled,"textarea--disabled":this.disabled,"textarea--restricted":this.restricted,"textarea--focused":this.hasFocus,"textarea--empty":!this.value,"textarea--resize-none":this.resize==="none","textarea--resize-vertical":this.resize==="vertical","textarea--resize-auto":this.resize==="auto"})}
+        >
+          ${this.restricted?r`
+                  <div part="textarea" class="textarea__control textarea__control--restricted">
+                    ${this.value||"None"}
+                  </div>
+                `:r`
+                  <textarea
+                    part="textarea"
+                    class="textarea__control"
+                    title=${this.title}
+                    name=${s(this.name)}
+                    .value=${b(this.value)}
+                    ?disabled=${this.disabled}
+                    ?readonly=${this.readonly}
+                    ?required=${this.required}
+                    placeholder=${s(this.placeholder)}
+                    rows=${s(this.rows)}
+                    minlength=${s(this.minlength)}
+                    maxlength=${s(this.maxlength)}
+                    autocapitalize=${s(this.autocapitalize)}
+                    ?autofocus=${this.autofocus}
+                    spellcheck=${s(this.spellcheck)}
+                    enterkeyhint=${s(this.enterkeyhint)}
+                    inputmode=${s(this.inputmode)}
+                    aria-label=${this.label||"Textarea"}
+                    @change=${this.handleChange}
+                    @input=${this.handleInput}
+                    @invalid=${this.handleInvalid}
+                    @focus=${this.handleFocus}
+                    @blur=${this.handleBlur}
+                  ></textarea>
+                `}
+          <div part="textarea-adjuster" class="textarea__size-adjuster" ?hidden=${this.resize!=="auto"}></div>
+        </div>
+        <slot name="action"></slot>
+      </lynk-form-field>
+    `}};t.styles=[m,g],t.dependencies={"lynk-form-field":C},e([h(".textarea__control")],t.prototype,"input",2),e([h(".textarea__size-adjuster")],t.prototype,"sizeAdjuster",2),e([u()],t.prototype,"hasFocus",2),e([i()],t.prototype,"title",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({reflect:!0})],t.prototype,"state",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([i()],t.prototype,"label",2),e([i({attribute:"help-text"})],t.prototype,"helpText",2),e([i({attribute:"label-end"})],t.prototype,"labelEnd",2),e([i({attribute:"help-text-end"})],t.prototype,"helpTextEnd",2),e([i({attribute:"help-tip"})],t.prototype,"helpTip",2),e([i()],t.prototype,"placeholder",2),e([i({type:Number})],t.prototype,"rows",2),e([i()],t.prototype,"resize",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:Boolean,reflect:!0})],t.prototype,"restricted",2),e([i({reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Boolean,reflect:!0})],t.prototype,"optional",2),e([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([i({type:Number})],t.prototype,"minlength",2),e([i({type:Number})],t.prototype,"maxlength",2),e([i()],t.prototype,"autocapitalize",2),e([i()],t.prototype,"autocomplete",2),e([i({type:Boolean})],t.prototype,"autofocus",2),e([i()],t.prototype,"enterkeyhint",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i()],t.prototype,"inputmode",2),e([$()],t.prototype,"defaultValue",2),e([o("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([o("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([o("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

package/cdn/chunks/chunk.QIZTCGCH.js

@@ -0,0 +1,62 @@
+import{a as b}from"./chunk.OYZUPIDH.js";import{a as f}from"./chunk.KVMNC3SP.js";import{a as m}from"./chunk.5DSR4LA3.js";import{a as g}from"./chunk.HODQBS6I.js";import{a as l}from"./chunk.KLRPP4NQ.js";import{a as c}from"./chunk.O4ZRZ3HV.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as d}from"./chunk.YZSIY5HS.js";import{a as r}from"./chunk.7TAXE2HP.js";import{a as i,d as o,g as n}from"./chunk.FU5FZZFK.js";import{a as h}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"footer","header","heading","header-actions");this.localize=new c(this);this.open=!1;this.placement="left";this.toggle="none";this.togglePlacement="top";this.toggleTipHideText="Hide Sidebar";this.toggleTipShowText="Show Sidebar"}connectedCallback(){super.connectedCallback(),!this.slot&&this.hasParentLayout()&&(this.slot=`${this.placement}-sidebar`),this.toggle==="none"&&(this.open=!0)}firstUpdated(){this.updateVisibility()}async show(){if(!this.open)return this.open=!0,await l(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,await l(this,"ev-after-hide")}hasParentLayout(){return this.parentElement instanceof f}handleToggleClick(){this.open?this.hide():this.show()}updateVisibility(){this.toggle==="visibility"&&(this.sidebar.hidden=!this.open),this.toggle==="contents"&&(this.tooltip.hide(),this.body.hidden=!this.open,this.header.hidden=!this.open,this.footer.hidden=!this.open)}handleOpenChange(){this.open?(this.emit("ev-show"),this.updateVisibility(),this.emit("ev-after-show")):(this.emit("ev-hide"),this.updateVisibility(),this.emit("ev-after-hide"))}render(){let a=!!this.heading;return s`
+      <aside
+        part="base"
+        class=${r({"page-sidebar":!0,"page-sidebar--open":this.open,"page-sidebar--left":this.placement==="left","page-sidebar--right":this.placement==="right","page-sidebar--left-inset":this.placement==="left-inset","page-sidebar--right-inset":this.placement==="right-inset","page-sidebar--rtl":this.localize.dir()==="rtl","page-sidebar--has-header":this.hasSlotController.test("header")||this.hasSlotController.test("heading")||this.hasSlotController.test("header-actions")||a,"page-sidebar--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <slot name="nav" part="nav" class="page-sidebar__nav"></slot>
+        <div part="container" class="page-sidebar__container">
+          <header part="header" class="page-sidebar__header">
+            <slot name="header">
+              <h2 part="title" class="page-sidebar__title" id="title">
+                <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                <slot name="heading">
+                  ${this.heading&&this.heading.length>0?this.heading:"\uFEFF"}
+                </slot>
+              </h2>
+              <div part="header-actions" class="page-sidebar__header-actions">
+                <slot name="header-actions">
+                  ${this.toggle==="visibility"?s`
+                          <lynk-button
+                            part="close-button"
+                            size="tiny"
+                            circle
+                            label=${this.localize.term("close")}
+                            @click=${this.handleToggleClick}
+                          >
+                            <lynk-icon library="system" name="x-lg"></lynk-icon>
+                          </lynk-button>
+                        `:""}
+                </slot>
+              </div>
+            </slot>
+          </header>
+
+          <slot part="body" class="page-sidebar__body"></slot>
+
+          <footer part="footer" class="page-sidebar__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+
+        ${this.toggle==="contents"?s`
+                <lynk-tooltip
+                  hoist
+                  placement="bottom"
+                  class="page-sidebar__trigger-tooltip"
+                  content="${this.open?this.toggleTipHideText:this.toggleTipShowText}"
+                >
+                  <lynk-button
+                    part="close-button"
+                    size="tiny"
+                    circle
+                    exportparts="base:close-button__base"
+                    class=${r({"page-sidebar__toggle":!0,"page-sidebar__toggle--center":this.togglePlacement==="center","page-sidebar__toggle--bottom":this.togglePlacement==="bottom","page-sidebar__toggle--hidden":this.togglePlacement==="hidden"})}
+                    label=${this.localize.term("close")}
+                    @click=${this.handleToggleClick}
+                  >
+                    <lynk-icon library="system" name="${this.open?"chevron-left":"chevron-right"}"></lynk-icon>
+                  </lynk-button>
+                </lynk-tooltip>
+              `:""}
+      </aside>
+    `}};t.styles=[h,b],t.dependencies={"lynk-button":g,"lynk-tooltip":m},e([o(".page-sidebar")],t.prototype,"sidebar",2),e([o(".page-sidebar__container")],t.prototype,"container",2),e([o(".page-sidebar__body")],t.prototype,"body",2),e([o(".page-sidebar__header")],t.prototype,"header",2),e([o(".page-sidebar__footer")],t.prototype,"footer",2),e([o(".page-sidebar__trigger-tooltip")],t.prototype,"tooltip",2),e([i({type:Boolean,reflect:!0})],t.prototype,"open",2),e([i({reflect:!0})],t.prototype,"heading",2),e([i({reflect:!0})],t.prototype,"placement",2),e([i({reflect:!0})],t.prototype,"toggle",2),e([i({attribute:"toggle-placement",reflect:!0})],t.prototype,"togglePlacement",2),e([i({attribute:"toggle-tip-hide-text",reflect:!1})],t.prototype,"toggleTipHideText",2),e([i({attribute:"toggle-tip-show-text",reflect:!1})],t.prototype,"toggleTipShowText",2),e([d("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);export{t as a};

package/cdn/chunks/chunk.QLMI3PRN.js

@@ -0,0 +1,96 @@
+import{a as x}from"./chunk.2CFERLVP.js";import{a as C}from"./chunk.KIY7LAB4.js";import{a as y}from"./chunk.SH54CIFE.js";import{a as $}from"./chunk.IPMWK5EL.js";import{b}from"./chunk.V7E6ITFP.js";import{a as v}from"./chunk.VDWIYU3J.js";import{a as c}from"./chunk.G6ZVAGQW.js";import{a as r}from"./chunk.TETFNMKN.js";import{a as f}from"./chunk.YHSYTTFF.js";import{a as o}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.7TAXE2HP.js";import{a as i,b as h,d,g as u}from"./chunk.FU5FZZFK.js";import{a as m}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends u{constructor(){super(...arguments);this.formControlController=new b(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new f(this,"help-text","help-tip","label","label-end","help-text-end");this.hasFocus=!1;this.name="";this.value=null;this.size="medium";this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.filled=!1;this.pill=!1;this.noSteppers=!1;this.step=1;this.state="default";this.inline=!1;this.form="";this.defaultValue=null}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleInput(){let l=this.input.value;this.value=l===""?null:parseFloat(l),this.emit("ev-input")}handleChange(){let l=this.input.value;this.value=l===""?null:parseFloat(l),this.formControlController.updateValidity(),this.emit("ev-change")}handleKeyDown(l){this.readonly||(l.key==="ArrowUp"&&(l.preventDefault(),this.stepUp(),this.emit("ev-input"),this.emit("ev-change")),l.key==="ArrowDown"&&(l.preventDefault(),this.stepDown(),this.emit("ev-input"),this.emit("ev-change")))}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}handleStepUp(){this.disabled||this.readonly||(this.stepUp(),this.emit("ev-input"),this.emit("ev-change"),this.input.focus())}handleStepDown(){this.disabled||this.readonly||(this.stepDown(),this.emit("ev-input"),this.emit("ev-change"),this.input.focus())}stepUp(){var n;let a=((n=this.value)!=null?n:0)+this.step;this.value=this.max!==void 0?Math.min(a,this.max):a}stepDown(){var n;let a=((n=this.value)!=null?n:0)-this.step;this.value=this.min!==void 0?Math.max(a,this.min):a}focus(l){this.input.focus(l)}blur(){this.input.blur()}select(){this.input.select()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleValueChange(){this.formControlController.updateValidity()}render(){let l=this.value!==null&&this.value!==void 0?String(this.value):"",a=this.min!==void 0&&this.value!==null&&this.value<=this.min,n=this.max!==void 0&&this.value!==null&&this.value>=this.max;return s`
+      <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")?s`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?s`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?s`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?s`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?s`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+        <div
+          part="base"
+          class=${p({"number-input":!0,"number-input--small":this.size==="small","number-input--medium":this.size==="medium","number-input--large":this.size==="large","number-input--pill":this.pill,"number-input--standard":!this.filled,"number-input--filled":this.filled,"number-input--disabled":this.disabled,"number-input--readonly":this.readonly,"number-input--focused":this.hasFocus,"number-input--empty":!l,"number-input--no-steppers":this.noSteppers})}
+        >
+          ${this.noSteppers?"":s`
+                  <button
+                    part="stepper-decrement"
+                    class="number-input__stepper number-input__stepper--decrement"
+                    type="button"
+                    tabindex="-1"
+                    ?disabled=${this.disabled||this.readonly||a}
+                    aria-hidden="true"
+                    @click=${this.handleStepDown}
+                  >
+                    <slot name="decrement-icon">
+                      <lynk-icon name="dash" library="system"></lynk-icon>
+                    </slot>
+                  </button>
+                `}
+
+          <span part="prefix" class="number-input__prefix">
+            <slot name="prefix"></slot>
+          </span>
+
+          <input
+            part="input"
+            class="number-input__input"
+            type="number"
+            name=${r(this.name||void 0)}
+            placeholder=${r(this.placeholder||void 0)}
+            .value=${y(l)}
+            ?disabled=${this.disabled}
+            ?readonly=${this.readonly}
+            ?required=${this.required}
+            ?autofocus=${this.autofocus}
+            min=${r(this.min)}
+            max=${r(this.max)}
+            step=${r(this.step)}
+            inputmode="numeric"
+            aria-label=${this.label||"Number input"}
+            aria-readonly=${this.readonly?"true":"false"}
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+            @keydown=${this.handleKeyDown}
+            @invalid=${this.handleInvalid}
+          />
+
+          <span part="suffix" class="number-input__suffix">
+            <slot name="suffix"></slot>
+          </span>
+
+          ${this.noSteppers?"":s`
+                  <button
+                    part="stepper-increment"
+                    class="number-input__stepper number-input__stepper--increment"
+                    type="button"
+                    tabindex="-1"
+                    ?disabled=${this.disabled||this.readonly||n}
+                    aria-hidden="true"
+                    @click=${this.handleStepUp}
+                  >
+                    <slot name="increment-icon">
+                      <lynk-icon name="plus" library="system"></lynk-icon>
+                    </slot>
+                  </button>
+                `}
+        </div>
+      </lynk-form-field>
+    `}};t.styles=[m,x],t.dependencies={"lynk-form-field":C,"lynk-icon":c,"lynk-icon-button":v},e([d(".number-input__input")],t.prototype,"input",2),e([h()],t.prototype,"hasFocus",2),e([i()],t.prototype,"name",2),e([i({type:Number})],t.prototype,"value",2),e([i({reflect:!0})],t.prototype,"size",2),e([i()],t.prototype,"label",2),e([i({attribute:"help-text"})],t.prototype,"helpText",2),e([i({attribute:"label-end"})],t.prototype,"labelEnd",2),e([i({attribute:"help-text-end"})],t.prototype,"helpTextEnd",2),e([i({attribute:"help-tip"})],t.prototype,"helpTip",2),e([i()],t.prototype,"placeholder",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Boolean,reflect:!0})],t.prototype,"optional",2),e([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([i({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"pill",2),e([i({type:Boolean,attribute:"no-steppers"})],t.prototype,"noSteppers",2),e([i({type:Number})],t.prototype,"min",2),e([i({type:Number})],t.prototype,"max",2),e([i({type:Number})],t.prototype,"step",2),e([i({reflect:!0})],t.prototype,"state",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([i({reflect:!0})],t.prototype,"form",2),e([i({type:Boolean})],t.prototype,"autofocus",2),e([$()],t.prototype,"defaultValue",2),e([o("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([o("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

package/cdn/chunks/chunk.QM4BPRTJ.js

@@ -0,0 +1,9 @@
+import{a as i}from"./chunk.G2Y22EUX.js";import{a as p}from"./chunk.7TAXE2HP.js";import{a as r,g as a}from"./chunk.FU5FZZFK.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends a{constructor(){super(...arguments);this.pill=!1;this.pulse=!1}render(){return s`
+      <span
+        part="base"
+        class=${p({badge:!0,"badge--primary":this.type==="primary","badge--accent":this.type==="accent","badge--info":this.type==="info","badge--success":this.type==="success","badge--neutral":this.type==="neutral","badge--warning":this.type==="warning","badge--danger":this.type==="danger","badge--pill":this.pill,"badge--pulse":this.pulse})}
+        role="status"
+      >
+        <slot></slot>
+      </span>
+    `}};e.styles=[l,i],t([r({reflect:!0})],e.prototype,"type",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pill",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pulse",2);export{e as a};

package/cdn/chunks/chunk.QNSDQ5I5.js

@@ -0,0 +1,9 @@
+import{a as d}from"./chunk.LMNIHEDM.js";import{a}from"./chunk.CIXURCS3.js";import{d as h}from"./chunk.HUMDDNNQ.js";import{a as m}from"./chunk.YHSYTTFF.js";import{a as n}from"./chunk.7TAXE2HP.js";import{a as l,d as s,g as i}from"./chunk.FU5FZZFK.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e as r}from"./chunk.FI4IKBIW.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new m(this,"header");this.width="fluid"}scrollToTop(){let e=this.hasParentLayout()?this.parentElement.renderRoot.querySelector(".page__main"):h(this.pageContent);e&&e.scrollTo({top:0,behavior:"smooth"})}hasParentLayout(){return this.parentElement instanceof a}render(){return o`
+      <div
+        part="base"
+        class=${n({"page-content":!0,"page-content--auto":this.width==="auto","page-content--sm":this.width==="small","page-content--md":this.width==="medium","page-content--lg":this.width==="large","page-content--xl":this.width==="x-large","page-content--xxl":this.width==="2x-large","page-content--fluid":this.width==="fluid","page-content--has-header":this.hasSlotController.test("header")})}
+      >
+        ${this.hasSlotController.test("header")?o`<slot name="header" part="header" class="page-content__header"></slot>`:""}
+        <slot part="main" class="page-content__main"></slot>
+      </div>
+    `}};t.styles=[p,d],t.dependencies={"lynk-page":a},r([l({reflect:!0})],t.prototype,"width",2),r([s(".page-content")],t.prototype,"pageContent",2);export{t as a};

package/cdn/chunks/chunk.QNXMHTFM.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.HA75Q4IG.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var s="lynk-dialog";e.define("lynk-dialog");var o=n({tagName:s,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide",EvInitialFocus:"ev-initial-focus",EvRequestClose:"ev-request-close"},displayName:"LynkDialog"}),i=o;export{i as a};

package/cdn/chunks/chunk.QO67XJAF.js

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

package/cdn/chunks/chunk.QS4KEZQR.js

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

package/cdn/chunks/chunk.QSQDOYU2.js

@@ -0,0 +1,56 @@
+import{a as C}from"./chunk.VDWIYU3J.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as d,c}from"./chunk.VDJQBFEB.js";import{a as f,c as y}from"./chunk.DCN42ZX4.js";import{a as b}from"./chunk.O4ZRZ3HV.js";import{a as T}from"./chunk.YHSYTTFF.js";import{a as p}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.7TAXE2HP.js";import{a as n,b as w,d as h,g as v}from"./chunk.FU5FZZFK.js";import{a as g}from"./chunk.MXDME6T6.js";import{a as _}from"./chunk.YKMXJQZ4.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var I="top-end",H=new Map;function k(r){let o=H.get(r);return o||(o=Object.assign(document.createElement("div"),{className:`lynk-toast-stack lynk-toast-stack--${r}`}),H.set(r,o)),o}var t=class extends v{constructor(){super(...arguments);this.hasSlotController=new T(this,"icon","suffix","action");this.localize=new b(this);this.open=!1;this.closable=!1;this.type="primary";this.appearance="standard";this.size="medium";this.duration=1/0;this.remainingTime=this.duration}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100))}pauseAutoHide(){var e;(e=this.countdownAnimation)==null||e.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)}resumeAutoHide(){var e;this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.remainingTime),this.remainingTimeInterval=window.setInterval(()=>{this.remainingTime-=100},100),(e=this.countdownAnimation)==null||e.play())}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){let{countdownElement:e}=this,a="100%",l="0";this.countdownAnimation=e.animate([{width:a},{width:l}],{duration:this.duration,easing:"linear"})}}handleCloseClick(){this.hide()}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.duration<1/0&&this.restartAutoHide(),await c(this.base),this.base.hidden=!1;let{keyframes:e,options:a}=y(this,"alert.show",{dir:this.localize.dir()});await d(this.base,e,a),this.emit("ev-after-show")}else{this.emit("ev-hide"),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),await c(this.base);let{keyframes:e,options:a}=y(this,"alert.hide",{dir:this.localize.dir()});await d(this.base,e,a),this.base.hidden=!0,this.emit("ev-after-hide")}}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,await u(this,"ev-after-show")}async hide(){if(this.open)return this.open=!1,await u(this,"ev-after-hide")}async toast(e=I){let a=k(e);return await new Promise(l=>{this.handleCountdownChange(),a.parentElement===null&&document.body.append(a),a.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("ev-after-hide",()=>{a.removeChild(this),l(),a.querySelector("lynk-alert")===null&&a.remove()},{once:!0})})}render(){return s`
+      <div
+        part="base"
+        class=${m({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--standard":this.appearance==="standard","alert--filled":this.appearance==="filled","alert--small":this.size==="small","alert--medium":this.size==="medium","alert--large":this.size==="large","alert--has-icon":this.hasSlotController.test("icon")||this.type==="info"||this.type==="neutral"||this.type==="success"||this.type==="warning"||this.type==="danger","alert--primary":this.type==="primary","alert--info":this.type==="info","alert--success":this.type==="success","alert--neutral":this.type==="neutral","alert--warning":this.type==="warning","alert--danger":this.type==="danger"})}
+        role="alert"
+        aria-hidden=${this.open?"false":"true"}
+        @mouseenter=${this.pauseAutoHide}
+        @mouseleave=${this.resumeAutoHide}
+      >
+        <div part="icon" class="alert__icon">
+          <slot name="icon">
+            ${this.type?s`
+                    <lynk-icon
+                      library="system"
+                      name="${this.type==="info"?"info-circle":this.type==="neutral"?"question-square":this.type==="success"?"check-circle":this.type==="warning"?"exclamation-triangle":this.type==="danger"?"exclamation-octagon":""}"
+                    ></lynk-icon>
+                  `:""}
+          </slot>
+        </div>
+
+        <div part="message" class="alert__message" aria-live="polite">
+          <slot></slot>
+        </div>
+
+        ${this.hasSlotController.test("action")?s`
+                <span part="action" class="alert__action">
+                  <slot name="action"></slot>
+                </span>
+              `:""}
+        ${this.closable?s`
+                <lynk-button
+                  part="close-button"
+                  exportparts="base:close-button__base"
+                  class="alert__close-button"
+                  size="small"
+                  name="x"
+                  color=${this.type}
+                  appearance="plain"
+                  circle
+                  @click=${this.handleCloseClick}
+                >
+                  <lynk-icon name="x" label=${this.localize.term("close")} library="system"></lynk-icon>
+                </lynk-button>
+              `:""}
+
+        <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+        ${this.countdown?s`
+                <div
+                  class=${m({alert__countdown:!0,"alert__countdown--ltr":this.countdown==="ltr"})}
+                >
+                  <div class="alert__countdown-elapsed"></div>
+                </div>
+              `:""}
+      </div>
+    `}};t.styles=[g,_],t.dependencies={"lynk-icon-button":C},i([h('[part="base"]')],t.prototype,"base",2),i([h(".alert__countdown-elapsed")],t.prototype,"countdownElement",2),i([n({type:Boolean,reflect:!0})],t.prototype,"open",2),i([n({type:Boolean,reflect:!0})],t.prototype,"closable",2),i([n({reflect:!0})],t.prototype,"type",2),i([n({reflect:!0})],t.prototype,"appearance",2),i([n({reflect:!0})],t.prototype,"size",2),i([n({type:Number})],t.prototype,"duration",2),i([n({type:String,reflect:!0})],t.prototype,"countdown",2),i([w()],t.prototype,"remainingTime",2),i([p("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([p("duration")],t.prototype,"handleDurationChange",1);f("alert.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});f("alert.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};

package/cdn/chunks/chunk.QYWBNMMG.js

@@ -0,0 +1,114 @@
+import{a as x}from"./chunk.ICN5ESR2.js";import{a as _}from"./chunk.UFP3NRKI.js";import{a as $}from"./chunk.JI63QKDW.js";import{a as y}from"./chunk.KIY7LAB4.js";import{b as C}from"./chunk.V7E6ITFP.js";import{a as g}from"./chunk.O4ZRZ3HV.js";import{a as b}from"./chunk.G6ZVAGQW.js";import{a as v}from"./chunk.YHSYTTFF.js";import{a as p}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.7TAXE2HP.js";import{a,b as u,d,g as c}from"./chunk.FU5FZZFK.js";import{a as f}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e as l}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.formControlController=new C(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.hasSlotController=new v(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new g(this);this.hasFocus=!1;this.inputValue="";this.valueHasChanged=!1;this.name="";this._value=[];this.defaultValue="";this.size="medium";this.label="";this.placeholder="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.disabled=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.dirty=!1;this.clearable=!1;this.pill=!1;this.tagAppearance="outlined filled";this.tagColor="default";this.inline=!1;this.state="default";this.maxTags=0;this.maxlength=0;this.allowDuplicates=!1;this.addOnBlur=!1;this.delimiter=",";this.removeOnBackspace=!0;this.form="";this.getTag=t=>o`
+      <lynk-tag
+        part="tag"
+        exportparts="
+              base:tag__base,
+              content:tag__content,
+              remove-button:tag__remove-button,
+              remove-button__base:tag__remove-button__base
+            "
+        appearance=${this.tagAppearance}
+        color=${this.tagColor}
+        ?pill=${this.pill}
+        size=${this.size}
+        ?removable=${!this.disabled&&!this.readonly}
+      >
+        ${t}
+      </lynk-tag>
+    `}get value(){return this._value}set value(t){let i=this.parseValue(t);this.arraysEqual(this._value,i)||(this.valueHasChanged=!0,this._value=i)}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}}attributeChangedCallback(t,i,s){if(super.attributeChangedCallback(t,i,s),t==="value"){let r=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=r}}firstUpdated(){this.formControlController.updateValidity()}parseValue(t){if(t==null)return[];if(Array.isArray(t))return t.map(s=>`${s}`.trim()).filter(s=>s.length>0);if(t==="")return[];let i=this.delimiter||",";return t.split(i).map(s=>s.trim()).filter(s=>s.length>0)}arraysEqual(t,i){return t.length===i.length&&t.every((s,r)=>s===i[r])}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleBlur(){this.hasFocus=!1,this.addOnBlur&&this.inputValue.trim()&&this.addTag(this.inputValue),this.emit("ev-blur")}handleInput(){this.inputValue=this.input.value}handleKeyDown(t){if(t.key==="Enter"){if(this.inputValue.trim()){t.preventDefault(),this.addTag(this.inputValue);return}setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(this.delimiter&&t.key===this.delimiter){t.preventDefault(),this.inputValue.trim()&&this.addTag(this.inputValue);return}t.key==="Backspace"&&this.removeOnBackspace&&this.inputValue===""&&this._value.length>0&&!this.disabled&&!this.readonly&&(t.preventDefault(),this.removeTag(this._value.length-1))}handlePaste(t){var r,h;let i=this.delimiter;if(!i)return;let s=(h=(r=t.clipboardData)==null?void 0:r.getData("text"))!=null?h:"";s.includes(i)&&(t.preventDefault(),s.split(i).map(n=>n.trim()).filter(n=>n.length>0).forEach(n=>this.addTag(n)))}handleControlMouseDown(t){this.disabled||this.readonly||t.composedPath().some(r=>{var h,n;return r instanceof Element&&(((h=r.tagName)==null?void 0:h.toLowerCase())==="lynk-tag"||((n=r.tagName)==null?void 0:n.toLowerCase())==="lynk-icon-button")})||t.target!==this.input&&(t.preventDefault(),this.input.focus({preventScroll:!0}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleClearClick(t){var i;t.stopPropagation(),!(this._value.length===0&&this.inputValue==="")&&(this.value=[],this.inputValue="",this.input&&(this.input.value=""),(i=this.input)==null||i.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")}))}addTag(t){let i=t.trim();if(!(!i||this.disabled||this.readonly)){if(this.maxlength>0&&i.length>this.maxlength&&(i=i.slice(0,this.maxlength)),!this.allowDuplicates&&this._value.includes(i)){this.inputValue="",this.input&&(this.input.value="");return}this.maxTags>0&&this._value.length>=this.maxTags||(this.value=[...this._value,i],this.inputValue="",this.input&&(this.input.value=""),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.emit("ev-add-tag",{detail:{value:i}}),this.emit("ev-input"),this.emit("ev-change")}))}}removeTag(t){if(t<0||t>=this._value.length||this.disabled||this.readonly)return;let i=this._value[t];this.value=this._value.filter((s,r)=>r!==t),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.emit("ev-remove-tag",{detail:{value:i}}),this.emit("ev-input"),this.emit("ev-change")})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleValueChange(){if(!this.valueHasChanged){let t=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=t}this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this._value.map((t,i)=>{let s=this.getTag(t,i);return o`
+        <div
+          class="tag-input__tag-wrapper"
+          @ev-remove=${r=>{r.stopPropagation(),this.removeTag(i)}}
+        >
+          ${typeof s=="string"?$(s):s}
+        </div>
+      `})}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.input.focus(t)}blur(){this.input.blur()}render(){let t=this._value.length>0,i=this.clearable&&!this.disabled&&!this.readonly&&(t||this.inputValue.length>0),s=!!this.placeholder&&!t;return o`
+      <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")?o`<slot name="label" slot="label"></slot>`:""}
+        ${this.hasSlotController.test("help-text")?o`<slot name="help-text" slot="help-text"></slot>`:""}
+        ${this.hasSlotController.test("help-tip")?o`<slot name="help-tip" slot="help-tip"></slot>`:""}
+        ${this.hasSlotController.test("label-end")?o`<slot name="label-end" slot="label-end"></slot>`:""}
+        ${this.hasSlotController.test("help-text-end")?o`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
+
+        <div
+          class=${m({"tag-input":!0,"tag-input--standard":!0,"tag-input--disabled":this.disabled,"tag-input--readonly":this.readonly,"tag-input--focused":this.hasFocus,"tag-input--pill":this.pill,"tag-input--placeholder-visible":s,"tag-input--has-tags":t,"tag-input--small":this.size==="small","tag-input--medium":this.size==="medium","tag-input--large":this.size==="large"})}
+        >
+          <div part="control" class="tag-input__control" @mousedown=${this.handleControlMouseDown}>
+            <slot part="prefix" name="prefix" class="tag-input__prefix"></slot>
+
+            ${t?o`<div part="tags" class="tag-input__tags">${this.tags}</div>`:""}
+
+            <input
+              part="input"
+              class="tag-input__input"
+              type="text"
+              placeholder=${s?this.placeholder:""}
+              .disabled=${this.disabled}
+              .value=${this.inputValue}
+              maxlength=${this.maxlength>0?this.maxlength:""}
+              ?readonly=${this.readonly}
+              autocomplete="off"
+              spellcheck="false"
+              autocapitalize="off"
+              aria-label=${this.label||"Tag input"}
+              aria-disabled=${this.disabled?"true":"false"}
+              aria-readonly=${this.readonly?"true":"false"}
+              tabindex="0"
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+              @input=${this.handleInput}
+              @keydown=${this.handleKeyDown}
+              @paste=${this.handlePaste}
+            />
+
+            <input
+              class="tag-input__value-input"
+              type="text"
+              ?disabled=${this.disabled}
+              ?required=${this.required}
+              .value=${this._value.join(this.delimiter||",")}
+              tabindex="-1"
+              aria-hidden="true"
+              @focus=${()=>this.focus()}
+              @invalid=${this.handleInvalid}
+            />
+
+            ${i?o`
+                    <button
+                      part="clear-button"
+                      class="tag-input__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="tag-input__suffix"></slot>
+          </div>
+        </div>
+      </lynk-form-field>
+    `}};e.styles=[f,x],e.dependencies={"lynk-form-field":y,"lynk-icon":b,"lynk-tag":_},l([d(".tag-input__input")],e.prototype,"input",2),l([d(".tag-input__value-input")],e.prototype,"valueInput",2),l([u()],e.prototype,"hasFocus",2),l([u()],e.prototype,"inputValue",2),l([u()],e.prototype,"valueHasChanged",2),l([a()],e.prototype,"name",2),l([u()],e.prototype,"value",1),l([a({attribute:"value"})],e.prototype,"defaultValue",2),l([a({reflect:!0})],e.prototype,"size",2),l([a()],e.prototype,"label",2),l([a()],e.prototype,"placeholder",2),l([a({attribute:"help-text"})],e.prototype,"helpText",2),l([a({attribute:"label-end"})],e.prototype,"labelEnd",2),l([a({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),l([a({attribute:"help-tip"})],e.prototype,"helpTip",2),l([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),l([a({type:Boolean,reflect:!0})],e.prototype,"readonly",2),l([a({type:Boolean,reflect:!0})],e.prototype,"required",2),l([a({type:Boolean,reflect:!0})],e.prototype,"optional",2),l([a({type:Boolean,reflect:!0})],e.prototype,"dirty",2),l([a({type:Boolean})],e.prototype,"clearable",2),l([a({type:Boolean,reflect:!0})],e.prototype,"pill",2),l([a({attribute:"tag-appearance"})],e.prototype,"tagAppearance",2),l([a({attribute:"tag-color"})],e.prototype,"tagColor",2),l([a({type:Boolean,reflect:!0})],e.prototype,"inline",2),l([a({reflect:!0})],e.prototype,"state",2),l([a({attribute:"max-tags",type:Number})],e.prototype,"maxTags",2),l([a({type:Number})],e.prototype,"maxlength",2),l([a({type:Boolean,attribute:"allow-duplicates"})],e.prototype,"allowDuplicates",2),l([a({type:Boolean,attribute:"add-on-blur"})],e.prototype,"addOnBlur",2),l([a()],e.prototype,"delimiter",2),l([a({type:Boolean,attribute:"remove-on-backspace"})],e.prototype,"removeOnBackspace",2),l([a({reflect:!0})],e.prototype,"form",2),l([a()],e.prototype,"getTag",2),l([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),l([p(["defaultValue","value"],{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1);export{e as a};