@uplynk/lynk-design 1.18.0 → 1.19.0

package/cdn/chunks/chunk.GFTMQ4HZ.js

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

package/cdn/chunks/chunk.GHOPRCFR.js

@@ -0,0 +1,25 @@
+import{a as k}from"./chunk.3T2M5MZS.js";import{a as v}from"./chunk.4J2PTOHP.js";import{a as f}from"./chunk.PUWWJRB4.js";import{a as b}from"./chunk.RQ2FKE25.js";import{a as u}from"./chunk.MEKW2OXH.js";import{a as p}from"./chunk.KCYK4NAN.js";import{a as d,b as m}from"./chunk.YHSYTTFF.js";import{a as n}from"./chunk.7TAXE2HP.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as s,d as a,g as c}from"./chunk.ZAFKTMHG.js";import{a as h}from"./chunk.MXDME6T6.js";import{d as l}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends c{constructor(){super(...arguments);this.localize=new u(this);this.type="normal";this.checked=!1;this.value="";this.loading=!1;this.disabled=!1;this.hasSlotController=new d(this,"submenu");this.submenuController=new v(this,this.hasSlotController);this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation()),this.emit("ev-click")}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return m(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let t=this.localize.dir()==="rtl",o=this.submenuController.isExpanded();return l`
+      <div
+        part="base"
+        class=${n({"menu-item":!0,"menu-item--rtl":t,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":o})}
+        ?aria-haspopup="${this.isSubmenu()}"
+        ?aria-expanded="${!!o}"
+      >
+        <span part="checked-icon" class="menu-item__check">
+          <lynk-icon name="check" library="system" aria-hidden="true"></lynk-icon>
+        </span>
+
+        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+
+        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+
+        <span part="submenu-icon" class="menu-item__chevron">
+          <lynk-icon name=${t?"chevron-left":"chevron-right"} library="system" aria-hidden="true"></lynk-icon>
+        </span>
+
+        ${this.submenuController.renderSubmenu()}
+        ${this.loading?l` <lynk-spinner part="spinner" exportparts="base:spinner__base"></lynk-spinner> `:""}
+      </div>
+    `}};e.styles=[h,k],e.dependencies={"lynk-icon":p,"lynk-popup":f,"lynk-spinner":b},i([a("slot:not([name])")],e.prototype,"defaultSlot",2),i([a(".menu-item")],e.prototype,"menuItem",2),i([s()],e.prototype,"type",2),i([s({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([s()],e.prototype,"value",2),i([s({type:Boolean,reflect:!0})],e.prototype,"loading",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([r("checked")],e.prototype,"handleCheckedChange",1),i([r("disabled")],e.prototype,"handleDisabledChange",1),i([r("type")],e.prototype,"handleTypeChange",1);export{e as a};

package/cdn/chunks/chunk.GOMHVDQU.js

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

package/cdn/chunks/chunk.GPUKFDQT.js

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

package/cdn/chunks/chunk.GX77S5BW.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk.APQIANYL.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as r,g as l}from"./chunk.ZAFKTMHG.js";import{a}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends l{constructor(){super(...arguments);this.start=!0;this.end=!1;this.align="center";this.gap="var(--lynk-spacing-small)"}handleRowChange(){this.start&&(this.end=!1)}handleColumnChange(){this.end&&(this.start=!1)}render(){return o` <slot part="base" class="flank" style="--gap: ${this.gap};"></slot> `}};t.styles=[a,p],e([r({type:Boolean,reflect:!0})],t.prototype,"start",2),e([r({type:Boolean,reflect:!0})],t.prototype,"end",2),e([r({reflect:!0})],t.prototype,"align",2),e([r({type:String,reflect:!0})],t.prototype,"gap",2),e([s("start")],t.prototype,"handleRowChange",1),e([s("end")],t.prototype,"handleColumnChange",1);export{t as a};

package/cdn/chunks/chunk.GZPHWDTB.js

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

package/cdn/chunks/chunk.H25SAHDX.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.FZ7AGNI5.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tab-group";e.define("lynk-tab-group");var a=n({tagName:o,elementClass:e,react:t,events:{EvTabShow:"ev-tab-show",EvTabHide:"ev-tab-hide"},displayName:"LynkTabGroup"}),s=a;export{s as a};

package/cdn/chunks/chunk.H5FSBON7.js

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

package/cdn/chunks/chunk.H6XXFI4A.js

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

package/cdn/chunks/chunk.HDT2MSDP.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.U534ICXY.js";var o={$code:"de",$name:"Deutsch",$dir:"ltr",carousel:"Karussell",clearEntry:"Eingabe l\xF6schen",close:"Schlie\xDFen",copied:"Kopiert",copy:"Kopieren",currentValue:"Aktueller Wert",error:"Fehler",goToSlide:(e,l)=>`Zu Folie ${e} von ${l} gehen`,hidePassword:"Passwort verbergen",loading:"Wird geladen",nextSlide:"N\xE4chste Folie",numOptionsSelected:e=>e===0?"Keine Optionen ausgew\xE4hlt":e===1?"1 Option ausgew\xE4hlt":`${e} Optionen ausgew\xE4hlt`,previousSlide:"Vorherige Folie",progress:"Fortschritt",remove:"Entfernen",resize:"Gr\xF6\xDFe \xE4ndern",scrollableRegion:"Scrollbarer Bereich",scrollToEnd:"Zum Ende scrollen",scrollToStart:"Zum Anfang scrollen",selectAColorFromTheScreen:"Farbe vom Bildschirm ausw\xE4hlen",showPassword:"Passwort anzeigen",slideNum:e=>`Folie ${e}`,toggleColorFormat:"Farbformat umschalten"};r(o);var t=o;export{t as a};

package/cdn/chunks/chunk.HGXA4ZUF.js

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

package/cdn/chunks/chunk.HQIC6D24.js

@@ -0,0 +1,7 @@
+import{a as l}from"./chunk.3MV67AW5.js";import{a as r,g as s}from"./chunk.ZAFKTMHG.js";import{a as i}from"./chunk.MXDME6T6.js";import{d as o}from"./chunk.PINNEFCM.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends s{constructor(){super(...arguments);this.sortDirection=0;this.sortable=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}handleClick(){this.sortable&&this.emit("ev-table-sort",{detail:{key:this.key}})}render(){return o`
+      <slot part="base" class="lynk-th__label"></slot>
+      ${this.sortable?o`<lynk-icon
+              library="system"
+              name="${this.sortDirection===-1?"arrow-up-short":this.sortDirection===1?"arrow-down-short":"arrow-up-down-short"}"
+            ></lynk-icon>`:""}
+    `}};t.styles=[i,l],e([r()],t.prototype,"key",2),e([r({attribute:"sort-direction",reflect:!0})],t.prototype,"sortDirection",2),e([r({attribute:"sortable",type:Boolean,reflect:!0})],t.prototype,"sortable",2);export{t as a};

package/cdn/chunks/chunk.HTYEKQDO.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.KJKWUYMU.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var o="lynk-tree";e.define("lynk-tree");var r=n({tagName:o,elementClass:e,react:t,events:{EvSelectionChange:"ev-selection-change"},displayName:"LynkTree"}),s=r;export{s as a};

package/cdn/chunks/chunk.HU4XKRDP.js

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

package/cdn/chunks/chunk.HUJURLOA.js

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

package/cdn/chunks/chunk.HXG7J3A4.js

@@ -0,0 +1,31 @@
+import{a as v}from"./chunk.E7UBW2I2.js";import{a as f}from"./chunk.TYF5DW4J.js";import{a as m}from"./chunk.SH54CIFE.js";import{a as p}from"./chunk.IPMWK5EL.js";import{b as c}from"./chunk.V7E6ITFP.js";import{a as u}from"./chunk.TETFNMKN.js";import{a as n}from"./chunk.7TAXE2HP.js";import{a as r}from"./chunk.YZSIY5HS.js";import{a as l,b as a,d as o,g as h}from"./chunk.ZAFKTMHG.js";import{a as d}from"./chunk.MXDME6T6.js";import{d as s}from"./chunk.PINNEFCM.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends h{constructor(){super(...arguments);this.formControlController=new c(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,C)=>t.checked=C});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.color="default";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleInput(){this.emit("ev-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("ev-change")}handleFocus(){this.hasFocus=!0,this.emit("ev-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("ev-change"),this.emit("ev-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("ev-change"),this.emit("ev-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}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(){return s`
+      <label
+        part="base"
+        class=${n({switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus,"switch--success":this.color==="success","switch--warning":this.color==="warning","switch--danger":this.color==="danger","switch--small":this.size==="small","switch--medium":this.size==="medium","switch--large":this.size==="large"})}
+      >
+        <input
+          class="switch__input"
+          type="checkbox"
+          title=${this.title}
+          name=${this.name}
+          value=${u(this.value)}
+          .checked=${m(this.checked)}
+          .disabled=${this.disabled}
+          .required=${this.required}
+          role="switch"
+          aria-checked=${this.checked?"true":"false"}
+          @click=${this.handleClick}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @keydown=${this.handleKeyDown}
+        />
+
+        <span part="control" class="switch__control">
+          <span part="thumb" class="switch__thumb"></span>
+        </span>
+
+        <slot part="label" class="switch__label"></slot>
+      </label>
+    `}};e.styles=[d,f,v],i([o('input[type="checkbox"]')],e.prototype,"input",2),i([a()],e.prototype,"hasFocus",2),i([l()],e.prototype,"title",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({reflect:!0})],e.prototype,"color",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([p("checked")],e.prototype,"defaultChecked",2),i([l({reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),i([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.I5G726S4.js

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

package/cdn/chunks/chunk.IC3GXMJG.js

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

package/cdn/chunks/chunk.ICN5ESR2.js

@@ -0,0 +1,257 @@
+import{a as t}from"./chunk.PINNEFCM.js";var a=t`
+  :host {
+    display: block;
+  }
+
+  /* Block */
+  .tag-input {
+    display: block;
+    width: 100%;
+  }
+
+  /* Control (the box that wraps prefix, tags, input, clear, suffix) */
+  .tag-input__control {
+    flex: 1 1 auto;
+    display: flex;
+    width: 100%;
+    min-width: 0;
+    position: relative;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: start;
+    font-family: var(--lynk-input-font-family);
+    font-weight: var(--lynk-input-font-weight);
+    letter-spacing: var(--lynk-input-letter-spacing);
+    vertical-align: middle;
+    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;
+  }
+
+  /* Standard appearance */
+  .tag-input--standard .tag-input__control {
+    background-color: var(--lynk-input-background-color);
+    border: solid var(--lynk-input-border-width) var(--lynk-input-border-color);
+  }
+
+  .tag-input--standard:not(.tag-input--disabled):hover .tag-input__control {
+    background-color: var(--lynk-input-background-color-hover);
+    border-color: var(--lynk-input-border-color-hover);
+  }
+
+  .tag-input--standard.tag-input--disabled .tag-input__control {
+    background-color: var(--lynk-input-background-color-disabled);
+    border-color: var(--lynk-input-border-color-disabled);
+    color: var(--lynk-input-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+    outline: none;
+  }
+
+  .tag-input--standard.tag-input--focused:not(.tag-input--disabled) .tag-input__control {
+    background-color: var(--lynk-input-background-color-focus);
+    border-color: var(--lynk-input-border-color-focus) !important;
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-color);
+  }
+
+  /* Text input */
+  .tag-input__input {
+    flex: 1 1 60px;
+    min-width: 60px;
+    width: auto;
+    font: inherit;
+    border: none;
+    background: none;
+    color: var(--lynk-input-color);
+    cursor: inherit;
+    padding: 0;
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .tag-input__input::placeholder {
+    color: var(--lynk-input-placeholder-color);
+  }
+
+  .tag-input__input:focus {
+    outline: none;
+  }
+
+  .tag-input:not(.tag-input--disabled):hover .tag-input__input {
+    color: var(--lynk-input-color-hover);
+  }
+
+  /* Hidden input used for constraint validation */
+  .tag-input__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+
+  /* Tags */
+  .tag-input__tags {
+    display: flex;
+    flex: 0 1 auto;
+    align-items: center;
+    flex-wrap: wrap;
+    /* Leading gap so chips sit close to the edge (matches lynk-select), plus a trailing gap
+       so the input cursor has a little breathing room after the last chip. */
+    margin-inline-start: var(--lynk-spacing-2x-small);
+    margin-inline-end: var(--lynk-spacing-2x-small);
+  }
+
+  .tag-input__tag-wrapper {
+    display: inline-flex;
+    align-items: center;
+    max-width: 100%;
+  }
+
+  .tag-input__tags lynk-tag {
+    cursor: default;
+  }
+
+  .tag-input--disabled .tag-input__tags lynk-tag {
+    cursor: not-allowed;
+  }
+
+  /* Prefix and suffix */
+  .tag-input__prefix,
+  .tag-input__suffix {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    color: var(--lynk-input-help-text-color);
+  }
+
+  /* Clear button */
+  .tag-input__clear {
+    flex: 0 0 auto;
+    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;
+  }
+
+  .tag-input__clear:hover {
+    color: var(--lynk-input-icon-color-hover);
+  }
+
+  .tag-input__clear:focus {
+    outline: none;
+  }
+
+  /* Readonly */
+  .tag-input--readonly .tag-input__control {
+    border-color: var(--lynk-color-neutral-200);
+    cursor: default;
+  }
+
+  .tag-input--readonly.tag-input--focused .tag-input__control {
+    border-color: var(--lynk-color-neutral-400);
+    box-shadow: none;
+  }
+
+  /* Sizes */
+  .tag-input--small .tag-input__control {
+    border-radius: var(--lynk-input-border-radius-small);
+    font-size: var(--lynk-input-font-size-small);
+    min-height: var(--lynk-input-height-small);
+    padding-block: 2px;
+    padding-inline: var(--lynk-input-spacing-small);
+  }
+
+  .tag-input--medium .tag-input__control {
+    border-radius: var(--lynk-input-border-radius-medium);
+    font-size: var(--lynk-input-font-size-medium);
+    min-height: var(--lynk-input-height-medium);
+    padding-block: 3px;
+    padding-inline: var(--lynk-input-spacing-medium);
+  }
+
+  .tag-input--large .tag-input__control {
+    border-radius: var(--lynk-input-border-radius-large);
+    font-size: var(--lynk-input-font-size-large);
+    min-height: var(--lynk-input-height-large);
+    padding-block: 4px;
+    padding-inline: var(--lynk-input-spacing-large);
+  }
+
+  /* Per-size internal gap between chips */
+  .tag-input--small .tag-input__tags {
+    gap: 2px;
+  }
+
+  .tag-input--medium .tag-input__tags {
+    gap: 3px;
+  }
+
+  .tag-input--large .tag-input__tags {
+    gap: 4px;
+  }
+
+  /* Remove the control's leading padding when tags are present so the tags' own start margin
+     provides the gap (mirrors lynk-select). Defined after the size rules so it wins the cascade. */
+  .tag-input--has-tags.tag-input--small .tag-input__control,
+  .tag-input--has-tags.tag-input--medium .tag-input__control,
+  .tag-input--has-tags.tag-input--large .tag-input__control {
+    padding-inline-start: 0;
+  }
+
+  /* Pill */
+  .tag-input--pill.tag-input--small .tag-input__control {
+    border-radius: var(--lynk-input-height-small);
+  }
+
+  .tag-input--pill.tag-input--medium .tag-input__control {
+    border-radius: var(--lynk-input-height-medium);
+  }
+
+  .tag-input--pill.tag-input--large .tag-input__control {
+    border-radius: var(--lynk-input-height-large);
+  }
+
+  .tag-input--small .tag-input__clear {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  .tag-input--medium .tag-input__clear {
+    margin-inline-start: var(--lynk-input-spacing-medium);
+  }
+
+  .tag-input--large .tag-input__clear {
+    margin-inline-start: var(--lynk-input-spacing-large);
+  }
+
+  .tag-input__prefix::slotted(*) {
+    margin-inline-end: var(--lynk-input-spacing-small);
+  }
+
+  .tag-input__suffix::slotted(*) {
+    margin-inline-start: var(--lynk-input-spacing-small);
+  }
+
+  /* Invalid user data */
+  :host([data-user-invalid]) .tag-input--standard .tag-input__control {
+    border-color: var(--lynk-input-border-color-focus-error);
+  }
+
+  :host([data-user-invalid]) .tag-input--standard.tag-input--focused:not(.tag-input--disabled) .tag-input__control {
+    border-color: var(--lynk-input-border-color-focus-error);
+    box-shadow: 0 0 0 var(--lynk-focus-ring-width) var(--lynk-input-focus-ring-error);
+  }
+`;export{a};