@uplynk/lynk-design 1.18.0 → 1.19.0

package/cdn/chunks/chunk.CTCDIXAF.js

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

package/cdn/chunks/chunk.CWFLKO2I.js

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

package/cdn/chunks/chunk.CYEIM4KM.js

@@ -0,0 +1,52 @@
+import{a as e}from"./chunk.PINNEFCM.js";var i=e`
+  :host {
+    display: contents;
+  }
+
+  .page {
+    width: 100%;
+    height: 100%;
+    display: grid;
+    grid-template:
+      'left-sidebar left-inset-sidebar header right-inset-sidebar right-sidebar' min-content
+      'left-sidebar left-inset-sidebar main right-inset-sidebar right-sidebar' 1fr
+      'left-sidebar footer footer footer right-sidebar' min-content
+      / auto auto 1fr auto auto;
+  }
+
+  .page__main {
+    grid-area: main;
+    display: block;
+    overflow: auto;
+  }
+
+  .page__header {
+    grid-area: header;
+    display: block;
+  }
+
+  .page__footer {
+    grid-area: footer;
+    display: block;
+  }
+
+  .page__left-sidebar {
+    grid-area: left-sidebar;
+    display: block;
+  }
+
+  .page__right-sidebar {
+    grid-area: right-sidebar;
+    display: block;
+  }
+
+  .page__left-inset-sidebar {
+    grid-area: left-inset-sidebar;
+    display: block;
+  }
+
+  .page__right-inset-sidebar {
+    grid-area: right-inset-sidebar;
+    display: block;
+  }
+`;export{i as a};

package/cdn/chunks/chunk.D72GZLP5.js

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

package/cdn/chunks/chunk.DA4JOZ32.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.A4YBTEKQ.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var p="lynk-panel";e.define("lynk-panel");var a=n({tagName:p,elementClass:e,react:t,events:{EvExpand:"ev-expand",EvAfterExpand:"ev-after-expand",EvCollapse:"ev-collapse",EvAfterCollapse:"ev-after-collapse"},displayName:"LynkPanel"}),r=a;export{r as a};

package/cdn/chunks/chunk.DBBBQUH4.js

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

package/cdn/chunks/chunk.DGBF34XL.js

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

package/cdn/chunks/chunk.DH7SBTKG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.57HVODOF.js";import*as t from"react";import{createComponent as n}from"@lit/react";import"@lit/react";var m="lynk-menu";e.define("lynk-menu");var o=n({tagName:m,elementClass:e,react:t,events:{EvSelect:"ev-select"},displayName:"LynkMenu"}),s=o;export{s as a};

package/cdn/chunks/chunk.DM7DNAAJ.js

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

package/cdn/chunks/chunk.DMEIQCQW.js

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

package/cdn/chunks/chunk.DO5PT3TE.js

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

package/cdn/chunks/chunk.DONZJPWU.js

@@ -0,0 +1,15 @@
+import{a as i}from"./chunk.PINNEFCM.js";var o=i`
+  :host {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    box-sizing: content-box !important;
+  }
+
+  .icon,
+  svg {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+`;export{o as a};

package/cdn/chunks/chunk.DUFMKTVP.js

@@ -0,0 +1,24 @@
+import{a as E}from"./chunk.NM76GABD.js";import{a as y}from"./chunk.6S67HV2F.js";import{a as P}from"./chunk.FC4RDJJF.js";import{a as d}from"./chunk.MEKW2OXH.js";import{a as v}from"./chunk.TETFNMKN.js";import{a as z}from"./chunk.YZSIY5HS.js";import{a as m,g as b}from"./chunk.ZAFKTMHG.js";import{a as S}from"./chunk.MXDME6T6.js";import{d as g}from"./chunk.PINNEFCM.js";import{e as p}from"./chunk.FI4IKBIW.js";var c=class extends b{constructor(){super(...arguments);this.localize=new d(this);this.hasEmittedReady=!1;this.isInitialized=!1;this.hasRunFirstUpdated=!1;this.sizes=[];this.positions=[];this.vertical=!1;this.disabled=!1;this.push=!1;this.dividerWidth=8;this.snap="";this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.loadPositions(),this.resizeObserver=new ResizeObserver(t=>this.handleResize(t)),this.mutationObserver=new MutationObserver(()=>this.handleSlotChange())}async firstUpdated(){if(this.hasRunFirstUpdated)return;this.hasRunFirstUpdated=!0,this.resizeObserver.observe(this),this.detectSize(),this.setupAutoObservation(),await customElements.whenDefined("lynk-splitter-pane"),await this.updateComplete;let t=this.getPanes();this.detectSize(),this.sizes.length>0?(this.positions=this.calculatePositions(t),this.requestUpdate()):t.length>0&&t.some(e=>e.size)?(this.positions=this.calculatePositions(t),this.requestUpdate()):t.length>0&&this.positions.length===0&&(this.positions=this.getEqualPositions(t.length)),this.isInitialized=!0,this.handleSlotChange()}disconnectedCallback(){var t,e;super.disconnectedCallback(),(t=this.resizeObserver)==null||t.unobserve(this),(e=this.mutationObserver)==null||e.disconnect()}detectSize(){let{width:t,height:e}=this.getBoundingClientRect();this.size=this.vertical?e:t}pixelsToPercentage(t){return t/this.size*100}loadPositions(){if(this.autoSaveId&&typeof localStorage!="undefined")try{let t=localStorage.getItem(`lynk-splitter-${this.autoSaveId}`);t&&(this.positions=JSON.parse(t))}catch(t){}}savePositions(){if(this.autoSaveId&&typeof localStorage!="undefined")try{localStorage.setItem(`lynk-splitter-${this.autoSaveId}`,JSON.stringify(this.positions))}catch(t){}}setupAutoObservation(){var e;this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["hidden"]});let t=(e=this.shadowRoot)==null?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",()=>this.handleSlotChange())}handleSlotChange(){if(!this.isInitialized)return;let t=this.getPanes(),e=t.length,s=this.positions.length+1;e!==s&&(this.detectSize(),this.recalculatePositionsForPanes(t)),this.requestUpdate(),!this.hasEmittedReady&&t.length>0&&(this.hasEmittedReady=!0,this.updateComplete.then(()=>{setTimeout(()=>this.emitReadyEvent(),0)}))}recalculatePositionsForPanes(t){if(t.length<=1){this.positions=[];return}this.sizes.length>0||t.some(s=>s.size||s.minSize||s.maxSize)?this.positions=this.calculatePositions(t):this.positions=this.getEqualPositions(t.length)}getEqualPositions(t){if(t<=1)return[];let e=[],s=100/t;for(let i=1;i<t;i++)e.push(s*i);return e}calculatePositions(t){if(t.length<=1)return[];let e=this.getAvailableSpace(t.length),s=this.calculatePaneSizes(t,e);return this.convertSizesToPositions(s,e)}getAvailableSpace(t){return 100-this.getTotalDividerWidth(t)}calculatePaneSizes(t,e){let s=new Array(t.length).fill(0),i=0,n=0;for(let o=0;o<t.length;o++){let h=t[o],l=0;this.sizes[o]&&this.sizes[o]!=="auto"?l=this.parseSize(this.sizes[o],e):h.size?l=this.parseSize(h.size,e):h.minSize&&(l=this.parseSize(h.minSize,e)),l>0&&(s[o]=l,i+=l,n++)}let a=Math.max(0,e-i),r=t.length-n;if(r>0){let o=a/r;for(let h=0;h<t.length;h++)s[h]===0&&(s[h]=o)}return this.enforceMaxSizeConstraints(t,s,e),s}enforceMaxSizeConstraints(t,e,s){let i=!0;for(;i;){i=!1;let n=0,a=[];for(let r=0;r<t.length;r++){let o=t[r];if(o.maxSize){let h=this.parseSize(o.maxSize,s);e[r]>h?(n+=e[r]-h,e[r]=h,i=!0):a.push(r)}else a.push(r)}if(n>0&&a.length>0){let r=n/a.length;a.forEach(o=>{e[o]+=r})}}}convertSizesToPositions(t,e){let s=[],i=0;for(let n=0;n<t.length-1;n++)i+=t[n],s.push(i/e*100);return s}parseSize(t,e){return t.endsWith("%")?parseFloat(t)/100*e:t.endsWith("px")?parseFloat(t)/this.size*100/100*e:parseFloat(t)/100*e}getPanes(){return[...this.children].filter(t=>t.tagName==="LYNK-SPLITTER-PANE"&&!t.hasAttribute("hidden"))}handleDrag(t,e){this.disabled||(t.cancelable&&t.preventDefault(),y(this,{onMove:(s,i)=>{let n=this.vertical?i:s,a=this.pixelsToPercentage(n);if(this.snap&&(a=this.applySnapping(a)),this.push)this.positions=this.handlePushResize(e,a);else{let r=this.calculateConstraints(e);this.positions=[...this.positions],this.positions[e]=P(a,r.min,r.max)}this.requestUpdate(),this.emitSplitterResizeEvent(t,e)},onStop:()=>{this.savePositions(),this.emitAfterSplitterResizeEvent(t,e)},initialEvent:t}))}handleKeyDown(t,e){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(t.key)){t.preventDefault();let s=t.shiftKey?5:1,i=this.calculateConstraints(e),n=this.positions[e];(t.key==="ArrowLeft"&&!this.vertical||t.key==="ArrowUp"&&this.vertical)&&(n-=s),(t.key==="ArrowRight"&&!this.vertical||t.key==="ArrowDown"&&this.vertical)&&(n+=s),n=P(n,i.min,i.max),this.push&&(this.positions=this.handlePushResize(e,n)),this.positions=[...this.positions],this.positions[e]=n,this.requestUpdate(),this.savePositions(),this.emitAfterSplitterResizeEvent(t,e)}}handleResize(t){let{width:e,height:s}=t[0].contentRect,i=this.size;this.size=this.vertical?s:e,i&&Math.abs(this.size-i)>1&&(this.recalculatePositionsForResize(),this.requestUpdate())}handleSizesChange(){if(this.sizes.length===0)return;let t=this.getPanes();t.length>0&&(this.positions=this.calculatePositions(t),this.requestUpdate())}handleVerticalChange(){this.detectSize()}updatePaneStyles(){var a;let t=this.getPanes(),s=100-this.getTotalDividerWidth(t.length),i=this.getPaneSizeStrings();t.forEach((r,o)=>{let h=parseFloat(i[o])/100*s;r.style.flex=`0 0 ${h}%`,r.style.order=(o*2).toString()});let n=(a=this.shadowRoot)==null?void 0:a.querySelectorAll(".divider");n==null||n.forEach((r,o)=>{r.style.order=(o*2+1).toString(),r.style.flex=`0 0 ${this.dividerWidth}px`})}calculateConstraints(t){let e=this.getPanes(),s=e[t],i=e[t+1],n=this.getAvailableSpace(e.length),a=t>0?this.positions[t-1]:0,r=t<this.positions.length-1?this.positions[t+1]:100;if(s){let{minSize:o,maxSize:h}=this.getPaneConstraints(s,n),l=o/n*100,u=h!==1/0?h/n*100:1/0;if(l>0&&(a=Math.max(a,a+l)),u!==1/0){let f=t>0?this.positions[t-1]:0;r=Math.min(r,f+u)}}if(i){let{minSize:o,maxSize:h}=this.getPaneConstraints(i,n),l=o/n*100,u=h!==1/0?h/n*100:1/0;if(l>0){let f=t<this.positions.length-1?this.positions[t+1]:100;r=Math.min(r,f-l)}if(u!==1/0){let f=t<this.positions.length-1?this.positions[t+1]:100;a=Math.max(a,f-u)}}return{min:a,max:r}}getPaneConstraints(t,e){let s=t.minSize?this.parseSize(t.minSize,e):0,i=t.maxSize?this.parseSize(t.maxSize,e):1/0;return{minSize:s,maxSize:i}}getTotalDividerWidth(t){let e=t-1;return this.dividerWidth*e/this.size*100}handlePushResize(t,e){let s=this.getPanes(),i=e-this.positions[t];if(Math.abs(i)<.1)return this.positions;let n=this.getCurrentPaneSizes(this.positions,s.length);return i>0?this.resizePanes(n,s,t,t+1,i):this.resizePanes(n,s,t+1,t,Math.abs(i)),this.convertSizesToPositions(n,100)}getCurrentPaneSizes(t,e){let s=[],i=0;for(let n=0;n<e;n++){let a=n<t.length?t[n]:100;s.push(a-i),i=a}return s}applySnapping(t){if(!this.snap)return t;let e=this.snap.split(" "),s=t,i=this.snapThreshold+1;return e.forEach(n=>{let a;n.endsWith("%")?a=parseFloat(n):n.endsWith("px")?a=this.pixelsToPercentage(parseFloat(n)):a=parseFloat(n);let r=Math.abs(t-a);r<=this.snapThreshold&&r<i&&(s=a,i=r)}),s}recalculatePositionsForResize(){let t=this.getPanes();if(t.length===0)return;t.some(s=>{var i,n,a;return((i=s.size)==null?void 0:i.endsWith("px"))||((n=s.minSize)==null?void 0:n.endsWith("px"))||((a=s.maxSize)==null?void 0:a.endsWith("px"))})&&(this.positions=this.calculatePositions(t),this.requestUpdate())}resizePanes(t,e,s,i,n){let a=this.getAvailableSpace(e.length),{maxSize:r}=this.getPaneConstraints(e[s],a),o=Math.min(n,r-t[s]);if(o<=0)return;let{minSize:h}=this.getPaneConstraints(e[i],a),l=Math.min(o,t[i]-h);t[i]-=l,t[s]+=l;let u=o-l;if(u<=0)return;let[f,C]=s<i?[i+1,e.length]:[0,i];this.cascadeShrink(t,e,f,C,u,s,a)}cascadeShrink(t,e,s,i,n,a,r){let o=n;for(let h=s;h<i&&o>0;h++){let{minSize:l}=this.getPaneConstraints(e[h],r),u=Math.min(o,t[h]-l);u>0&&(t[h]-=u,t[a]+=u,o-=u)}}getPaneSizeStrings(){let t=[],e=0;for(let[s]of this.positions.entries())t.push(`${this.positions[s]-e}%`),e=this.positions[s];return t.push(`${100-e}%`),t}createPaneDetails(){let t=this.getPanes(),e=this.getPaneSizeStrings();return t.map((s,i)=>{let n=parseFloat(e[i]),a=n/100*this.size;return{index:i,size:n,sizePixels:Math.round(a),element:s}})}emitSplitterResizeEvent(t,e){let s=this.createPaneDetails(),i=e>=0?s[e]:null,n=e+1<s.length?s[e+1]:null;this.emit("ev-splitter-resize",{detail:{event:t,index:e,prevPane:i,nextPane:n,panes:s}})}emitAfterSplitterResizeEvent(t,e){let s=this.createPaneDetails(),i=e>=0?s[e]:null,n=e+1<s.length?s[e+1]:null;this.emit("ev-after-splitter-resize",{detail:{event:t,index:e,prevPane:i,nextPane:n,panes:s}})}emitReadyEvent(){if(this.getPanes().length===0)return;let e=this.createPaneDetails();this.emit("ev-ready",{detail:{panes:e}})}updated(){this.updatePaneStyles()}render(){return g`
+      <slot @slotchange=${this.handleSlotChange}></slot>
+      ${this.positions.map((t,e)=>g`
+          <div
+            part="divider divider-${e}"
+            style="--divider-width: ${this.dividerWidth}px;"
+            class="divider"
+            data-index="${e}"
+            tabindex=${v(this.disabled?void 0:"0")}
+            role="separator"
+            aria-valuenow=${this.positions[e]||50}
+            aria-valuemin="0"
+            aria-valuemax="100"
+            aria-label=${this.localize.term("resize")}
+            @keydown=${s=>this.handleKeyDown(s,e)}
+            @mousedown=${s=>this.handleDrag(s,e)}
+            @touchstart=${s=>this.handleDrag(s,e)}
+          >
+            <slot name="divider-${e}">
+              <slot part="handle" class="handle" name="divider"></slot>
+            </slot>
+          </div>
+        `)}
+    `}};c.styles=[S,E],p([m({type:Array,converter:{fromAttribute:t=>{if(!t)return[];try{let e=t.replace(/'/g,'"');return JSON.parse(e)}catch(e){return[]}},toAttribute:t=>JSON.stringify(t)}})],c.prototype,"sizes",2),p([m({type:Boolean,reflect:!0})],c.prototype,"vertical",2),p([m({type:Boolean,reflect:!0})],c.prototype,"disabled",2),p([m({attribute:"auto-save-id"})],c.prototype,"autoSaveId",2),p([m({type:Boolean})],c.prototype,"push",2),p([m({type:Number,attribute:"divider-width"})],c.prototype,"dividerWidth",2),p([m()],c.prototype,"snap",2),p([m({type:Number,attribute:"snap-threshold"})],c.prototype,"snapThreshold",2),p([z("sizes")],c.prototype,"handleSizesChange",1),p([z("vertical")],c.prototype,"handleVerticalChange",1);export{c as a};

package/cdn/chunks/chunk.DVVKDTUZ.js

@@ -0,0 +1,157 @@
+import{a as e}from"./chunk.PINNEFCM.js";var n=e`
+  :host {
+    --size: 25rem;
+    --header-spacing: var(--lynk-spacing-base);
+    --body-spacing: var(--lynk-spacing-base);
+    --footer-spacing: var(--lynk-spacing-base);
+
+    display: contents;
+  }
+
+  .drawer {
+    top: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    overflow: hidden;
+  }
+
+  .drawer--contained {
+    position: absolute;
+    z-index: initial;
+  }
+
+  .drawer--fixed {
+    position: fixed;
+    z-index: var(--lynk-z-index-drawer);
+  }
+
+  .drawer__panel {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    max-width: 100%;
+    max-height: 100%;
+    background-color: var(--lynk-panel-background-color);
+    box-shadow: var(--lynk-shadow-x-large);
+    overflow: auto;
+    pointer-events: all;
+  }
+
+  .drawer__panel:focus {
+    outline: none;
+  }
+
+  .drawer--top .drawer__panel {
+    top: 0;
+    inset-inline-end: auto;
+    bottom: auto;
+    inset-inline-start: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer--end .drawer__panel {
+    top: 0;
+    inset-inline-end: 0;
+    bottom: auto;
+    inset-inline-start: auto;
+    width: var(--size);
+    height: 100%;
+  }
+
+  .drawer--bottom .drawer__panel {
+    top: auto;
+    inset-inline-end: auto;
+    bottom: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer--start .drawer__panel {
+    top: 0;
+    inset-inline-end: auto;
+    bottom: auto;
+    inset-inline-start: 0;
+    width: var(--size);
+    height: 100%;
+  }
+
+  .drawer__header {
+    display: flex;
+  }
+
+  .drawer__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--lynk-font-size-large);
+    line-height: var(--lynk-line-height-dense);
+    padding: var(--header-spacing);
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .drawer__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--lynk-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .drawer__header-actions lynk-icon-button,
+  .drawer__header-actions ::slotted(lynk-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--lynk-font-size-medium);
+  }
+
+  .drawer__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .drawer__footer {
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .drawer__footer ::slotted(lynk-button:not(:last-of-type)) {
+    margin-inline-end: var(--lynk-spacing-x-small);
+  }
+
+  .drawer:not(.drawer--has-footer) .drawer__footer {
+    display: none;
+  }
+
+  .drawer__overlay {
+    display: block;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--lynk-overlay-background-color);
+    pointer-events: all;
+  }
+
+  .drawer--contained .drawer__overlay {
+    position: none;
+  }
+
+  @media (forced-colors: active) {
+    .drawer__panel {
+      border: solid 1px var(--lynk-color-neutral-0);
+    }
+  }
+`;export{n as a};

package/cdn/chunks/chunk.DWDZP72N.js

@@ -0,0 +1,8 @@
+import{a as m}from"./chunk.K7X3HYBF.js";import{a as o}from"./chunk.7TAXE2HP.js";import{a as s,g as p}from"./chunk.ZAFKTMHG.js";import{a as i}from"./chunk.MXDME6T6.js";import{d as r}from"./chunk.PINNEFCM.js";import{e as t}from"./chunk.FI4IKBIW.js";var e=class extends p{constructor(){super(...arguments);this.effect="none"}render(){return r`
+      <div
+        part="base"
+        class=${o({wisp:!0,"wisp--pulse":this.effect==="pulse","wisp--sheen":this.effect==="sheen"})}
+      >
+        <div part="indicator" class="wisp__indicator"></div>
+      </div>
+    `}};e.styles=[i,m],t([s()],e.prototype,"effect",2);export{e as a};

package/cdn/chunks/chunk.DZUWVCU4.js

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