@uplynk/lynk-design 1.18.1 → 1.19.1

package/cdn/chunks/chunk.6LT5VJ5K.js

@@ -1,260 +0,0 @@
-import{a as st}from"./chunk.RTBYQNK7.js";import{a as V}from"./chunk.6S67HV2F.js";import{a as x}from"./chunk.5I5F2IHR.js";import{a as b}from"./chunk.FC4RDJJF.js";import{a as et}from"./chunk.RHZXL4DY.js";import{a as P}from"./chunk.3ILNBMME.js";import{a as tt}from"./chunk.TDOASTU4.js";import{a as it}from"./chunk.EPDLWVS3.js";import{a as Q}from"./chunk.IPMWK5EL.js";import{a as J}from"./chunk.XDL3LOAS.js";import{a as Z}from"./chunk.WV7TMNXX.js";import{b as Y}from"./chunk.V7E6ITFP.js";import{a as L}from"./chunk.MEKW2OXH.js";import{a as X}from"./chunk.NEUNERXI.js";import{a as k}from"./chunk.TETFNMKN.js";import{a as W}from"./chunk.YHSYTTFF.js";import{a as A}from"./chunk.YZSIY5HS.js";import{a as T}from"./chunk.7TAXE2HP.js";import{a as u,b as $,c as K,d as M,g as j}from"./chunk.OGCRBJYC.js";import{a as U}from"./chunk.MXDME6T6.js";import{d as p}from"./chunk.PINNEFCM.js";import{a as O,e as l}from"./chunk.FI4IKBIW.js";function c(s,e){ft(s)&&(s="100%");let t=ct(s);return s=e===360?s:Math.min(e,Math.max(0,parseFloat(s))),t&&(s=parseInt(String(s*e),10)/100),Math.abs(s-e)<1e-6?1:(e===360?s=(s<0?s%e+e:s%e)/parseFloat(String(e)):s=s%e/parseFloat(String(e)),s)}function H(s){return Math.min(1,Math.max(0,s))}function ft(s){return typeof s=="string"&&s.indexOf(".")!==-1&&parseFloat(s)===1}function ct(s){return typeof s=="string"&&s.indexOf("%")!==-1}function R(s){return s=parseFloat(s),(isNaN(s)||s<0||s>1)&&(s=1),s}function E(s){return Number(s)<=1?`${Number(s)*100}%`:s}function w(s){return s.length===1?"0"+s:String(s)}function rt(s,e,t){return{r:c(s,255)*255,g:c(e,255)*255,b:c(t,255)*255}}function I(s,e,t){s=c(s,255),e=c(e,255),t=c(t,255);let i=Math.max(s,e,t),r=Math.min(s,e,t),a=0,n=0,o=(i+r)/2;if(i===r)n=0,a=0;else{let d=i-r;switch(n=o>.5?d/(2-i-r):d/(i+r),i){case s:a=(e-t)/d+(e<t?6:0);break;case e:a=(t-s)/d+2;break;case t:a=(s-e)/d+4;break;default:break}a/=6}return{h:a,s:n,l:o}}function D(s,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?s+(e-s)*(6*t):t<1/2?e:t<2/3?s+(e-s)*(2/3-t)*6:s}function at(s,e,t){let i,r,a;if(s=c(s,360),e=c(e,100),t=c(t,100),e===0)r=t,a=t,i=t;else{let n=t<.5?t*(1+e):t+e-t*e,o=2*t-n;i=D(o,n,s+1/3),r=D(o,n,s),a=D(o,n,s-1/3)}return{r:i*255,g:r*255,b:a*255}}function B(s,e,t){s=c(s,255),e=c(e,255),t=c(t,255);let i=Math.max(s,e,t),r=Math.min(s,e,t),a=0,n=i,o=i-r,d=i===0?0:o/i;if(i===r)a=0;else{switch(i){case s:a=(e-t)/o+(e<t?6:0);break;case e:a=(t-s)/o+2;break;case t:a=(s-e)/o+4;break;default:break}a/=6}return{h:a,s:d,v:n}}function nt(s,e,t){s=c(s,360)*6,e=c(e,100),t=c(t,100);let i=Math.floor(s),r=s-i,a=t*(1-e),n=t*(1-r*e),o=t*(1-(1-r)*e),d=i%6,y=[t,n,a,a,o,t][d],f=[o,t,t,n,a,a][d],pt=[a,a,o,t,t,n][d];return{r:y*255,g:f*255,b:pt*255}}function q(s,e,t,i){let r=[w(Math.round(s).toString(16)),w(Math.round(e).toString(16)),w(Math.round(t).toString(16))];return i&&r[0].startsWith(r[0].charAt(1))&&r[1].startsWith(r[1].charAt(1))&&r[2].startsWith(r[2].charAt(1))?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function ht(s,e,t,i,r){let a=[w(Math.round(s).toString(16)),w(Math.round(e).toString(16)),w(Math.round(t).toString(16)),w(gt(i))];return r&&a[0].startsWith(a[0].charAt(1))&&a[1].startsWith(a[1].charAt(1))&&a[2].startsWith(a[2].charAt(1))&&a[3].startsWith(a[3].charAt(1))?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join("")}function ot(s,e,t,i){let r=s/100,a=e/100,n=t/100,o=i/100,d=255*(1-r)*(1-o),y=255*(1-a)*(1-o),f=255*(1-n)*(1-o);return{r:d,g:y,b:f}}function z(s,e,t){let i=1-s/255,r=1-e/255,a=1-t/255,n=Math.min(i,r,a);return n===1?(i=0,r=0,a=0):(i=(i-n)/(1-n)*100,r=(r-n)/(1-n)*100,a=(a-n)/(1-n)*100),n*=100,{c:Math.round(i),m:Math.round(r),y:Math.round(a),k:Math.round(n)}}function gt(s){return Math.round(parseFloat(s)*255).toString(16)}function N(s){return g(s)/255}function g(s){return parseInt(s,16)}function lt(s){return{r:s>>16,g:(s&65280)>>8,b:s&255}}var _={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function ut(s){let e={r:0,g:0,b:0},t=1,i=null,r=null,a=null,n=!1,o=!1;return typeof s=="string"&&(s=vt(s)),typeof s=="object"&&(m(s.r)&&m(s.g)&&m(s.b)?(e=rt(s.r,s.g,s.b),n=!0,o=String(s.r).substr(-1)==="%"?"prgb":"rgb"):m(s.h)&&m(s.s)&&m(s.v)?(i=E(s.s),r=E(s.v),e=nt(s.h,i,r),n=!0,o="hsv"):m(s.h)&&m(s.s)&&m(s.l)?(i=E(s.s),a=E(s.l),e=at(s.h,i,a),n=!0,o="hsl"):m(s.c)&&m(s.m)&&m(s.y)&&m(s.k)&&(e=ot(s.c,s.m,s.y,s.k),n=!0,o="cmyk"),Object.prototype.hasOwnProperty.call(s,"a")&&(t=s.a)),t=R(t),{ok:n,format:s.format||o,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:t}}var bt="[-\\+]?\\d+%?",mt="[-\\+]?\\d*\\.\\d+%?",S="(?:"+mt+")|(?:"+bt+")",G="[\\s|\\(]+("+S+")[,|\\s]+("+S+")[,|\\s]+("+S+")\\s*\\)?",F="[\\s|\\(]+("+S+")[,|\\s]+("+S+")[,|\\s]+("+S+")[,|\\s]+("+S+")\\s*\\)?",v={CSS_UNIT:new RegExp(S),rgb:new RegExp("rgb"+G),rgba:new RegExp("rgba"+F),hsl:new RegExp("hsl"+G),hsla:new RegExp("hsla"+F),hsv:new RegExp("hsv"+G),hsva:new RegExp("hsva"+F),cmyk:new RegExp("cmyk"+F),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function vt(s){if(s=s.trim().toLowerCase(),s.length===0)return!1;let e=!1;if(_[s])s=_[s],e=!0;else if(s==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};let t=v.rgb.exec(s);return t?{r:t[1],g:t[2],b:t[3]}:(t=v.rgba.exec(s),t?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=v.hsl.exec(s),t?{h:t[1],s:t[2],l:t[3]}:(t=v.hsla.exec(s),t?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=v.hsv.exec(s),t?{h:t[1],s:t[2],v:t[3]}:(t=v.hsva.exec(s),t?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=v.cmyk.exec(s),t?{c:t[1],m:t[2],y:t[3],k:t[4]}:(t=v.hex8.exec(s),t?{r:g(t[1]),g:g(t[2]),b:g(t[3]),a:N(t[4]),format:e?"name":"hex8"}:(t=v.hex6.exec(s),t?{r:g(t[1]),g:g(t[2]),b:g(t[3]),format:e?"name":"hex"}:(t=v.hex4.exec(s),t?{r:g(t[1]+t[1]),g:g(t[2]+t[2]),b:g(t[3]+t[3]),a:N(t[4]+t[4]),format:e?"name":"hex8"}:(t=v.hex3.exec(s),t?{r:g(t[1]+t[1]),g:g(t[2]+t[2]),b:g(t[3]+t[3]),format:e?"name":"hex"}:!1))))))))))}function m(s){return typeof s=="number"?!Number.isNaN(s):v.CSS_UNIT.test(s)}var C=class s{constructor(e="",t={}){var r;if(e instanceof s)return e;typeof e=="number"&&(e=lt(e)),this.originalInput=e;let i=ut(e);this.originalInput=e,this.r=i.r,this.g=i.g,this.b=i.b,this.a=i.a,this.roundA=Math.round(100*this.a)/100,this.format=(r=t.format)!=null?r:i.format,this.gradientType=t.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=i.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){let e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3}getLuminance(){let e=this.toRgb(),t,i,r,a=e.r/255,n=e.g/255,o=e.b/255;return a<=.03928?t=a/12.92:t=Math.pow((a+.055)/1.055,2.4),n<=.03928?i=n/12.92:i=Math.pow((n+.055)/1.055,2.4),o<=.03928?r=o/12.92:r=Math.pow((o+.055)/1.055,2.4),.2126*t+.7152*i+.0722*r}getAlpha(){return this.a}setAlpha(e){return this.a=R(e),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){let{s:e}=this.toHsl();return e===0}toHsv(){let e=B(this.r,this.g,this.b);return{h:e.h*360,s:e.s,v:e.v,a:this.a}}toHsvString(){let e=B(this.r,this.g,this.b),t=Math.round(e.h*360),i=Math.round(e.s*100),r=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${i}%, ${r}%)`:`hsva(${t}, ${i}%, ${r}%, ${this.roundA})`}toHsl(){let e=I(this.r,this.g,this.b);return{h:e.h*360,s:e.s,l:e.l,a:this.a}}toHslString(){let e=I(this.r,this.g,this.b),t=Math.round(e.h*360),i=Math.round(e.s*100),r=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${i}%, ${r}%)`:`hsla(${t}, ${i}%, ${r}%, ${this.roundA})`}toHex(e=!1){return q(this.r,this.g,this.b,e)}toHexString(e=!1){return"#"+this.toHex(e)}toHex8(e=!1){return ht(this.r,this.g,this.b,this.a,e)}toHex8String(e=!1){return"#"+this.toHex8(e)}toHexShortString(e=!1){return this.a===1?this.toHexString(e):this.toHex8String(e)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){let e=Math.round(this.r),t=Math.round(this.g),i=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${i})`:`rgba(${e}, ${t}, ${i}, ${this.roundA})`}toPercentageRgb(){let e=t=>`${Math.round(c(t,255)*100)}%`;return{r:e(this.r),g:e(this.g),b:e(this.b),a:this.a}}toPercentageRgbString(){let e=t=>Math.round(c(t,255)*100);return this.a===1?`rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)`:`rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`}toCmyk(){return O({},z(this.r,this.g,this.b))}toCmykString(){let{c:e,m:t,y:i,k:r}=z(this.r,this.g,this.b);return`cmyk(${e}, ${t}, ${i}, ${r})`}toName(){if(this.a===0)return"transparent";if(this.a<1)return!1;let e="#"+q(this.r,this.g,this.b,!1);for(let[t,i]of Object.entries(_))if(e===i)return t;return!1}toString(e){let t=!!e;e=e!=null?e:this.format;let i=!1,r=this.a<1&&this.a>=0;return!t&&r&&(e.startsWith("hex")||e==="name")?e==="name"&&this.a===0?this.toName():this.toRgbString():(e==="rgb"&&(i=this.toRgbString()),e==="prgb"&&(i=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(i=this.toHexString()),e==="hex3"&&(i=this.toHexString(!0)),e==="hex4"&&(i=this.toHex8String(!0)),e==="hex8"&&(i=this.toHex8String()),e==="name"&&(i=this.toName()),e==="hsl"&&(i=this.toHslString()),e==="hsv"&&(i=this.toHsvString()),e==="cmyk"&&(i=this.toCmykString()),i||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new s(this.toString())}lighten(e=10){let t=this.toHsl();return t.l+=e/100,t.l=H(t.l),new s(t)}brighten(e=10){let t=this.toRgb();return t.r=Math.max(0,Math.min(255,t.r-Math.round(255*-(e/100)))),t.g=Math.max(0,Math.min(255,t.g-Math.round(255*-(e/100)))),t.b=Math.max(0,Math.min(255,t.b-Math.round(255*-(e/100)))),new s(t)}darken(e=10){let t=this.toHsl();return t.l-=e/100,t.l=H(t.l),new s(t)}tint(e=10){return this.mix("white",e)}shade(e=10){return this.mix("black",e)}desaturate(e=10){let t=this.toHsl();return t.s-=e/100,t.s=H(t.s),new s(t)}saturate(e=10){let t=this.toHsl();return t.s+=e/100,t.s=H(t.s),new s(t)}greyscale(){return this.desaturate(100)}spin(e){let t=this.toHsl(),i=(t.h+e)%360;return t.h=i<0?360+i:i,new s(t)}mix(e,t=50){let i=this.toRgb(),r=new s(e).toRgb(),a=t/100,n={r:(r.r-i.r)*a+i.r,g:(r.g-i.g)*a+i.g,b:(r.b-i.b)*a+i.b,a:(r.a-i.a)*a+i.a};return new s(n)}analogous(e=6,t=30){let i=this.toHsl(),r=360/t,a=[this];for(i.h=(i.h-(r*e>>1)+720)%360;--e;)i.h=(i.h+r)%360,a.push(new s(i));return a}complement(){let e=this.toHsl();return e.h=(e.h+180)%360,new s(e)}monochromatic(e=6){let t=this.toHsv(),{h:i}=t,{s:r}=t,{v:a}=t,n=[],o=1/e;for(;e--;)n.push(new s({h:i,s:r,v:a})),a=(a+o)%1;return n}splitcomplement(){let e=this.toHsl(),{h:t}=e;return[this,new s({h:(t+72)%360,s:e.s,l:e.l}),new s({h:(t+216)%360,s:e.s,l:e.l})]}onBackground(e){let t=this.toRgb(),i=new s(e).toRgb(),r=t.a+i.a*(1-t.a);return new s({r:(t.r*t.a+i.r*i.a*(1-t.a))/r,g:(t.g*t.a+i.g*i.a*(1-t.a))/r,b:(t.b*t.a+i.b*i.a*(1-t.a))/r,a:r})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(e){let t=this.toHsl(),{h:i}=t,r=[this],a=360/e;for(let n=1;n<e;n++)r.push(new s({h:(i+n*a)%360,s:t.s,l:t.l}));return r}equals(e){let t=new s(e);return this.format==="cmyk"||t.format==="cmyk"?this.toCmykString()===t.toCmykString():this.toRgbString()===t.toRgbString()}};var dt="EyeDropper"in window,h=class extends j{constructor(){super();this.formControlController=new Y(this);this.hasSlotController=new W(this,"help-text","help-tip","label","label-end","help-text-end");this.isSafeValue=!1;this.localize=new L(this);this.hasFocus=!1;this.isDraggingGridHandle=!1;this.isEmpty=!1;this.inputValue="";this.hue=0;this.saturation=100;this.brightness=100;this.alpha=100;this.value="";this.defaultValue="";this.label="";this.helpText="";this.labelEnd="";this.helpTextEnd="";this.helpTip="";this.state="default";this.dirty=!1;this.labelInline=!1;this.format="hex";this.inline=!1;this.size="medium";this.noFormatToggle=!1;this.name="";this.disabled=!1;this.readonly=!1;this.hoist=!1;this.opacity=!1;this.placement="bottom-start";this.uppercase=!1;this.swatches="";this.swatchesOnly=!1;this.form="";this.required=!1;this.optional=!1;this.handleFocusIn=()=>{this.hasFocus=!0,this.emit("ev-focus")};this.handleFocusOut=()=>{this.hasFocus=!1,this.emit("ev-blur")};this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.input.updateComplete.then(()=>{this.formControlController.updateValidity()})}handleCopy(){this.input.select(),document.execCommand("copy"),this.previewButton.focus(),this.previewButton.classList.add("color-picker__preview-color--copied"),this.previewButton.addEventListener("animationend",()=>{this.previewButton.classList.remove("color-picker__preview-color--copied")})}handleFormatToggle(){let t=["hex","rgb","hsl","hsv"],i=(t.indexOf(this.format)+1)%t.length;this.format=t[i],this.setColor(this.value),this.emit("ev-change"),this.emit("ev-input")}handleAlphaDrag(t){let i=this.shadowRoot.querySelector(".color-picker__slider.color-picker__alpha"),r=i.querySelector(".color-picker__slider-handle"),{width:a}=i.getBoundingClientRect(),n=this.value,o=this.value;r.focus(),t.preventDefault(),V(i,{onMove:d=>{this.alpha=b(d/a*100,0,100),this.syncValues(),this.value!==o&&(o=this.value,this.emit("ev-input"))},onStop:()=>{this.value!==n&&(n=this.value,this.emit("ev-change"))},initialEvent:t})}handleHueDrag(t){let i=this.shadowRoot.querySelector(".color-picker__slider.color-picker__hue"),r=i.querySelector(".color-picker__slider-handle"),{width:a}=i.getBoundingClientRect(),n=this.value,o=this.value;r.focus(),t.preventDefault(),V(i,{onMove:d=>{this.hue=b(d/a*360,0,360),this.syncValues(),this.value!==o&&(o=this.value,this.emit("ev-input"))},onStop:()=>{this.value!==n&&(n=this.value,this.emit("ev-change"))},initialEvent:t})}handleGridDrag(t){let i=this.shadowRoot.querySelector(".color-picker__grid"),r=i.querySelector(".color-picker__grid-handle"),{width:a,height:n}=i.getBoundingClientRect(),o=this.value,d=this.value;r.focus(),t.preventDefault(),this.isDraggingGridHandle=!0,V(i,{onMove:(y,f)=>{this.saturation=b(y/a*100,0,100),this.brightness=b(100-f/n*100,0,100),this.syncValues(),this.value!==d&&(d=this.value,this.emit("ev-input"))},onStop:()=>{this.isDraggingGridHandle=!1,this.value!==o&&(o=this.value,this.emit("ev-change"))},initialEvent:t})}handleAlphaKeyDown(t){let i=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.alpha=b(this.alpha-i,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.alpha=b(this.alpha+i,0,100),this.syncValues()),t.key==="Home"&&(t.preventDefault(),this.alpha=0,this.syncValues()),t.key==="End"&&(t.preventDefault(),this.alpha=100,this.syncValues()),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleHueKeyDown(t){let i=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.hue=b(this.hue-i,0,360),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.hue=b(this.hue+i,0,360),this.syncValues()),t.key==="Home"&&(t.preventDefault(),this.hue=0,this.syncValues()),t.key==="End"&&(t.preventDefault(),this.hue=360,this.syncValues()),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleGridKeyDown(t){let i=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=b(this.saturation-i,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=b(this.saturation+i,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=b(this.brightness+i,0,100),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=b(this.brightness-i,0,100),this.syncValues()),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleInputChange(t){let i=t.target,r=this.value;t.stopPropagation(),this.input.value?(this.setColor(i.value),i.value=this.value):this.value="",this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleInputInput(t){this.formControlController.updateValidity(),t.stopPropagation()}handleInputKeyDown(t){if(t.key==="Enter"){let i=this.value;this.input.value?(this.setColor(this.input.value),this.input.value=this.value,this.value!==i&&(this.emit("ev-change"),this.emit("ev-input")),setTimeout(()=>this.input.select())):this.hue=0}}handleInputInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleTouchMove(t){t.preventDefault()}parseColor(t){let i=new C(t);if(!i.isValid)return null;let r=i.toHsl(),a={h:r.h,s:r.s*100,l:r.l*100,a:r.a},n=i.toRgb(),o=i.toHexString(),d=i.toHex8String(),y=i.toHsv(),f={h:y.h,s:y.s*100,v:y.v*100,a:y.a};return{hsl:{h:a.h,s:a.s,l:a.l,string:this.setLetterCase(`hsl(${Math.round(a.h)}, ${Math.round(a.s)}%, ${Math.round(a.l)}%)`)},hsla:{h:a.h,s:a.s,l:a.l,a:a.a,string:this.setLetterCase(`hsla(${Math.round(a.h)}, ${Math.round(a.s)}%, ${Math.round(a.l)}%, ${a.a.toFixed(2).toString()})`)},hsv:{h:f.h,s:f.s,v:f.v,string:this.setLetterCase(`hsv(${Math.round(f.h)}, ${Math.round(f.s)}%, ${Math.round(f.v)}%)`)},hsva:{h:f.h,s:f.s,v:f.v,a:f.a,string:this.setLetterCase(`hsva(${Math.round(f.h)}, ${Math.round(f.s)}%, ${Math.round(f.v)}%, ${f.a.toFixed(2).toString()})`)},rgb:{r:n.r,g:n.g,b:n.b,string:this.setLetterCase(`rgb(${Math.round(n.r)}, ${Math.round(n.g)}, ${Math.round(n.b)})`)},rgba:{r:n.r,g:n.g,b:n.b,a:n.a,string:this.setLetterCase(`rgba(${Math.round(n.r)}, ${Math.round(n.g)}, ${Math.round(n.b)}, ${n.a.toFixed(2).toString()})`)},hex:this.setLetterCase(o),hexa:this.setLetterCase(d)}}setColor(t){let i=this.parseColor(t);return i===null?!1:(this.hue=i.hsva.h,this.saturation=i.hsva.s,this.brightness=i.hsva.v,this.alpha=this.opacity?i.hsva.a*100:100,this.syncValues(),!0)}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}async syncValues(){let t=this.parseColor(`hsva(${this.hue}, ${this.saturation}%, ${this.brightness}%, ${this.alpha/100})`);t!==null&&(this.format==="hsl"?this.inputValue=this.opacity?t.hsla.string:t.hsl.string:this.format==="rgb"?this.inputValue=this.opacity?t.rgba.string:t.rgb.string:this.format==="hsv"?this.inputValue=this.opacity?t.hsva.string:t.hsv.string:this.inputValue=this.opacity?t.hexa:t.hex,this.isSafeValue=!0,this.value=this.inputValue,await this.updateComplete,this.isSafeValue=!1)}handleAfterHide(){this.previewButton.classList.remove("color-picker__preview-color--copied")}handleEyeDropper(){if(!dt)return;new EyeDropper().open().then(i=>{let r=this.value;this.setColor(i.sRGBHex),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}).catch(()=>{})}selectSwatch(t){let i=this.value;this.disabled||(this.setColor(t),this.value!==i&&(this.emit("ev-change"),this.emit("ev-input")))}getHexString(t,i,r,a=100){let n=new C(`hsva(${t}, ${i}%, ${r}%, ${a/100})`);return n.isValid?n.toHex8String():""}stopNestedEventPropagation(t){t.stopImmediatePropagation()}handleFormatChange(){this.syncValues()}handleOpacityChange(){this.alpha=100}handleValueChange(t,i){if(this.isEmpty=!i,i||(this.hue=0,this.saturation=0,this.brightness=100,this.alpha=100),!this.isSafeValue){let r=this.parseColor(i);r!==null?(this.inputValue=this.value,this.hue=r.hsva.h,this.saturation=r.hsva.s,this.brightness=r.hsva.v,this.alpha=r.hsva.a*100,this.syncValues()):this.inputValue=t!=null?t:""}}focus(t){this.inline?this.base.focus(t):this.trigger.focus(t)}blur(){var i;let t=this.inline?this.base:this.trigger;this.hasFocus&&(t.focus({preventScroll:!0}),t.blur()),(i=this.dropdown)!=null&&i.open&&this.dropdown.hide()}getFormattedValue(t="hex"){let i=this.parseColor(`hsva(${this.hue}, ${this.saturation}%, ${this.brightness}%, ${this.alpha/100})`);if(i===null)return"";switch(t){case"hex":return i.hex;case"hexa":return i.hexa;case"rgb":return i.rgb.string;case"rgba":return i.rgba.string;case"hsl":return i.hsl.string;case"hsla":return i.hsla.string;case"hsv":return i.hsv.string;case"hsva":return i.hsva.string;default:return""}}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.inline&&!this.validity.valid?(this.dropdown.show(),this.addEventListener("lynk-after-show",()=>this.input.reportValidity(),{once:!0}),this.disabled||this.formControlController.emitInvalidEvent(),!1):this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.saturation,i=100-this.brightness,r=Array.isArray(this.swatches)?this.swatches:this.swatches.split(";").filter(n=>n.trim()!==""),a=p`
-      <div
-        part="base"
-        class=${T({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled,"color-picker--focused":this.hasFocus})}
-        aria-disabled=${this.disabled?"true":"false"}
-        aria-readonly=${this.readonly?"true":"false"}
-        aria-labelledby="label"
-        tabindex=${this.inline?"0":"-1"}
-      >
-        ${this.inline?p`
-                <lynk-visually-hidden id="label">
-                  <slot name="label">${this.label}</slot>
-                </lynk-visually-hidden>
-              `:null}
-        ${!this.swatchesOnly||r.length===0?p`
-                <div
-                  part="grid"
-                  class="color-picker__grid"
-                  style=${x({backgroundColor:this.getHexString(this.hue,100,100)})}
-                  @pointerdown=${this.handleGridDrag}
-                  @touchmove=${this.handleTouchMove}
-                >
-                  <span
-                    part="grid-handle"
-                    class=${T({"color-picker__grid-handle":!0,"color-picker__grid-handle--dragging":this.isDraggingGridHandle})}
-                    style=${x({top:`${i}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.brightness,this.alpha)})}
-                    role="application"
-                    aria-label="HSV"
-                    tabindex=${k(this.disabled?void 0:"0")}
-                    @keydown=${this.handleGridKeyDown}
-                  ></span>
-                </div>
-
-                <div class="color-picker__controls">
-                  <div class="color-picker__sliders">
-                    <div
-                      part="slider hue-slider"
-                      class="color-picker__hue color-picker__slider"
-                      @pointerdown=${this.handleHueDrag}
-                      @touchmove=${this.handleTouchMove}
-                    >
-                      <span
-                        part="slider-handle hue-slider-handle"
-                        class="color-picker__slider-handle"
-                        style=${x({left:`${this.hue===0?0:100/(360/this.hue)}%`})}
-                        role="slider"
-                        aria-label="hue"
-                        aria-orientation="horizontal"
-                        aria-valuemin="0"
-                        aria-valuemax="360"
-                        aria-valuenow=${`${Math.round(this.hue)}`}
-                        tabindex=${k(this.disabled?void 0:"0")}
-                        @keydown=${this.handleHueKeyDown}
-                      ></span>
-                    </div>
-
-                    ${this.opacity?p`
-                            <div
-                              part="slider opacity-slider"
-                              class="color-picker__alpha color-picker__slider color-picker__transparent-bg"
-                              @pointerdown="${this.handleAlphaDrag}"
-                              @touchmove=${this.handleTouchMove}
-                            >
-                              <div
-                                class="color-picker__alpha-gradient"
-                                style=${x({backgroundImage:`linear-gradient(
-                          to right,
-                          ${this.getHexString(this.hue,this.saturation,this.brightness,0)} 0%,
-                          ${this.getHexString(this.hue,this.saturation,this.brightness,100)} 100%
-                        )`})}
-                              ></div>
-                              <span
-                                part="slider-handle opacity-slider-handle"
-                                class="color-picker__slider-handle"
-                                style=${x({left:`${this.alpha}%`})}
-                                role="slider"
-                                aria-label="alpha"
-                                aria-orientation="horizontal"
-                                aria-valuemin="0"
-                                aria-valuemax="100"
-                                aria-valuenow=${Math.round(this.alpha)}
-                                tabindex=${k(this.disabled?void 0:"0")}
-                                @keydown=${this.handleAlphaKeyDown}
-                              ></span>
-                            </div>
-                          `:""}
-                  </div>
-
-                  <button
-                    type="button"
-                    part="preview"
-                    class="color-picker__preview color-picker__transparent-bg"
-                    aria-label=${this.localize.term("copy")}
-                    style=${x({"--preview-color":this.getHexString(this.hue,this.saturation,this.brightness,this.alpha)})}
-                    @click=${this.handleCopy}
-                  ></button>
-                </div>
-
-                <div class="color-picker__user-input" aria-live="polite">
-                  <lynk-input
-                    part="input"
-                    type="text"
-                    name=${this.name}
-                    autocomplete="off"
-                    autocorrect="off"
-                    autocapitalize="off"
-                    spellcheck="false"
-                    .size=${this.size==="small"?"small":"medium"}
-                    value=${this.isEmpty?"":this.inputValue}
-                    ?required=${this.required}
-                    ?disabled=${this.disabled}
-                    aria-label=${this.localize.term("currentValue")}
-                    @keydown=${this.handleInputKeyDown}
-                    @ev-change=${this.handleInputChange}
-                    @ev-input=${this.handleInputInput}
-                    @ev-invalid=${this.handleInputInvalid}
-                    @ev-blur=${this.stopNestedEventPropagation}
-                    @ev-focus=${this.stopNestedEventPropagation}
-                  ></lynk-input>
-
-                  <lynk-button-group>
-                    ${this.noFormatToggle?"":p`
-                            <lynk-button
-                              part="format-button"
-                              .size=${this.size==="small"?"small":"medium"}
-                              aria-label=${this.localize.term("toggleColorFormat")}
-                              exportparts="
-                      base:format-button__base,
-                      prefix:format-button__prefix,
-                      label:format-button__label,
-                      suffix:format-button__suffix,
-                      caret:format-button__caret
-                    "
-                              @click=${this.handleFormatToggle}
-                              @ev-blur=${this.stopNestedEventPropagation}
-                              @ev-focus=${this.stopNestedEventPropagation}
-                            >
-                              ${this.setLetterCase(this.format)}
-                            </lynk-button>
-                          `}
-                    ${dt?p`
-                            <lynk-button
-                              part="eye-dropper-button"
-                              .size=${this.size==="small"?"small":"medium"}
-                              exportparts="
-                      base:eye-dropper-button__base,
-                      prefix:eye-dropper-button__prefix,
-                      label:eye-dropper-button__label,
-                      suffix:eye-dropper-button__suffix,
-                      caret:eye-dropper-button__caret
-                    "
-                              @click=${this.handleEyeDropper}
-                              @ev-blur=${this.stopNestedEventPropagation}
-                              @ev-focus=${this.stopNestedEventPropagation}
-                            >
-                              <lynk-icon
-                                library="system"
-                                name="eyedropper"
-                                label=${this.localize.term("selectAColorFromTheScreen")}
-                              ></lynk-icon>
-                            </lynk-button>
-                          `:""}
-                  </lynk-button-group>
-                </div>
-              `:""}
-        ${r.length>0?p`
-                <div part="swatches" class="color-picker__swatches">
-                  ${r.map(n=>{let o=this.parseColor(n);return o?p`
-                      <div
-                        part="swatch"
-                        class="color-picker__swatch color-picker__transparent-bg"
-                        tabindex=${k(this.disabled?void 0:"0")}
-                        role="button"
-                        aria-label=${n}
-                        @click=${()=>this.selectSwatch(n)}
-                        @keydown=${d=>!this.disabled&&d.key==="Enter"&&this.setColor(o.hexa)}
-                      >
-                        <div
-                          class="color-picker__swatch-color"
-                          style=${x({backgroundColor:o.hexa})}
-                        ></div>
-                      </div>
-                    `:(console.error(`Unable to parse swatch color: "${n}"`,this),"")})}
-                </div>
-              `:""}
-      </div>
-    `;return this.inline?p`
-        <lynk-form-field
-          .size=${this.size}
-          .state=${this.state}
-          .label=${this.hasSlotController.test("label")?"":this.label}
-          .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
-          .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
-          .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
-          .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
-          .required=${this.required}
-          .optional=${this.optional}
-          .readonly=${this.readonly}
-          .dirty=${this.dirty}
-          .inline=${this.labelInline}
-          ?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")?p`<slot name="label" slot="label"></slot>`:""}
-          ${this.hasSlotController.test("help-text")?p`<slot name="help-text" slot="help-text"></slot>`:""}
-          ${this.hasSlotController.test("help-tip")?p`<slot name="help-tip" slot="help-tip"></slot>`:""}
-          ${this.hasSlotController.test("label-end")?p`<slot name="label-end" slot="label-end"></slot>`:""}
-          ${this.hasSlotController.test("help-text-end")?p`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
-          ${a}
-        </lynk-form-field>
-      `:p`
-      <lynk-form-field
-        .size=${this.size}
-        .state=${this.state}
-        .label=${this.hasSlotController.test("label")?"":this.label}
-        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
-        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
-        .labelEnd=${this.hasSlotController.test("label-end")?"":this.labelEnd}
-        .helpTextEnd=${this.hasSlotController.test("help-text-end")?"":this.helpTextEnd}
-        .required=${this.required}
-        .optional=${this.optional}
-        .readonly=${this.readonly}
-        .dirty=${this.dirty}
-        .inline=${this.labelInline}
-        ?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")?p`<slot name="label" slot="label"></slot>`:""}
-        ${this.hasSlotController.test("help-text")?p`<slot name="help-text" slot="help-text"></slot>`:""}
-        ${this.hasSlotController.test("help-tip")?p`<slot name="help-tip" slot="help-tip"></slot>`:""}
-        ${this.hasSlotController.test("label-end")?p`<slot name="label-end" slot="label-end"></slot>`:""}
-        ${this.hasSlotController.test("help-text-end")?p`<slot name="help-text-end" slot="help-text-end"></slot>`:""}
-        <lynk-dropdown
-          class="color-dropdown"
-          aria-disabled=${this.disabled?"true":"false"}
-          .containingElement=${this}
-          ?disabled=${this.disabled||this.readonly}
-          ?hoist=${this.hoist}
-          .placement=${this.placement}
-          @lynk-after-hide=${this.handleAfterHide}
-        >
-          <button
-            part="trigger"
-            slot="trigger"
-            class=${T({"color-dropdown__trigger":!0,"color-dropdown__trigger--disabled":this.disabled,"color-dropdown__trigger--small":this.size==="small","color-dropdown__trigger--medium":this.size==="medium","color-dropdown__trigger--large":this.size==="large","color-dropdown__trigger--empty":this.isEmpty,"color-dropdown__trigger--focused":this.hasFocus,"color-picker__transparent-bg":!0})}
-            style=${x({color:this.getHexString(this.hue,this.saturation,this.brightness,this.alpha)})}
-            type="button"
-          >
-            <lynk-visually-hidden>
-              <slot name="label">${this.label}</slot>
-            </lynk-visually-hidden>
-          </button>
-          ${a}
-        </lynk-dropdown>
-      </lynk-form-field>
-    `}};h.styles=[U,it],h.dependencies={"lynk-button-group":J,"lynk-button":Z,"lynk-dropdown":P,"lynk-form-field":tt,"lynk-icon":X,"lynk-input":et,"lynk-visually-hidden":st},l([M('[part~="base"]')],h.prototype,"base",2),l([M('[part~="input"]')],h.prototype,"input",2),l([M(".color-dropdown")],h.prototype,"dropdown",2),l([M('[part~="preview"]')],h.prototype,"previewButton",2),l([M('[part~="trigger"]')],h.prototype,"trigger",2),l([$()],h.prototype,"hasFocus",2),l([$()],h.prototype,"isDraggingGridHandle",2),l([$()],h.prototype,"isEmpty",2),l([$()],h.prototype,"inputValue",2),l([$()],h.prototype,"hue",2),l([$()],h.prototype,"saturation",2),l([$()],h.prototype,"brightness",2),l([$()],h.prototype,"alpha",2),l([u()],h.prototype,"value",2),l([Q()],h.prototype,"defaultValue",2),l([u()],h.prototype,"label",2),l([u({attribute:"help-text"})],h.prototype,"helpText",2),l([u({attribute:"label-end"})],h.prototype,"labelEnd",2),l([u({attribute:"help-text-end"})],h.prototype,"helpTextEnd",2),l([u({attribute:"help-tip"})],h.prototype,"helpTip",2),l([u({reflect:!0})],h.prototype,"state",2),l([u({type:Boolean,reflect:!0})],h.prototype,"dirty",2),l([u({attribute:"label-inline",type:Boolean,reflect:!0})],h.prototype,"labelInline",2),l([u()],h.prototype,"format",2),l([u({type:Boolean,reflect:!0})],h.prototype,"inline",2),l([u({reflect:!0})],h.prototype,"size",2),l([u({attribute:"no-format-toggle",type:Boolean})],h.prototype,"noFormatToggle",2),l([u()],h.prototype,"name",2),l([u({type:Boolean,reflect:!0})],h.prototype,"disabled",2),l([u({type:Boolean,reflect:!0})],h.prototype,"readonly",2),l([u({type:Boolean})],h.prototype,"hoist",2),l([u({type:Boolean})],h.prototype,"opacity",2),l([u()],h.prototype,"placement",2),l([u({type:Boolean})],h.prototype,"uppercase",2),l([u()],h.prototype,"swatches",2),l([u({attribute:"swatches-only",type:Boolean})],h.prototype,"swatchesOnly",2),l([u({reflect:!0})],h.prototype,"form",2),l([u({type:Boolean,reflect:!0})],h.prototype,"required",2),l([u({type:Boolean,reflect:!0})],h.prototype,"optional",2),l([K({passive:!1})],h.prototype,"handleTouchMove",1),l([A("format",{waitUntilFirstUpdate:!0})],h.prototype,"handleFormatChange",1),l([A("opacity",{waitUntilFirstUpdate:!0})],h.prototype,"handleOpacityChange",1),l([A("value")],h.prototype,"handleValueChange",1);export{h as a};

package/cdn/chunks/chunk.6MO46BCS.js

@@ -1,13 +0,0 @@
-import{a as r}from"./chunk.CYEIM4KM.js";import{g as s}from"./chunk.OGCRBJYC.js";import{a}from"./chunk.MXDME6T6.js";import{d as e}from"./chunk.PINNEFCM.js";var t=class extends s{render(){return e`
-      <div part="base" class="page">
-        <slot name="header" part="header" class="page__header"></slot>
-        <slot name="left-sidebar" part="left-sidebar" class="page__left-sidebar"></slot>
-        <slot name="left-inset-sidebar" part="left-inset-sidebar" class="page__left-inset-sidebar"></slot>
-        <div part="main" class="page__main">
-          <slot></slot>
-        </div>
-        <slot name="right-sidebar" part="right-sidebar" class="page__right-sidebar"></slot>
-        <slot name="right-inset-sidebar" part="right-inset-sidebar" class="page__right-inset-sidebar"></slot>
-        <slot name="footer" part="footer" class="page__footer"></slot>
-      </div>
-    `}};t.styles=[a,r];export{t as a};

package/cdn/chunks/chunk.6QAO6Q3Y.js

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

package/cdn/chunks/chunk.6VJZAQLS.js

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

package/cdn/chunks/chunk.6YC75U2M.js

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

package/cdn/chunks/chunk.74BMZXJY.js

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

@@ -1,13 +0,0 @@
-import{a as m}from"./chunk.FKMSTDMA.js";import{a as x}from"./chunk.CABDNMUD.js";import{a as L}from"./chunk.FC4RDJJF.js";import{a as b}from"./chunk.MEKW2OXH.js";import{a as T}from"./chunk.YZSIY5HS.js";import{a as y,d as h,g}from"./chunk.OGCRBJYC.js";import{a as k}from"./chunk.MXDME6T6.js";import{d as I}from"./chunk.PINNEFCM.js";import{e as c}from"./chunk.FI4IKBIW.js";function f(u,p=!1){function e(n){let l=n.getChildrenItems({includeDisabled:!1});if(l.length){let i=l.every(a=>a.selected),r=l.every(a=>!a.selected&&!a.indeterminate);n.selected=i,n.indeterminate=!i&&!r}}function t(n){let l=n.parentElement;m.isTreeItem(l)&&(e(l),t(l))}function s(n){for(let l of n.getChildrenItems())l.selected=p?n.selected||l.selected:!l.disabled&&n.selected,s(l)}s(u),p&&e(u),t(u)}var o=class extends g{constructor(){super();this.selection="single";this.clickTarget=null;this.localize=new b(this);this.initTreeItem=e=>{e.selectable=this.selection==="multiple",["expand","collapse"].filter(t=>!!this.querySelector(`[slot="${t}-icon"]`)).forEach(t=>{let s=e.querySelector(`[slot="${t}-icon"]`),n=this.getExpandButtonIcon(t);n&&(s===null?e.append(n):s.hasAttribute("data-default")&&s.replaceWith(n))})};this.handleTreeChanged=e=>{for(let t of e){let s=[...t.addedNodes].filter(m.isTreeItem),n=[...t.removedNodes].filter(m.isTreeItem);s.forEach(this.initTreeItem),this.lastFocusedItem&&n.includes(this.lastFocusedItem)&&(this.lastFocusedItem=null)}};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.getAllTreeItems()[0]),m.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),this.addEventListener("ev-lazy-change",this.handleSlotChange)}async connectedCallback(){super.connectedCallback(),this.setAttribute("role","tree"),this.setAttribute("tabindex","0"),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleTreeChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.mutationObserver)==null||e.disconnect()}getExpandButtonIcon(e){let s=(e==="expand"?this.expandedIconSlot:this.collapsedIconSlot).assignedElements({flatten:!0})[0];if(s){let n=s.cloneNode(!0);return[n,...n.querySelectorAll("[id]")].forEach(l=>l.removeAttribute("id")),n.setAttribute("data-default",""),n.slot=`${e}-icon`,n}return null}selectItem(e){let t=[...this.selectedItems];if(e.readonly)return;if(this.selection==="multiple")e.selected=!e.selected,e.lazy&&(e.expanded=!0),f(e);else if(this.selection==="single"||e.isLeaf){let n=this.getAllTreeItems();for(let l of n)l.selected=l===e}else this.selection==="leaf"&&(e.expanded=!e.expanded);let s=this.selectedItems;(t.length!==s.length||s.some(n=>!t.includes(n)))&&Promise.all(s.map(n=>n.updateComplete)).then(()=>{this.emit("ev-selection-change",{detail:{selection:s}})})}getAllTreeItems(){return[...this.querySelectorAll("lynk-tree-item")]}focusItem(e){e==null||e.focus()}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter"," "].includes(e.key)||e.composedPath().some(l=>{var i;return["input","textarea"].includes((i=l==null?void 0:l.tagName)==null?void 0:i.toLowerCase())}))return;let t=this.getFocusableItems(),s=this.localize.dir()==="ltr",n=this.localize.dir()==="rtl";if(t.length>0){e.preventDefault();let l=t.findIndex(d=>d.matches(":focus")),i=t[l],r=d=>{let E=t[L(d,0,t.length-1)];this.focusItem(E)},a=d=>{i.expanded=d};e.key==="ArrowDown"?r(l+1):e.key==="ArrowUp"?r(l-1):s&&e.key==="ArrowRight"||n&&e.key==="ArrowLeft"?!i||i.disabled||i.expanded||i.isLeaf&&!i.lazy?r(l+1):a(!0):s&&e.key==="ArrowLeft"||n&&e.key==="ArrowRight"?!i||i.disabled||i.isLeaf||!i.expanded?r(l-1):a(!1):e.key==="Home"?r(0):e.key==="End"?r(t.length-1):(e.key==="Enter"||e.key===" ")&&(i.disabled||this.selectItem(i))}}handleClick(e){let t=e.target,s=t.closest("lynk-tree-item"),n=e.composedPath().some(l=>{var i;return(i=l==null?void 0:l.classList)==null?void 0:i.contains("tree-item__expand-button")});!s||s.disabled||t!==this.clickTarget||(n?s.expanded=!s.expanded:this.selectItem(s))}handleMouseDown(e){this.clickTarget=e.target}handleSlotChange(){this.getAllTreeItems().forEach(this.initTreeItem),this.selection==="multiple"&&requestAnimationFrame(()=>{[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(t=>f(t,!0))})}async handleSelectionChange(){let e=this.selection==="multiple",t=this.getAllTreeItems();this.setAttribute("aria-multiselectable",e?"true":"false");for(let s of t)s.selectable=e;e&&(await this.updateComplete,await Promise.all(t.map(s=>s.updateComplete)),[...this.querySelectorAll(":scope > lynk-tree-item")].forEach(s=>f(s,!0)))}get selectedItems(){let e=this.getAllTreeItems(),t=s=>s.selected;return e.filter(t)}getFocusableItems(){let e=this.getAllTreeItems(),t=new Set;return e.filter(s=>{var l;if(s.disabled)return!1;let n=(l=s.parentElement)==null?void 0:l.closest("[role=treeitem]");return n&&(!n.expanded||n.loading||t.has(n))&&t.add(s),!t.has(s)})}render(){return I`
-      <div
-        part="base"
-        class="tree"
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      >
-        <slot @slotchange=${this.handleSlotChange}></slot>
-        <span hidden aria-hidden="true"><slot name="expand-icon"></slot></span>
-        <span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span>
-      </div>
-    `}};o.styles=[k,x],c([h("slot:not([name])")],o.prototype,"defaultSlot",2),c([h("slot[name=expand-icon]")],o.prototype,"expandedIconSlot",2),c([h("slot[name=collapse-icon]")],o.prototype,"collapsedIconSlot",2),c([y()],o.prototype,"selection",2),c([T("selection")],o.prototype,"handleSelectionChange",1);export{o as a};

package/cdn/chunks/chunk.77PHY6OJ.js

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

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

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

@@ -1 +0,0 @@
-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.OGCRBJYC.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.7LFUIARH.js

@@ -1,19 +0,0 @@
-import{a as m}from"./chunk.NMQVDZV5.js";import{a as h}from"./chunk.7UEEBQIT.js";import{b as f}from"./chunk.UBVFZZFQ.js";import{a as p}from"./chunk.YHSYTTFF.js";import{a as d}from"./chunk.YZSIY5HS.js";import{a as r}from"./chunk.7TAXE2HP.js";import{a as o,b as i,d as a,g as n}from"./chunk.OGCRBJYC.js";import{e as s}from"./chunk.FI4IKBIW.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"[default]","prefix","suffix","label");this.isFirstItem=!1;this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:l}=this;this.defaultSlot.assignedElements().filter(e=>e.tagName.toLowerCase()==="lynk-option").forEach(e=>{e.disabled=l})}handleDisabledChange(){this.handleDisableOptions()}connectedCallback(){super.connectedCallback(),this.updateFirstItemState()}updateFirstItemState(){if(this.parentElement){let l=[...this.parentElement.children].filter(e=>e.tagName.toLowerCase()!=="slot");this.isFirstItem=l[0]===this}}render(){let{disabled:l}=this,e=this.hasSlotController.test("label"),c=this.label?!0:!!e;return f`
-      <div
-        class=${r({optgroup:!0,"optgroup--has-label":c,"optgroup--has-prefix":this.hasSlotController.test("prefix"),"optgroup--has-suffix":this.hasSlotController.test("suffix"),"optgroup--is-disabled":this.disabled})}
-        role="${l?"presentation":"group"}"
-        part="base"
-      >
-        <lynk-divider class="optgroup__divider" part="divider" ?hidden=${this.isFirstItem}></lynk-divider>
-        <div class="optgroup__label-container" part="label-container">
-          <slot name="prefix" part="prefix" class="optgroup__prefix"></slot>
-          <slot name="label" part="label" class="optgroup__label">
-            <span class="optgroup__label-content"> ${this.label} </span>
-          </slot>
-          <slot name="suffix" part="suffix" class="optgroup__suffix"></slot>
-        </div>
-        <div class="optgroup__options" role="group" part="options">
-          <slot @slotchange=${this.handleDisableOptions}></slot>
-        </div>
-      </div>
-    `}};t.styles=m,t.dependencies={"lynk-divider":h},s([a("slot:not([name])")],t.prototype,"defaultSlot",2),s([i()],t.prototype,"isFirstItem",2),s([o({reflect:!0,type:Boolean})],t.prototype,"disabled",2),s([o()],t.prototype,"label",2),s([d("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

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

@@ -1,6 +0,0 @@
-import{a as s}from"./chunk.NZSCHSZJ.js";import{a as o}from"./chunk.MEKW2OXH.js";import{g as t}from"./chunk.OGCRBJYC.js";import{a as l}from"./chunk.MXDME6T6.js";import{d as e}from"./chunk.PINNEFCM.js";var r=class extends t{constructor(){super(...arguments);this.localize=new o(this)}render(){return e`
-      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
-        <circle class="spinner__track"></circle>
-        <circle class="spinner__indicator"></circle>
-      </svg>
-    `}};r.styles=[l,s];export{r as a};

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

@@ -1,24 +0,0 @@
-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.OGCRBJYC.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.7UEEBQIT.js

@@ -1 +0,0 @@
-import{a as s}from"./chunk.4AEY4HH6.js";import{a}from"./chunk.YZSIY5HS.js";import{a as r,g as o}from"./chunk.OGCRBJYC.js";import{a as l}from"./chunk.MXDME6T6.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends o{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,s],e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([a("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

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

@@ -1,75 +0,0 @@
-import{a as T}from"./chunk.PINBO3CI.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.OGCRBJYC.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};