@uplynk/lynk-design 1.19.2 → 1.20.1

package/cdn/chunks/chunk.7GYRS54M.js

@@ -0,0 +1,75 @@
+import{a as T}from"./chunk.G2YWPAAW.js";import{e as b,f as M,g as A,h as $,m as P}from"./chunk.3TWYPRSH.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.7TAXE2HP.js";import{a as c,b as g,d as S,g as f}from"./chunk.XKOYU7QD.js";import{a as _}from"./chunk.MXDME6T6.js";import{d as n}from"./chunk.PINNEFCM.js";import{a as h,b as u,e as o}from"./chunk.FI4IKBIW.js";var r=class extends f{constructor(){super(...arguments);this.timeSegment=null;this.value="";this.disabled=!1;this.format="locale";this.seconds=!1;this.minuteInterval=1;this.size="medium"}get showAmPm(){return this.format==="12h"?!0:this.format==="24h"?!1:this.isLocale12Hour()}get hour12(){if(!this.timeSegment)return 12;let e=this.timeSegment.hours;return e===0?12:e>12?e-12:e}get period(){return this.timeSegment?this.timeSegment.hours<12?"AM":"PM":null}connectedCallback(){super.connectedCallback(),this.parseValue()}isLocale12Hour(){var e;try{return(e=P.fromOptions({hour:"numeric"}).options.hour12)!=null?e:!1}catch(m){let s=new Date(2e3,0,1,13,0,0).toLocaleTimeString();return s.includes("PM")||s.includes("AM")}}parseValue(){var e;if(!this.value){this.timeSegment=null;return}if(b(this.value))this.timeSegment=M($(this.value));else{let m=this.value.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM)?$/i);if(m){let i=parseInt(m[1]),s=parseInt(m[2]),t=parseInt(m[3])||0,l=(e=m[4])==null?void 0:e.toUpperCase();l&&(l==="AM"&&i===12?i=0:l==="PM"&&i!==12&&(i+=12)),this.timeSegment={hours:i,minutes:s,seconds:t,milliseconds:0}}}}formatValue(){if(!this.timeSegment)return"";let e=this.seconds?"HH:mm:ss":"HH:mm";return A(this.timeSegment,e)}updateValue(){this.timeSegment&&(this.value=this.formatValue(),this.emit("ev-change"))}handleHourClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};if(this.showAmPm){let i=this.period,s=e;i==="AM"&&e===12?s=0:i==="PM"&&e!==12&&(s=e+12),this.timeSegment=u(h({},m),{hours:s})}else this.timeSegment=u(h({},m),{hours:e});this.updateValue(),this.scrollToSelected("hours")}handleMinuteClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};this.timeSegment=u(h({},m),{minutes:e}),this.updateValue(),this.scrollToSelected("minutes")}handleSecondClick(e){if(this.disabled)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0};this.timeSegment=u(h({},m),{seconds:e}),this.updateValue(),this.scrollToSelected("seconds")}handlePeriodClick(e){if(this.disabled||!this.showAmPm)return;let m=this.timeSegment||{hours:0,minutes:0,seconds:0,milliseconds:0},i=this.timeSegment?this.hour12:12,s=i;e==="AM"&&i===12?s=0:e==="PM"&&i!==12&&(s=i+12),this.timeSegment=u(h({},m),{hours:s}),this.updateValue(),this.scrollToSelected("ampm")}scrollToSelected(e,m=!1){requestAnimationFrame(()=>{var t;let i,s;switch(e){case"hours":if(!this.timeSegment)return;i=this.showAmPm?this.hour12===12?0:this.hour12:this.timeSegment.hours,s=this.hoursColumn;break;case"minutes":if(!this.timeSegment)return;i=Math.floor(this.timeSegment.minutes/this.minuteInterval),s=this.minutesColumn;break;case"seconds":if(!this.timeSegment)return;i=this.timeSegment.seconds,s=this.secondsColumn;break;case"ampm":{if(!this.timeSegment)return;i=this.period==="PM"?1:0;let l=(t=this.shadowRoot)==null?void 0:t.querySelector(".clock__ampm-toggle");if(!l)return;s=l;break}}if(s){let a=i*38;s.scrollTo({top:a,behavior:m?"auto":"smooth"})}})}firstUpdated(){this.value&&this.scrollAllToSelected(!0)}scrollAllToSelected(e=!1){this.scrollToSelected("hours",e),this.scrollToSelected("minutes",e),this.seconds&&this.scrollToSelected("seconds",e),this.showAmPm&&this.scrollToSelected("ampm",e)}scrollToCurrentTime(e=!0){this.scrollAllToSelected(e)}handleValueChange(){this.parseValue()}render(){let e=this.showAmPm?[12,...Array.from({length:11},(t,l)=>l+1)]:Array.from({length:24},(t,l)=>l),m=Array.from({length:Math.ceil(60/this.minuteInterval)},(t,l)=>l*this.minuteInterval),i=Array.from({length:60},(t,l)=>l),s=["AM","PM"];return n`
+      <div
+        part="base"
+        class=${d({clock:!0,"clock--small":this.size==="small","clock--medium":this.size==="medium","clock--large":this.size==="large","clock--disabled":this.disabled})}
+      >
+        <div part="picker" class="clock__picker">
+          <div part="column" class="clock__column">
+            <ol class="clock__hours" role="listbox" tabindex="0" aria-label="Hours">
+              ${e.map(t=>n`
+                  <li
+                    part="time-item ${this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t)?"time-item--selected":""}"
+                    class=${d({"clock__time-item":!0,"clock__time-item--selected":!!(this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t))})}
+                    role="option"
+                    aria-selected=${this.timeSegment&&(this.showAmPm?this.hour12===t:this.timeSegment.hours===t)?"true":"false"}
+                    @click=${()=>this.handleHourClick(t)}
+                  >
+                    ${this.showAmPm?t:t.toString().padStart(2,"0")}
+                  </li>
+                `)}
+            </ol>
+          </div>
+
+          <div part="column" class="clock__column">
+            <ol class="clock__minutes" role="listbox" tabindex="0" aria-label="Minutes">
+              ${m.map(t=>{var l,a,p;return n`
+                  <li
+                    part="time-item ${((l=this.timeSegment)==null?void 0:l.minutes)===t?"time-item--selected":""}"
+                    class=${d({"clock__time-item":!0,"clock__time-item--selected":((a=this.timeSegment)==null?void 0:a.minutes)===t})}
+                    role="option"
+                    aria-selected=${((p=this.timeSegment)==null?void 0:p.minutes)===t?"true":"false"}
+                    @click=${()=>this.handleMinuteClick(t)}
+                  >
+                    ${t.toString().padStart(2,"0")}
+                  </li>
+                `})}
+            </ol>
+          </div>
+
+          ${this.seconds?n`
+                  <div part="column" class="clock__column">
+                    <ol class="clock__seconds" role="listbox" tabindex="0" aria-label="Seconds">
+                      ${i.map(t=>{var l,a,p;return n`
+                          <li
+                            part="time-item ${((l=this.timeSegment)==null?void 0:l.seconds)===t?"time-item--selected":""}"
+                            class=${d({"clock__time-item":!0,"clock__time-item--selected":((a=this.timeSegment)==null?void 0:a.seconds)===t})}
+                            role="option"
+                            aria-selected=${((p=this.timeSegment)==null?void 0:p.seconds)===t?"true":"false"}
+                            @click=${()=>this.handleSecondClick(t)}
+                          >
+                            ${t.toString().padStart(2,"0")}
+                          </li>
+                        `})}
+                    </ol>
+                  </div>
+                `:""}
+          ${this.showAmPm?n`
+                  <div part="column" class="clock__column clock__column--ampm">
+                    <ol part="ampm-toggle" class="clock__ampm-toggle" role="listbox" tabindex="0" aria-label="AM/PM">
+                      ${s.map(t=>n`
+                          <li
+                            class=${d({"clock__time-item":!0,"clock__time-item--selected":!!(this.timeSegment&&this.period===t)})}
+                            role="option"
+                            aria-selected=${this.timeSegment&&this.period===t?"true":"false"}
+                            @click=${()=>this.handlePeriodClick(t)}
+                            ?disabled=${this.disabled}
+                          >
+                            ${t}
+                          </li>
+                        `)}
+                    </ol>
+                  </div>
+                `:""}
+        </div>
+      </div>
+    `}};r.styles=[_,T],o([g()],r.prototype,"timeSegment",2),o([S(".clock__hours")],r.prototype,"hoursColumn",2),o([S(".clock__minutes")],r.prototype,"minutesColumn",2),o([S(".clock__seconds")],r.prototype,"secondsColumn",2),o([c()],r.prototype,"value",2),o([c({type:Boolean,reflect:!0})],r.prototype,"disabled",2),o([c({reflect:!0})],r.prototype,"format",2),o([c({type:Boolean})],r.prototype,"seconds",2),o([c({type:Number,attribute:"minute-interval"})],r.prototype,"minuteInterval",2),o([c({reflect:!0})],r.prototype,"size",2),o([v("value",{waitUntilFirstUpdate:!0})],r.prototype,"handleValueChange",1);export{r as a};

package/cdn/chunks/chunk.7H5IP2UQ.js

@@ -0,0 +1,152 @@
+import{a as e}from"./chunk.PINNEFCM.js";var n=e`
+  :host {
+    display: block;
+    /* Items sit 4px inside the menu edge, so +2px puts a submenu 3px inside the parent menu's
+       outer edge, where -2px put it when items were full width. */
+    --submenu-offset: 2px;
+  }
+
+  :host([inert]) {
+    display: none;
+  }
+
+  .menu-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    font-family: var(--lynk-font-sans);
+    font-size: var(--lynk-font-size-medium);
+    font-weight: var(--lynk-font-weight-normal);
+    line-height: var(--lynk-line-height-normal);
+    letter-spacing: var(--lynk-letter-spacing-normal);
+    color: var(--lynk-color-text-quiet);
+    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-2x-small);
+    border-radius: var(--lynk-border-radius-small);
+    transition: var(--lynk-transition-fast) fill;
+    user-select: none;
+    -webkit-user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+  }
+
+  .menu-item.menu-item--disabled {
+    outline: none;
+    opacity: var(--lynk-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .menu-item.menu-item--loading {
+    outline: none;
+    cursor: wait;
+  }
+
+  .menu-item.menu-item--loading *:not(lynk-spinner) {
+    opacity: 0.5;
+  }
+
+  .menu-item--loading lynk-spinner {
+    --indicator-color: currentColor;
+    --track-width: 1px;
+    position: absolute;
+    font-size: 0.75em;
+    top: calc(50% - 0.5em);
+    left: 0.65rem;
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .menu-item .menu-item__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .menu-item .menu-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-spacing-x-small);
+  }
+
+  /* Safe triangle */
+  .menu-item--submenu-expanded::after {
+    content: '';
+    position: fixed;
+    z-index: calc(var(--lynk-z-index-dropdown) - 1);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    clip-path: polygon(
+      var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),
+      var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0),
+      var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0)
+    );
+  }
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  :host(:hover:not([aria-disabled='true'])) .menu-item,
+  :host(:focus-visible) .menu-item,
+  :host(:focus-visible:hover:not([aria-disabled='true'])) .menu-item,
+  .menu-item--submenu-expanded {
+    outline: none;
+    background-color: var(--lynk-color-neutral-100);
+    color: var(--lynk-color-text);
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__check,
+  .menu-item .menu-item__chevron {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5em;
+    visibility: hidden;
+  }
+
+  .menu-item--checked .menu-item__check,
+  .menu-item--has-submenu .menu-item__chevron {
+    visibility: visible;
+  }
+
+  /* Add elevation and z-index to submenus */
+  lynk-popup::part(popup) {
+    box-shadow: var(--lynk-shadow-large);
+    z-index: var(--lynk-z-index-dropdown);
+    margin-left: var(--submenu-offset);
+  }
+
+  .menu-item--rtl lynk-popup::part(popup) {
+    margin-left: calc(-1 * var(--submenu-offset));
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .menu-item,
+    :host(:focus-visible) .menu-item {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+
+  ::slotted(lynk-menu) {
+    max-width: var(--auto-size-available-width) !important;
+    max-height: var(--auto-size-available-height) !important;
+  }
+`;export{n as a};

package/cdn/chunks/chunk.7HSPTFRO.js

@@ -0,0 +1,33 @@
+import{a as g}from"./chunk.JNYS7YGY.js";import{a as S}from"./chunk.QDO5LLX2.js";import{a as h,c as d}from"./chunk.DCN42ZX4.js";import{a as _}from"./chunk.O4ZRZ3HV.js";import{a as w}from"./chunk.LQLSWU3G.js";import{a as b}from"./chunk.7TAXE2HP.js";import{a as o,b as m,d as l,g as f}from"./chunk.XKOYU7QD.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.7KHX4XEY.js

@@ -0,0 +1 @@
+import{a as u}from"./chunk.NAU66JCC.js";import{a as r}from"./chunk.SCQQATKR.js";import{a as i}from"./chunk.YZSIY5HS.js";import{a,e as d,g as p}from"./chunk.XKOYU7QD.js";import{a as f}from"./chunk.MXDME6T6.js";import{d as c}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var y=(l,o)=>Object.prototype.hasOwnProperty.call(l,o),t=class extends p{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1;this.handleAnimationFinish=()=>{this.play=!1,this.hasStarted=!1,this.emit("ev-finish")};this.handleAnimationCancel=()=>{this.play=!1,this.hasStarted=!1,this.emit("ev-cancel")}}get currentTime(){var s,n;return(n=(s=this.animation)==null?void 0:s.currentTime)!=null?n:0}set currentTime(s){this.animation&&(this.animation.currentTime=s)}connectedCallback(){super.connectedCallback(),this.createAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var m;let s=y(r.easings,this.easing)?r.easings[this.easing]:this.easing,n=(m=this.keyframes)!=null?m:y(r,this.name)?r[this.name]:void 0,h=(await this.defaultSlot).assignedElements()[0];return!h||!n?!1:(this.destroyAnimation(),this.animation=h.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:s,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("ev-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("ev-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var s;(s=this.animation)==null||s.cancel()}finish(){var s;(s=this.animation)==null||s.finish()}render(){return c` <slot @slotchange=${this.handleSlotChange}></slot> `}};t.styles=[f,u],e([d("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([i("name"),i("delay"),i("direction"),i("duration"),i("easing"),i("endDelay"),i("fill"),i("iterations"),i("iterationsStart"),i("keyframes")],t.prototype,"handleAnimationChange",1),e([i("play")],t.prototype,"handlePlayChange",1),e([i("playbackRate")],t.prototype,"handlePlaybackRateChange",1);export{t as a};

package/cdn/chunks/chunk.7NPEG4AW.js

@@ -0,0 +1,11 @@
+import{a as c}from"./chunk.2ED7WCTO.js";import{a as k}from"./chunk.BU6FB33J.js";import{a as v}from"./chunk.FC4RDJJF.js";import{a as g}from"./chunk.O4ZRZ3HV.js";import{a as b}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.7TAXE2HP.js";import{a as u,d as f,g as y}from"./chunk.XKOYU7QD.js";import{a as I}from"./chunk.MXDME6T6.js";import{d as m}from"./chunk.PINNEFCM.js";import{e as d}from"./chunk.FI4IKBIW.js";var a=class extends y{constructor(){super();this.value=void 0;this.squished=!1;this.localize=new g(this);this.handleFocusOut=e=>{let t=e.relatedTarget;(!t||!this.contains(t))&&(this.tabIndex=0)};this.handleFocusIn=e=>{let t=e.target;e.target===this&&this.focusItem(this.lastFocusedItem||this.getAllNavItems()[0]),c.isTreeItem(t)&&!t.disabled&&(this.lastFocusedItem&&(this.lastFocusedItem.tabIndex=-1),this.lastFocusedItem=t,this.tabIndex=-1,t.tabIndex=0)};this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}async connectedCallback(){super.connectedCallback(),this.squished&&this.handleSquishedChange(),this.setAttribute("role","navigation"),this.setAttribute("tabindex","0"),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleNavChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.mutationObserver)==null||e.disconnect()}handleNavChanged(e){for(let t of e)[...t.removedNodes].filter(c.isTreeItem).includes(this.lastFocusedItem)&&this.focusItem(this.getFocusableItems()[0])}getAllNavItems(){return[...this.querySelectorAll("lynk-nav-item")]}getNavGroups(){return[...this.querySelectorAll("lynk-nav-group")]}getFocusableItems(){let e=this.getAllNavItems(),t=new Set;return e.filter(s=>{var r;if(s.disabled)return!1;let o=(r=s.parentElement)==null?void 0:r.closest("[role=treeitem]");return o&&(!o.expanded||t.has(o))&&t.add(s),!t.has(s)})}focusItem(e){e==null||e.focus()}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter","Tab"," "].includes(e.key))return;let t=this.getFocusableItems(),s=this.localize.dir()==="ltr",o=this.localize.dir()==="rtl";if(t.length>0){let r=t.findIndex(l=>l.matches(":focus")),i=t[r],n=l=>{let w=t[v(l,0,t.length-1)];this.focusItem(w)},h=l=>{i.expanded=l};e.key==="Tab"&&!e.shiftKey&&r===t.length-1?(this.tabIndex=0,i.tabIndex=0):e.key==="Tab"&&e.shiftKey&&r===0?(this.tabIndex=-1,i.tabIndex=-1):(e.preventDefault(),e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey?n(r+1):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?n(r-1):s&&e.key==="ArrowRight"||o&&e.key==="ArrowLeft"?!i||i.disabled||i.isParent&&i.expanded||!i.isParent?n(r+1):h(!0):s&&e.key==="ArrowLeft"||o&&e.key==="ArrowRight"?!i||i.disabled||!i.isParent||i.isParent&&!i.expanded?n(r-1):h(!1):e.key==="Home"?n(0):e.key==="End"?n(t.length-1):(e.key==="Enter"||e.key===" ")&&(i.disabled||i.click()))}}handleClick(e){let s=e.target.closest("lynk-nav-item");!s||s.disabled||s.inert||this.emit("ev-nav-select",{detail:{item:s}})}handleSquishedChange(){let e=this.getAllNavItems(),t=this.getNavGroups();e.forEach(s=>{s.squished=this.squished,s.expanded=!1,s.isParent=!1}),t.forEach(s=>{s.squished=this.squished})}render(){return m`
+      <div
+        part="base"
+        class=${p({nav:!0,"nav--squished":this.squished})}
+        role="tree"
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <slot part="list"></slot>
+      </div>
+    `}};a.styles=[I,k],d([f("slot:not([name])")],a.prototype,"defaultSlot",2),d([u({reflect:!0})],a.prototype,"value",2),d([u({type:Boolean,reflect:!0})],a.prototype,"squished",2),d([b("squished",{waitUntilFirstUpdate:!0})],a.prototype,"handleSquishedChange",1);export{a};

package/cdn/chunks/chunk.7TVN76Y6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2FQ3QWQN.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var v="lynk-switch";e.define("lynk-switch");var s=n({tagName:v,elementClass:e,react:t,events:{EvBlur:"ev-blur",EvChange:"ev-change",EvInput:"ev-input",EvFocus:"ev-focus",EvInvalid:"ev-invalid"},displayName:"LynkSwitch"}),m=s;export{m as a};

package/cdn/chunks/chunk.7WL5KJVV.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk.O4ZRZ3HV.js";import{a as e,g as m}from"./chunk.XKOYU7QD.js";import{e as t}from"./chunk.FI4IKBIW.js";var i=class extends m{constructor(){super(...arguments);this.localize=new n(this);this.value=0;this.type="decimal";this.noGrouping=!1;this.currency="USD";this.currencyDisplay="symbol"}render(){return isNaN(this.value)?"":this.localize.number(this.value,{style:this.type,currency:this.currency,currencyDisplay:this.currencyDisplay,useGrouping:!this.noGrouping,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,minimumSignificantDigits:this.minimumSignificantDigits,maximumSignificantDigits:this.maximumSignificantDigits})}};t([e({type:Number})],i.prototype,"value",2),t([e()],i.prototype,"type",2),t([e({attribute:"no-grouping",type:Boolean})],i.prototype,"noGrouping",2),t([e()],i.prototype,"currency",2),t([e({attribute:"currency-display"})],i.prototype,"currencyDisplay",2),t([e({attribute:"minimum-integer-digits",type:Number})],i.prototype,"minimumIntegerDigits",2),t([e({attribute:"minimum-fraction-digits",type:Number})],i.prototype,"minimumFractionDigits",2),t([e({attribute:"maximum-fraction-digits",type:Number})],i.prototype,"maximumFractionDigits",2),t([e({attribute:"minimum-significant-digits",type:Number})],i.prototype,"minimumSignificantDigits",2),t([e({attribute:"maximum-significant-digits",type:Number})],i.prototype,"maximumSignificantDigits",2);export{i as a};

package/cdn/chunks/chunk.7YJODPYO.js

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