@uplynk/lynk-design 1.18.0 → 1.19.0

package/cdn/chunks/chunk.U24XP2DP.js

@@ -0,0 +1,33 @@
+import{a as b}from"./chunk.L4JDK2QX.js";import{a as l,b as h}from"./chunk.UBVFZZFQ.js";import{a as p}from"./chunk.KCYK4NAN.js";import{a as i}from"./chunk.TETFNMKN.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as u}from"./chunk.7TAXE2HP.js";import{a as r,b as a,d as n,g as d}from"./chunk.ZAFKTMHG.js";import{a as f}from"./chunk.MXDME6T6.js";import{e as s}from"./chunk.FI4IKBIW.js";var t=class extends d{constructor(){super(...arguments);this.hasFocus=!1;this.hasSlotController=new c(this,"prefix","suffix");this.color="default";this.label="";this.disabled=!1}click(){this.button.click()}focus(e){this.button.focus(e)}blur(){this.button.blur()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.emit("ev-click")}render(){let e=!!this.href,o=e?l`a`:l`button`;return h`
+      <${o}
+        part="base"
+        class=${u({"icon-button":!0,"icon-button--default":this.color==="default","icon-button--primary":this.color==="primary","icon-button--success":this.color==="success","icon-button--neutral":this.color==="neutral","icon-button--warning":this.color==="warning","icon-button--danger":this.color==="danger","icon-button--disabled":!e&&this.disabled,"icon-button--focused":this.hasFocus,"icon-button--has-prefix":this.hasSlotController.test("prefix"),"icon-button--has-suffix":this.hasSlotController.test("suffix")})}
+        ?disabled=${i(e?void 0:this.disabled)}
+        type=${i(e?void 0:"button")}
+        href=${i(e?this.href:void 0)}
+        target=${i(e?this.target:void 0)}
+        download=${i(e?this.download:void 0)}
+        rel=${i(e&&this.target?"noreferrer noopener":void 0)}
+        role=${i(e?void 0:"button")}
+        aria-disabled=${this.disabled?"true":"false"}
+        aria-label="${this.label}"
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <span part="prefix" class="icon-button__prefix">
+          <slot name="prefix"></slot>
+        </span>
+        <lynk-icon
+          class="icon-button__icon"
+          name=${i(this.name)}
+          library=${i(this.library)}
+          src=${i(this.src)}
+          aria-hidden="true"
+        ></lynk-icon>
+        <span part="suffix" class="icon-button__suffix">
+          <slot name="suffix"></slot>
+        </span>
+      </${o}>
+    `}};t.styles=[f,b],t.dependencies={"lynk-icon":p},s([n(".icon-button")],t.prototype,"button",2),s([a()],t.prototype,"hasFocus",2),s([r({reflect:!0})],t.prototype,"color",2),s([r()],t.prototype,"name",2),s([r()],t.prototype,"library",2),s([r()],t.prototype,"src",2),s([r()],t.prototype,"href",2),s([r()],t.prototype,"target",2),s([r()],t.prototype,"download",2),s([r()],t.prototype,"label",2),s([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2);export{t as a};

package/cdn/chunks/chunk.U4MC7W66.js

@@ -0,0 +1,167 @@
+import{a as D}from"./chunk.JMJDI2R6.js";import{a as V}from"./chunk.ZOVLPXTM.js";import{a as F}from"./chunk.YG5RRGIP.js";import{a as w}from"./chunk.SH54CIFE.js";import{a as E}from"./chunk.IPMWK5EL.js";import{a as x}from"./chunk.AIBTHZCM.js";import{b as H}from"./chunk.V7E6ITFP.js";import{a as k}from"./chunk.U24XP2DP.js";import{a as g}from"./chunk.MEKW2OXH.js";import{a as _}from"./chunk.KCYK4NAN.js";import{a as C}from"./chunk.TETFNMKN.js";import{a as $}from"./chunk.YHSYTTFF.js";import{a as m}from"./chunk.7TAXE2HP.js";import{a as f}from"./chunk.YZSIY5HS.js";import{a as l,b,d as u,g as I}from"./chunk.ZAFKTMHG.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as a,h as v}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends I{constructor(){super(...arguments);this.formControlController=new H(this);this.hasSlotController=new $(this,"help-text","help-tip","label","label-end","help-text-end");this.localize=new g(this);this.isOpen=!1;this.name="";this.value="";this.defaultValue="";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.inline=!1;this.size="medium";this.seconds=!1;this.format="locale";this.minuteInterval=1;this.hoist=!1;this.clearable=!1;this.handleDocumentClick=t=>{this.contains(t.target)||this.hide()};this.handleKeyDown=t=>{let o=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!t.isComposing&&!o&&(this.isOpen&&this.clock.value?(t.preventDefault(),this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{t.defaultPrevented||this.emit("ev-change")})),t.key==="Escape"&&this.isOpen&&(t.preventDefault(),t.stopPropagation(),this.hide())}}get use24HourInput(){return this.format==="24h"}get validity(){return this.use24HourInput?this.hiddenInput.validity:this.timeInput.validity}get validationMessage(){return this.use24HourInput?this.hiddenInput.validationMessage:this.timeInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentClick=this.handleDocumentClick.bind(this),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.formControlController.updateValidity(),this.updateInputFromValue()}handleTimeInput(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleTimeChange(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-change")}pad(t){return String(t).padStart(2,"0")}buildValueFrom24HourInputs(){var p,r,c;let t=(p=this.hourInput)==null?void 0:p.value,o=(r=this.minuteInput)==null?void 0:r.value,n=(c=this.secondInput)==null?void 0:c.value;if(t===""||o==="")return"";let d=this.pad(parseInt(t)),h=this.pad(parseInt(o));if(this.seconds){let s=this.pad(n!==""&&n!==null&&n!==void 0?parseInt(n):0);return`${d}:${h}:${s}`}return`${d}:${h}`}handle24HourInput(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-input")}handle24HourChange(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-change")}handle24HourKeyDown(t,o){let n=t.target;if(t.key==="ArrowUp"||t.key==="ArrowDown"){t.preventDefault();let d=parseInt(n.value)||0,h=parseInt(n.max),p=t.key==="ArrowUp"?1:-1,r=d+p;r<0&&(r=h),r>h&&(r=0),n.value=this.pad(r),this.handle24HourInput(),n.select()}}handleClockChange(){this.clock.value&&(this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(t){t.preventDefault(),t.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),(this.use24HourInput?this.hourInput:this.timeInput).focus()}handleTriggerClick(t){t.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){if(this.use24HourInput){if(!this.value){this.hourInput&&(this.hourInput.value=""),this.minuteInput&&(this.minuteInput.value=""),this.secondInput&&(this.secondInput.value="");return}let t=this.value.split(":");this.hourInput&&(this.hourInput.value=t[0]||""),this.minuteInput&&(this.minuteInput.value=t[1]||""),this.secondInput&&this.seconds&&(this.secondInput.value=t[2]||"00")}else this.timeInput&&(this.timeInput.value=this.value)}updatePickerFromValue(){this.clock&&(this.clock.value=this.value)}updatePickerFromInput(){var t;this.use24HourInput?this.clock&&(this.clock.value=this.buildValueFrom24HourInputs()):this.clock&&(this.clock.value=((t=this.timeInput)==null?void 0:t.value)||"")}show(){this.isOpen||this.disabled||this.readonly||(this.isOpen=!0,this.updatePickerFromValue(),this.dropdown.show(),document.addEventListener("click",this.handleDocumentClick))}hide(){this.isOpen&&(this.isOpen=!1,this.dropdown.hide(),document.removeEventListener("click",this.handleDocumentClick))}focus(t){this.use24HourInput?this.hourInput.focus(t):this.timeInput.focus(t)}blur(){this.use24HourInput?this.hourInput.blur():this.timeInput.blur()}checkValidity(){return this.use24HourInput?this.hiddenInput.checkValidity():this.timeInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.use24HourInput?this.hiddenInput.reportValidity():this.timeInput.reportValidity()}setCustomValidity(t){this.use24HourInput?this.hiddenInput.setCustomValidity(t):this.timeInput.setCustomValidity(t),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){let t=this.value!=="";return a`
+      <lynk-form-field
+        .size=${this.size}
+        .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}
+        .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")?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>`:""}
+        <lynk-dropdown
+          class="time-picker__dropdown"
+          part="dropdown"
+          ?disabled=${this.disabled||this.readonly}
+          .open=${this.isOpen}
+          .hoist=${this.hoist}
+          placement="bottom-start"
+          distance="2"
+        >
+          <div
+            slot="trigger"
+            part="input-group"
+            role="group"
+            class=${m({"time-picker__input-group":!0,"time-picker__input-group--small":this.size==="small","time-picker__input-group--medium":this.size==="medium","time-picker__input-group--large":this.size==="large","time-picker__input-group--disabled":this.disabled,"time-picker__input-group--readonly":this.readonly})}
+          >
+            ${this.placeholder&&!t?a`<div part="placeholder" class="time-picker__placeholder">${this.placeholder}</div>`:""}
+            ${this.use24HourInput?this.render24HourInputs(t):this.renderNativeTimeInput(t)}
+            ${this.clearable&&!this.disabled&&!this.readonly&&t?a`
+                    <button
+                      part="clear-button"
+                      class="time-picker__clear"
+                      type="button"
+                      aria-label=${this.localize.term("clearEntry")||"Clear entry"}
+                      @click=${this.handleClearClick}
+                      tabindex="-1"
+                    >
+                      <slot name="clear-icon">
+                        <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
+                      </slot>
+                    </button>
+                  `:""}
+
+            <lynk-icon-button
+              part="trigger"
+              class="time-picker__trigger"
+              name="clock"
+              library="system"
+              label="Open clock"
+              ?disabled=${this.disabled}
+              @click=${this.handleTriggerClick}
+            ></lynk-icon-button>
+          </div>
+
+          <div class="time-picker__panel" id="clock-panel">
+            <lynk-clock
+              part="clock"
+              class="time-picker__clock"
+              .format=${this.format}
+              ?seconds=${this.seconds}
+              .minuteInterval=${this.minuteInterval}
+              @ev-change=${this.handleClockChange}
+            ></lynk-clock>
+          </div>
+        </lynk-dropdown>
+      </lynk-form-field>
+    `}renderNativeTimeInput(t){return a`
+      <input
+        part="time-input"
+        class="time-picker__time-input"
+        type="time"
+        role="combobox"
+        step=${this.seconds?"1":"any"}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        ?required=${this.required}
+        ?hidden=${this.placeholder&&!t}
+        .value=${w(this.value)}
+        aria-label=${this.label||"Time"}
+        aria-readonly=${this.readonly?"true":"false"}
+        aria-haspopup="dialog"
+        aria-expanded=${this.isOpen?"true":"false"}
+        @input=${this.handleTimeInput}
+        @change=${this.handleTimeChange}
+      />
+    `}render24HourInputs(t){var p,r,c;let o=this.value?this.value.split(":"):[],n=(p=o[0])!=null?p:"",d=(r=o[1])!=null?r:"",h=(c=o[2])!=null?c:"";return a`
+      <!-- Hidden input for form participation and validation -->
+      <input
+        class="time-picker__hidden-input"
+        type="hidden"
+        .value=${this.value}
+        ?required=${this.required}
+        aria-hidden="true"
+        tabindex="-1"
+      />
+      <div
+        part="time-input"
+        class=${m({"time-picker__24h-group":!0,"time-picker__24h-group--hidden":!!(this.placeholder&&!t)})}
+        role="combobox"
+        aria-label=${this.label||"Time"}
+        aria-readonly=${this.readonly?"true":"false"}
+        aria-haspopup="dialog"
+        aria-expanded=${this.isOpen?"true":"false"}
+      >
+        <input
+          class="time-picker__hour-input time-picker__segment-input"
+          part="hour-input"
+          type="number"
+          min="0"
+          max="23"
+          placeholder="--"
+          .value=${n}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Hours"
+          @input=${this.handle24HourInput}
+          @change=${this.handle24HourChange}
+          @keydown=${s=>this.handle24HourKeyDown(s,"hour")}
+          @focus=${s=>s.target.select()}
+        /><span class="time-picker__separator" aria-hidden="true">:</span
+        ><input
+          class="time-picker__minute-input time-picker__segment-input"
+          part="minute-input"
+          type="number"
+          min="0"
+          max="59"
+          step=${C(this.minuteInterval>1?this.minuteInterval:void 0)}
+          placeholder="--"
+          .value=${d}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          aria-label="Minutes"
+          @input=${this.handle24HourInput}
+          @change=${this.handle24HourChange}
+          @keydown=${s=>this.handle24HourKeyDown(s,"minute")}
+          @focus=${s=>s.target.select()}
+        />${this.seconds?a`<span class="time-picker__separator" aria-hidden="true">:</span
+                ><input
+                  class="time-picker__second-input time-picker__segment-input"
+                  part="second-input"
+                  type="number"
+                  min="0"
+                  max="59"
+                  placeholder="--"
+                  .value=${h}
+                  ?disabled=${this.disabled}
+                  ?readonly=${this.readonly}
+                  aria-label="Seconds"
+                  @input=${this.handle24HourInput}
+                  @change=${this.handle24HourChange}
+                  @keydown=${s=>this.handle24HourKeyDown(s,"second")}
+                  @focus=${s=>s.target.select()}
+                />`:v}
+      </div>
+    `}};e.styles=[y,D],e.dependencies={"lynk-clock":x,"lynk-dropdown":V,"lynk-form-field":F,"lynk-icon":_,"lynk-icon-button":k},i([u(".time-picker__dropdown")],e.prototype,"dropdown",2),i([u(".time-picker__clock")],e.prototype,"clock",2),i([u(".time-picker__time-input")],e.prototype,"timeInput",2),i([u(".time-picker__hour-input")],e.prototype,"hourInput",2),i([u(".time-picker__minute-input")],e.prototype,"minuteInput",2),i([u(".time-picker__second-input")],e.prototype,"secondInput",2),i([u(".time-picker__hidden-input")],e.prototype,"hiddenInput",2),i([b()],e.prototype,"isOpen",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([E()],e.prototype,"defaultValue",2),i([l()],e.prototype,"label",2),i([l()],e.prototype,"placeholder",2),i([l({attribute:"help-text"})],e.prototype,"helpText",2),i([l({attribute:"label-end"})],e.prototype,"labelEnd",2),i([l({attribute:"help-text-end"})],e.prototype,"helpTextEnd",2),i([l({attribute:"help-tip"})],e.prototype,"helpTip",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([l({type:Boolean,reflect:!0})],e.prototype,"optional",2),i([l({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([l({type:Boolean,reflect:!0})],e.prototype,"inline",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({type:Boolean})],e.prototype,"seconds",2),i([l()],e.prototype,"format",2),i([l({type:Number,attribute:"minute-interval"})],e.prototype,"minuteInterval",2),i([l({type:Boolean})],e.prototype,"hoist",2),i([l({type:Boolean})],e.prototype,"clearable",2),i([f("value")],e.prototype,"handleValueChange",1),i([f("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.U534ICXY.js

@@ -0,0 +1 @@
+var i=new Set,s=new Map,l,c="ltr",d="en",m=typeof MutationObserver!="undefined"&&typeof document!="undefined"&&typeof document.documentElement!="undefined";if(m){let n=new MutationObserver(p);c=document.documentElement.dir||"ltr",d=document.documentElement.lang||navigator.language,n.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function f(...n){n.map(e=>{let t=e.$code.toLowerCase();s.has(t)?s.set(t,Object.assign(Object.assign({},s.get(t)),e)):s.set(t,e),l||(l=e)}),p()}function p(){m&&(c=document.documentElement.dir||"ltr",d=document.documentElement.lang||navigator.language),[...i.keys()].map(n=>{typeof n.requestUpdate=="function"&&n.requestUpdate()})}var g=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){i.add(this.host)}hostDisconnected(){i.delete(this.host)}dir(){return`${this.host.dir||c}`.toLowerCase()}lang(){let e=`${this.host.lang||d}`.toLowerCase().replace(/_/g,"-");try{return new Intl.Locale(e),e}catch(t){return l?l.$code.toLowerCase():"en"}}getTranslationData(e){var t,r;let a;try{a=new Intl.Locale(e.replace(/_/g,"-"))}catch(C){return{locale:void 0,language:"",region:"",primary:void 0,secondary:void 0}}let o=a.language.toLowerCase(),u=(r=(t=a.region)===null||t===void 0?void 0:t.toLowerCase())!==null&&r!==void 0?r:"",w=s.get(`${o}-${u}`),v=s.get(o);return{locale:a,language:o,region:u,primary:w,secondary:v}}exists(e,t){var r;let{primary:a,secondary:o}=this.getTranslationData((r=t.lang)!==null&&r!==void 0?r:this.lang());return t=Object.assign({includeFallback:!1},t),!!(a&&a[e]||o&&o[e]||t.includeFallback&&l&&l[e])}term(e,...t){let{primary:r,secondary:a}=this.getTranslationData(this.lang()),o;if(r&&r[e])o=r[e];else if(a&&a[e])o=a[e];else if(l&&l[e])o=l[e];else return console.error(`No translation found for: ${String(e)}`),String(e);return typeof o=="function"?o(...t):o}date(e,t){return e=new Date(e),new Intl.DateTimeFormat(this.lang(),t).format(e)}number(e,t){return e=Number(e),isNaN(e)?"":new Intl.NumberFormat(this.lang(),t).format(e)}relativeTime(e,t,r){return new Intl.RelativeTimeFormat(this.lang(),r).format(e,t)}};var h={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(n,e)=>`Go to slide ${n} of ${e}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:n=>n===0?"No options selected":n===1?"1 option selected":`${n} options selected`,previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollableRegion:"Scrollable region",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:n=>`Slide ${n}`,toggleColorFormat:"Toggle color format"};f(h);var $=h;export{f as a,g as b,$ as c};

package/cdn/chunks/chunk.U7M4I2HW.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.NEEJXHFX.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.UAGLJUSZ.js

@@ -0,0 +1,33 @@
+import{a as g}from"./chunk.RZAUGLP6.js";import{a as S}from"./chunk.OD47XL5K.js";import{a as h,c as d}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.MEKW2OXH.js";import{a as w}from"./chunk.KCYK4NAN.js";import{a as b}from"./chunk.7TAXE2HP.js";import{a as o,b as m,d as l,g as f}from"./chunk.ZAFKTMHG.js";import{a as y}from"./chunk.MXDME6T6.js";import{d as u}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends f{constructor(){super(...arguments);this.localize=new _(this);this.isCopying=!1;this.status="rest";this.value="";this.from="";this.disabled=!1;this.copyLabel="";this.successLabel="";this.errorLabel="";this.feedbackDuration=1500;this.tooltipPlacement="top";this.hoist=!1}async handleCopy(){if(this.disabled||this.isCopying)return;this.isCopying=!0;let s=this.value;if(this.from){let c=this.getRootNode(),n=this.from.includes("."),p=this.from.includes("[")&&this.from.includes("]"),a=this.from,i="";n?[a,i]=this.from.trim().split("."):p&&([a,i]=this.from.trim().replace(/\]$/,"").split("["));let r="getElementById"in c?c.getElementById(a):null;r?p?s=r.getAttribute(i)||"":n?s=r[i]||"":s=r.textContent||"":(this.showStatus("error"),this.emit("ev-error"))}if(!s)this.showStatus("error"),this.emit("ev-error");else try{await navigator.clipboard.writeText(s),this.showStatus("success"),this.emit("ev-copy",{detail:{value:s}})}catch(c){this.showStatus("error"),this.emit("ev-error")}}async showStatus(s){let c=this.copyLabel||this.localize.term("copy"),n=this.successLabel||this.localize.term("copied"),p=this.errorLabel||this.localize.term("error"),a=s==="success"?this.successIcon:this.errorIcon,i=d(this,"copy.in",{dir:"ltr"}),r=d(this,"copy.out",{dir:"ltr"});this.tooltip.content=s==="success"?n:p,await this.copyIcon.animate(r.keyframes,r.options).finished,this.copyIcon.hidden=!0,this.status=s,a.hidden=!1,await a.animate(i.keyframes,i.options).finished,setTimeout(async()=>{await a.animate(r.keyframes,r.options).finished,a.hidden=!0,this.status="rest",this.copyIcon.hidden=!1,await this.copyIcon.animate(i.keyframes,i.options).finished,this.tooltip.content=c,this.isCopying=!1},this.feedbackDuration)}render(){let s=this.copyLabel||this.localize.term("copy");return u`
+      <lynk-tooltip
+        class=${b({"copy-button":!0,"copy-button--success":this.status==="success","copy-button--error":this.status==="error"})}
+        content=${s}
+        placement=${this.tooltipPlacement}
+        ?disabled=${this.disabled}
+        ?hoist=${this.hoist}
+        exportparts="
+          base:tooltip__base,
+          base__popup:tooltip__base__popup,
+          base__arrow:tooltip__base__arrow,
+          body:tooltip__body
+        "
+      >
+        <button
+          class="copy-button__button"
+          part="button"
+          type="button"
+          ?disabled=${this.disabled}
+          @click=${this.handleCopy}
+        >
+          <slot part="copy-icon" name="copy-icon">
+            <lynk-icon library="system" name="copy"></lynk-icon>
+          </slot>
+          <slot part="success-icon" name="success-icon" hidden>
+            <lynk-icon library="system" name="check"></lynk-icon>
+          </slot>
+          <slot part="error-icon" name="error-icon" hidden>
+            <lynk-icon library="system" name="x-lg"></lynk-icon>
+          </slot>
+        </button>
+      </lynk-tooltip>
+    `}};t.styles=[y,g],t.dependencies={"lynk-icon":w,"lynk-tooltip":S},e([l('slot[name="copy-icon"]')],t.prototype,"copyIcon",2),e([l('slot[name="success-icon"]')],t.prototype,"successIcon",2),e([l('slot[name="error-icon"]')],t.prototype,"errorIcon",2),e([l("lynk-tooltip")],t.prototype,"tooltip",2),e([m()],t.prototype,"isCopying",2),e([m()],t.prototype,"status",2),e([o()],t.prototype,"value",2),e([o()],t.prototype,"from",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({attribute:"copy-label"})],t.prototype,"copyLabel",2),e([o({attribute:"success-label"})],t.prototype,"successLabel",2),e([o({attribute:"error-label"})],t.prototype,"errorLabel",2),e([o({attribute:"feedback-duration",type:Number})],t.prototype,"feedbackDuration",2),e([o({attribute:"tooltip-placement"})],t.prototype,"tooltipPlacement",2),e([o({type:Boolean})],t.prototype,"hoist",2);h("copy.in",{keyframes:[{scale:".25",opacity:".25"},{scale:"1",opacity:"1"}],options:{duration:100}});h("copy.out",{keyframes:[{scale:"1",opacity:"1"},{scale:".25",opacity:"0"}],options:{duration:100}});export{t as a};

package/cdn/chunks/chunk.UBGBVAW4.js

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

package/cdn/chunks/chunk.UBVFZZFQ.js

@@ -0,0 +1,2 @@
+import{d as m,e as h,f as p}from"./chunk.PINNEFCM.js";var v=Symbol.for(""),d=t=>{if((t==null?void 0:t.r)===v)return t==null?void 0:t._$litStatic$};var _=(t,...a)=>({_$litStatic$:a.reduce((r,i,o)=>r+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but
+            take care to ensure page security.`)})(i)+t[o+1],t[0]),r:v}),S=new Map,u=t=>(a,...r)=>{let i=r.length,o,e,l=[],c=[],n,s=0,$=!1;for(;s<i;){for(n=a[s];s<i&&(e=r[s],(o=d(e))!==void 0);)n+=o+a[++s],$=!0;s!==i&&c.push(e),l.push(n),s++}if(s===i&&l.push(a[i]),$){let f=l.join("$$lit$$");(a=S.get(f))===void 0&&(l.raw=l,S.set(f,a=l)),r=c}return t(a,...r)},w=u(m),b=u(h),x=u(p);export{_ as a,w as b};

package/cdn/chunks/chunk.UF4OHHSS.js

@@ -0,0 +1,79 @@
+import{a}from"./chunk.PINNEFCM.js";var t=a`
+  :host {
+    display: contents;
+    --gap: var(--lynk-spacing-2x-small);
+  }
+
+  .page-header {
+    padding-top: var(--lynk-spacing-base);
+    display: grid;
+    gap: var(--gap);
+    grid-template-areas:
+      'breadcrumb aux'
+      'main main'
+      'controls controls'
+      'tabs tabs';
+    grid-template-rows: min-content;
+    grid-template-columns: 1fr min-content;
+  }
+
+  .page-header__breadcrumb,
+  ::slotted(lynk-breadcrumb) {
+    grid-area: breadcrumb;
+    align-self: center;
+  }
+
+  .page-header__aux {
+    grid-area: aux;
+    display: flex;
+    gap: var(--lynk-spacing-2x-small);
+    justify-content: flex-end;
+  }
+
+  .page-header__controls {
+    grid-area: controls;
+    display: flex;
+    flex-wrap: nowrap;
+    width: auto;
+    margin-right: auto;
+    gap: var(--lynk-spacing-2x-small);
+    justify-content: flex-start;
+    align-self: center;
+  }
+
+  .page-header__main {
+    display: block;
+    grid-area: main;
+    min-width: min-content;
+  }
+
+  .page-header__main h1,
+  .page-header__main::slotted(h1),
+  .page-header__main::slotted(h2),
+  .page-header__main::slotted(h3) {
+    margin: 0;
+    font-size: var(--lynk-font-size-2x-large);
+    line-height: var(--lynk-line-height-dense);
+    font-weight: var(--lynk-font-weight-semibold);
+  }
+
+  .page-header__tabs,
+  .page-header ::slotted(lynk-tab-group) {
+    display: block;
+    grid-area: tabs;
+  }
+
+  @media (min-width: 768px) {
+    .page-header {
+      grid-template-areas:
+        'breadcrumb aux'
+        'main controls'
+        'tabs tabs';
+    }
+
+    .page-header__controls {
+      margin-left: auto;
+      justify-content: flex-end;
+    }
+  }
+`;export{t as a};

package/cdn/chunks/chunk.UG7I57B3.js

@@ -0,0 +1,40 @@
+import{a as f}from"./chunk.7MFNS5QU.js";import{a as u}from"./chunk.IQSFJ5XW.js";import{a}from"./chunk.TETFNMKN.js";import{a as d}from"./chunk.YHSYTTFF.js";import{a as o}from"./chunk.7TAXE2HP.js";import{a as h}from"./chunk.YZSIY5HS.js";import{a as s,b as l,d as n,g as i}from"./chunk.ZAFKTMHG.js";import{a as p}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new d(this,"prefix","suffix");this.renderType="button";this.rel="noreferrer noopener"}setRenderType(){let m=this.defaultSlot.assignedElements({flatten:!0}).filter(b=>b.tagName.toLowerCase()==="lynk-dropdown").length>0;if(this.href){this.renderType="link";return}if(m){this.renderType="dropdown";return}this.renderType="button"}hrefChanged(){this.setRenderType()}handleSlotChange(){this.setRenderType()}render(){return r`
+      <div
+        part="base"
+        class=${o({"breadcrumb-item":!0,"breadcrumb-item--has-prefix":this.hasSlotController.test("prefix"),"breadcrumb-item--has-suffix":this.hasSlotController.test("suffix")})}
+      >
+        <span part="prefix" class="breadcrumb-item__prefix">
+          <slot name="prefix"></slot>
+        </span>
+
+        ${this.renderType==="link"?r`
+                <a
+                  part="label"
+                  class="breadcrumb-item__label breadcrumb-item__label--link"
+                  href="${this.href}"
+                  target="${a(this.target?this.target:void 0)}"
+                  rel=${a(this.target?this.rel:void 0)}
+                >
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </a>
+              `:""}
+        ${this.renderType==="button"?r`
+                <button part="label" type="button" class="breadcrumb-item__label breadcrumb-item__label--button">
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </button>
+              `:""}
+        ${this.renderType==="dropdown"?r`
+                <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
+                  <lynk-truncate><slot @slotchange=${this.handleSlotChange}></slot></lynk-truncate>
+                </div>
+              `:""}
+
+        <span part="suffix" class="breadcrumb-item__suffix">
+          <slot name="suffix"></slot>
+        </span>
+
+        <span part="separator" class="breadcrumb-item__separator" aria-hidden="true">
+          <slot name="separator"></slot>
+        </span>
+      </div>
+    `}};t.styles=[p,u],t.dependencies={"lynk-truncate":f},e([n("slot:not([name])")],t.prototype,"defaultSlot",2),e([l()],t.prototype,"renderType",2),e([s()],t.prototype,"href",2),e([s()],t.prototype,"target",2),e([s()],t.prototype,"rel",2),e([h("href",{waitUntilFirstUpdate:!0})],t.prototype,"hrefChanged",1);export{t as a};

package/cdn/chunks/chunk.UKUTLW36.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.OD47XL5K.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tooltip";e.define("lynk-tooltip");var v=n({tagName:o,elementClass:e,react:t,events:{EvShow:"ev-show",EvAfterShow:"ev-after-show",EvHide:"ev-hide",EvAfterHide:"ev-after-hide"},displayName:"LynkTooltip"}),p=v;export{p as a};

package/cdn/chunks/chunk.UP725DYY.js

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

package/cdn/chunks/chunk.UU5TUE4F.js

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

package/cdn/chunks/chunk.UUCLF7BT.js

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

package/cdn/chunks/chunk.UZWWMU7C.js

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

package/cdn/chunks/chunk.V3DC6LC7.js

@@ -0,0 +1,5 @@
+import{a as o}from"./chunk.PINNEFCM.js";var t=o`
+  :host {
+    display: block;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.V4DEQOYC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.HQIC6D24.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-th";e.define("lynk-th");var r=n({tagName:o,elementClass:e,react:t,events:{EvTableSort:"ev-table-sort"},displayName:"LynkTh"}),s=r;export{s as a};

package/cdn/chunks/chunk.VACUVKW2.js

@@ -0,0 +1 @@
+import{a}from"./chunk.ZWLANFRK.js";import{a as r,g as l}from"./chunk.ZAFKTMHG.js";import{a as s}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends l{constructor(){super(...arguments);this.interactive=!1;this.active=!1;this.pulse=!1}render(){return o` <slot part="base"></slot> `}};e.styles=[s,a],t([r({reflect:!0})],e.prototype,"state",2),t([r({type:Boolean,reflect:!0})],e.prototype,"interactive",2),t([r({type:Boolean,reflect:!0})],e.prototype,"active",2),t([r({type:Boolean,reflect:!0})],e.prototype,"pulse",2);export{e as a};