@uplynk/lynk-design 1.13.0 → 1.14.0

package/cdn/chunks/chunk.Y2GKYU7H.js

@@ -0,0 +1,205 @@
+import{a as tt}from"./chunk.O6HER4TT.js";import{a as T}from"./chunk.6S67HV2F.js";import{a as w}from"./chunk.KBLK4Y4N.js";import{a as g}from"./chunk.FC4RDJJF.js";import{a as P}from"./chunk.2OFZFHHC.js";import{a as Q}from"./chunk.REVZGHI6.js";import{a as et}from"./chunk.RSMHBSN2.js";import{a as J}from"./chunk.LHJP5W36.js";import{a as Z}from"./chunk.DJZTHI37.js";import{a as Y}from"./chunk.UIKXFUC5.js";import{b as X}from"./chunk.V7E6ITFP.js";import{a as U}from"./chunk.Q3J7P2MZ.js";import{a as W}from"./chunk.J4VJZB4C.js";import{a as S}from"./chunk.CMZ5RKU4.js";import{a as A}from"./chunk.YZSIY5HS.js";import{a as V}from"./chunk.TZTBMC6G.js";import{a as f,b as x,c as L,d as k,g as z}from"./chunk.HW7MWP4B.js";import{a as j}from"./chunk.D3NKX2L2.js";import{d as y}from"./chunk.Z3G5EPTI.js";import{a as K,e as l}from"./chunk.FI4IKBIW.js";function p(i,e){dt(i)&&(i="100%");let t=pt(i);return i=e===360?i:Math.min(e,Math.max(0,parseFloat(i))),t&&(i=parseInt(String(i*e),10)/100),Math.abs(i-e)<1e-6?1:(e===360?i=(i<0?i%e+e:i%e)/parseFloat(String(e)):i=i%e/parseFloat(String(e)),i)}function H(i){return Math.min(1,Math.max(0,i))}function dt(i){return typeof i=="string"&&i.indexOf(".")!==-1&&parseFloat(i)===1}function pt(i){return typeof i=="string"&&i.indexOf("%")!==-1}function R(i){return i=parseFloat(i),(isNaN(i)||i<0||i>1)&&(i=1),i}function _(i){return Number(i)<=1?`${Number(i)*100}%`:i}function $(i){return i.length===1?"0"+i:String(i)}function it(i,e,t){return{r:p(i,255)*255,g:p(e,255)*255,b:p(t,255)*255}}function I(i,e,t){i=p(i,255),e=p(e,255),t=p(t,255);let s=Math.max(i,e,t),r=Math.min(i,e,t),a=0,n=0,o=(s+r)/2;if(s===r)n=0,a=0;else{let u=s-r;switch(n=o>.5?u/(2-s-r):u/(s+r),s){case i:a=(e-t)/u+(e<t?6:0);break;case e:a=(t-i)/u+2;break;case t:a=(i-e)/u+4;break;default:break}a/=6}return{h:a,s:n,l:o}}function F(i,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?i+(e-i)*(6*t):t<1/2?e:t<2/3?i+(e-i)*(2/3-t)*6:i}function st(i,e,t){let s,r,a;if(i=p(i,360),e=p(e,100),t=p(t,100),e===0)r=t,a=t,s=t;else{let n=t<.5?t*(1+e):t+e-t*e,o=2*t-n;s=F(o,n,i+1/3),r=F(o,n,i),a=F(o,n,i-1/3)}return{r:s*255,g:r*255,b:a*255}}function B(i,e,t){i=p(i,255),e=p(e,255),t=p(t,255);let s=Math.max(i,e,t),r=Math.min(i,e,t),a=0,n=s,o=s-r,u=s===0?0:o/s;if(s===r)a=0;else{switch(s){case i:a=(e-t)/o+(e<t?6:0);break;case e:a=(t-i)/o+2;break;case t:a=(i-e)/o+4;break;default:break}a/=6}return{h:a,s:u,v:n}}function rt(i,e,t){i=p(i,360)*6,e=p(e,100),t=p(t,100);let s=Math.floor(i),r=i-s,a=t*(1-e),n=t*(1-r*e),o=t*(1-(1-r)*e),u=s%6,v=[t,n,a,a,o,t][u],d=[o,t,t,n,a,a][u],ut=[a,a,o,t,t,n][u];return{r:v*255,g:d*255,b:ut*255}}function N(i,e,t,s){let r=[$(Math.round(i).toString(16)),$(Math.round(e).toString(16)),$(Math.round(t).toString(16))];return s&&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 at(i,e,t,s,r){let a=[$(Math.round(i).toString(16)),$(Math.round(e).toString(16)),$(Math.round(t).toString(16)),$(ft(s))];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 nt(i,e,t,s){let r=i/100,a=e/100,n=t/100,o=s/100,u=255*(1-r)*(1-o),v=255*(1-a)*(1-o),d=255*(1-n)*(1-o);return{r:u,g:v,b:d}}function G(i,e,t){let s=1-i/255,r=1-e/255,a=1-t/255,n=Math.min(s,r,a);return n===1?(s=0,r=0,a=0):(s=(s-n)/(1-n)*100,r=(r-n)/(1-n)*100,a=(a-n)/(1-n)*100),n*=100,{c:Math.round(s),m:Math.round(r),y:Math.round(a),k:Math.round(n)}}function ft(i){return Math.round(parseFloat(i)*255).toString(16)}function q(i){return c(i)/255}function c(i){return parseInt(i,16)}function ot(i){return{r:i>>16,g:(i&65280)>>8,b:i&255}}var E={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 ht(i){let e={r:0,g:0,b:0},t=1,s=null,r=null,a=null,n=!1,o=!1;return typeof i=="string"&&(i=bt(i)),typeof i=="object"&&(b(i.r)&&b(i.g)&&b(i.b)?(e=it(i.r,i.g,i.b),n=!0,o=String(i.r).substr(-1)==="%"?"prgb":"rgb"):b(i.h)&&b(i.s)&&b(i.v)?(s=_(i.s),r=_(i.v),e=rt(i.h,s,r),n=!0,o="hsv"):b(i.h)&&b(i.s)&&b(i.l)?(s=_(i.s),a=_(i.l),e=st(i.h,s,a),n=!0,o="hsl"):b(i.c)&&b(i.m)&&b(i.y)&&b(i.k)&&(e=nt(i.c,i.m,i.y,i.k),n=!0,o="cmyk"),Object.prototype.hasOwnProperty.call(i,"a")&&(t=i.a)),t=R(t),{ok:n,format:i.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 ct="[-\\+]?\\d+%?",gt="[-\\+]?\\d*\\.\\d+%?",M="(?:"+gt+")|(?:"+ct+")",O="[\\s|\\(]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")\\s*\\)?",D="[\\s|\\(]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")[,|\\s]+("+M+")\\s*\\)?",m={CSS_UNIT:new RegExp(M),rgb:new RegExp("rgb"+O),rgba:new RegExp("rgba"+D),hsl:new RegExp("hsl"+O),hsla:new RegExp("hsla"+D),hsv:new RegExp("hsv"+O),hsva:new RegExp("hsva"+D),cmyk:new RegExp("cmyk"+D),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 bt(i){if(i=i.trim().toLowerCase(),i.length===0)return!1;let e=!1;if(E[i])i=E[i],e=!0;else if(i==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};let t=m.rgb.exec(i);return t?{r:t[1],g:t[2],b:t[3]}:(t=m.rgba.exec(i),t?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=m.hsl.exec(i),t?{h:t[1],s:t[2],l:t[3]}:(t=m.hsla.exec(i),t?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=m.hsv.exec(i),t?{h:t[1],s:t[2],v:t[3]}:(t=m.hsva.exec(i),t?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=m.cmyk.exec(i),t?{c:t[1],m:t[2],y:t[3],k:t[4]}:(t=m.hex8.exec(i),t?{r:c(t[1]),g:c(t[2]),b:c(t[3]),a:q(t[4]),format:e?"name":"hex8"}:(t=m.hex6.exec(i),t?{r:c(t[1]),g:c(t[2]),b:c(t[3]),format:e?"name":"hex"}:(t=m.hex4.exec(i),t?{r:c(t[1]+t[1]),g:c(t[2]+t[2]),b:c(t[3]+t[3]),a:q(t[4]+t[4]),format:e?"name":"hex8"}:(t=m.hex3.exec(i),t?{r:c(t[1]+t[1]),g:c(t[2]+t[2]),b:c(t[3]+t[3]),format:e?"name":"hex"}:!1))))))))))}function b(i){return typeof i=="number"?!Number.isNaN(i):m.CSS_UNIT.test(i)}var C=class i{constructor(e="",t={}){var r;if(e instanceof i)return e;typeof e=="number"&&(e=ot(e)),this.originalInput=e;let s=ht(e);this.originalInput=e,this.r=s.r,this.g=s.g,this.b=s.b,this.a=s.a,this.roundA=Math.round(100*this.a)/100,this.format=(r=t.format)!=null?r:s.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=s.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,s,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?s=n/12.92:s=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*s+.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),s=Math.round(e.s*100),r=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${s}%, ${r}%)`:`hsva(${t}, ${s}%, ${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),s=Math.round(e.s*100),r=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${s}%, ${r}%)`:`hsla(${t}, ${s}%, ${r}%, ${this.roundA})`}toHex(e=!1){return N(this.r,this.g,this.b,e)}toHexString(e=!1){return"#"+this.toHex(e)}toHex8(e=!1){return at(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),s=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${s})`:`rgba(${e}, ${t}, ${s}, ${this.roundA})`}toPercentageRgb(){let e=t=>`${Math.round(p(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(p(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 K({},G(this.r,this.g,this.b))}toCmykString(){let{c:e,m:t,y:s,k:r}=G(this.r,this.g,this.b);return`cmyk(${e}, ${t}, ${s}, ${r})`}toName(){if(this.a===0)return"transparent";if(this.a<1)return!1;let e="#"+N(this.r,this.g,this.b,!1);for(let[t,s]of Object.entries(E))if(e===s)return t;return!1}toString(e){let t=!!e;e=e!=null?e:this.format;let s=!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"&&(s=this.toRgbString()),e==="prgb"&&(s=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(s=this.toHexString()),e==="hex3"&&(s=this.toHexString(!0)),e==="hex4"&&(s=this.toHex8String(!0)),e==="hex8"&&(s=this.toHex8String()),e==="name"&&(s=this.toName()),e==="hsl"&&(s=this.toHslString()),e==="hsv"&&(s=this.toHsvString()),e==="cmyk"&&(s=this.toCmykString()),s||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new i(this.toString())}lighten(e=10){let t=this.toHsl();return t.l+=e/100,t.l=H(t.l),new i(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 i(t)}darken(e=10){let t=this.toHsl();return t.l-=e/100,t.l=H(t.l),new i(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 i(t)}saturate(e=10){let t=this.toHsl();return t.s+=e/100,t.s=H(t.s),new i(t)}greyscale(){return this.desaturate(100)}spin(e){let t=this.toHsl(),s=(t.h+e)%360;return t.h=s<0?360+s:s,new i(t)}mix(e,t=50){let s=this.toRgb(),r=new i(e).toRgb(),a=t/100,n={r:(r.r-s.r)*a+s.r,g:(r.g-s.g)*a+s.g,b:(r.b-s.b)*a+s.b,a:(r.a-s.a)*a+s.a};return new i(n)}analogous(e=6,t=30){let s=this.toHsl(),r=360/t,a=[this];for(s.h=(s.h-(r*e>>1)+720)%360;--e;)s.h=(s.h+r)%360,a.push(new i(s));return a}complement(){let e=this.toHsl();return e.h=(e.h+180)%360,new i(e)}monochromatic(e=6){let t=this.toHsv(),{h:s}=t,{s:r}=t,{v:a}=t,n=[],o=1/e;for(;e--;)n.push(new i({h:s,s:r,v:a})),a=(a+o)%1;return n}splitcomplement(){let e=this.toHsl(),{h:t}=e;return[this,new i({h:(t+72)%360,s:e.s,l:e.l}),new i({h:(t+216)%360,s:e.s,l:e.l})]}onBackground(e){let t=this.toRgb(),s=new i(e).toRgb(),r=t.a+s.a*(1-t.a);return new i({r:(t.r*t.a+s.r*s.a*(1-t.a))/r,g:(t.g*t.a+s.g*s.a*(1-t.a))/r,b:(t.b*t.a+s.b*s.a*(1-t.a))/r,a:r})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(e){let t=this.toHsl(),{h:s}=t,r=[this],a=360/e;for(let n=1;n<e;n++)r.push(new i({h:(s+n*a)%360,s:t.s,l:t.l}));return r}equals(e){let t=new i(e);return this.format==="cmyk"||t.format==="cmyk"?this.toCmykString()===t.toCmykString():this.toRgbString()===t.toRgbString()}};var lt="EyeDropper"in window,h=class extends z{constructor(){super();this.formControlController=new X(this);this.isSafeValue=!1;this.localize=new U(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.format="hex";this.inline=!1;this.size="medium";this.noFormatToggle=!1;this.name="";this.disabled=!1;this.hoist=!1;this.opacity=!1;this.uppercase=!1;this.swatches="";this.swatchesOnly=!1;this.form="";this.required=!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"],s=(t.indexOf(this.format)+1)%t.length;this.format=t[s],this.setColor(this.value),this.emit("ev-change"),this.emit("ev-input")}handleAlphaDrag(t){let s=this.shadowRoot.querySelector(".color-picker__slider.color-picker__alpha"),r=s.querySelector(".color-picker__slider-handle"),{width:a}=s.getBoundingClientRect(),n=this.value,o=this.value;r.focus(),t.preventDefault(),T(s,{onMove:u=>{this.alpha=g(u/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 s=this.shadowRoot.querySelector(".color-picker__slider.color-picker__hue"),r=s.querySelector(".color-picker__slider-handle"),{width:a}=s.getBoundingClientRect(),n=this.value,o=this.value;r.focus(),t.preventDefault(),T(s,{onMove:u=>{this.hue=g(u/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 s=this.shadowRoot.querySelector(".color-picker__grid"),r=s.querySelector(".color-picker__grid-handle"),{width:a,height:n}=s.getBoundingClientRect(),o=this.value,u=this.value;r.focus(),t.preventDefault(),this.isDraggingGridHandle=!0,T(s,{onMove:(v,d)=>{this.saturation=g(v/a*100,0,100),this.brightness=g(100-d/n*100,0,100),this.syncValues(),this.value!==u&&(u=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 s=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.alpha=g(this.alpha-s,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.alpha=g(this.alpha+s,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 s=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.hue=g(this.hue-s,0,360),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.hue=g(this.hue+s,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 s=t.shiftKey?10:1,r=this.value;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=g(this.saturation-s,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=g(this.saturation+s,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=g(this.brightness+s,0,100),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=g(this.brightness-s,0,100),this.syncValues()),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}handleInputChange(t){let s=t.target,r=this.value;t.stopPropagation(),this.input.value?(this.setColor(s.value),s.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 s=this.value;this.input.value?(this.setColor(this.input.value),this.input.value=this.value,this.value!==s&&(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 s=new C(t);if(!s.isValid)return null;let r=s.toHsl(),a={h:r.h,s:r.s*100,l:r.l*100,a:r.a},n=s.toRgb(),o=s.toHexString(),u=s.toHex8String(),v=s.toHsv(),d={h:v.h,s:v.s*100,v:v.v*100,a:v.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:d.h,s:d.s,v:d.v,string:this.setLetterCase(`hsv(${Math.round(d.h)}, ${Math.round(d.s)}%, ${Math.round(d.v)}%)`)},hsva:{h:d.h,s:d.s,v:d.v,a:d.a,string:this.setLetterCase(`hsva(${Math.round(d.h)}, ${Math.round(d.s)}%, ${Math.round(d.v)}%, ${d.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(u)}}setColor(t){let s=this.parseColor(t);return s===null?!1:(this.hue=s.hsva.h,this.saturation=s.hsva.s,this.brightness=s.hsva.v,this.alpha=this.opacity?s.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(!lt)return;new EyeDropper().open().then(s=>{let r=this.value;this.setColor(s.sRGBHex),this.value!==r&&(this.emit("ev-change"),this.emit("ev-input"))}).catch(()=>{})}selectSwatch(t){let s=this.value;this.disabled||(this.setColor(t),this.value!==s&&(this.emit("ev-change"),this.emit("ev-input")))}getHexString(t,s,r,a=100){let n=new C(`hsva(${t}, ${s}%, ${r}%, ${a/100})`);return n.isValid?n.toHex8String():""}stopNestedEventPropagation(t){t.stopImmediatePropagation()}handleFormatChange(){this.syncValues()}handleOpacityChange(){this.alpha=100}handleValueChange(t,s){if(this.isEmpty=!s,s||(this.hue=0,this.saturation=0,this.brightness=100,this.alpha=100),!this.isSafeValue){let r=this.parseColor(s);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 s;let t=this.inline?this.base:this.trigger;this.hasFocus&&(t.focus({preventScroll:!0}),t.blur()),(s=this.dropdown)!=null&&s.open&&this.dropdown.hide()}getFormattedValue(t="hex"){let s=this.parseColor(`hsva(${this.hue}, ${this.saturation}%, ${this.brightness}%, ${this.alpha/100})`);if(s===null)return"";switch(t){case"hex":return s.hex;case"hexa":return s.hexa;case"rgb":return s.rgb.string;case"rgba":return s.rgba.string;case"hsl":return s.hsl.string;case"hsla":return s.hsla.string;case"hsv":return s.hsv.string;case"hsva":return s.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,s=100-this.brightness,r=Array.isArray(this.swatches)?this.swatches:this.swatches.split(";").filter(n=>n.trim()!==""),a=y`
+      <div
+        part="base"
+        class=${V({"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-labelledby="label"
+        tabindex=${this.inline?"0":"-1"}
+      >
+        ${this.inline?y`
+              <lynk-visually-hidden id="label">
+                <slot name="label">${this.label}</slot>
+              </lynk-visually-hidden>
+            `:null}
+        ${!this.swatchesOnly||r.length===0?y`
+              <div
+                part="grid"
+                class="color-picker__grid"
+                style=${w({backgroundColor:this.getHexString(this.hue,100,100)})}
+                @pointerdown=${this.handleGridDrag}
+                @touchmove=${this.handleTouchMove}
+              >
+                <span
+                  part="grid-handle"
+                  class=${V({"color-picker__grid-handle":!0,"color-picker__grid-handle--dragging":this.isDraggingGridHandle})}
+                  style=${w({top:`${s}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.brightness,this.alpha)})}
+                  role="application"
+                  aria-label="HSV"
+                  tabindex=${S(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=${w({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=${S(this.disabled?void 0:"0")}
+                      @keydown=${this.handleHueKeyDown}
+                    ></span>
+                  </div>
+
+                  ${this.opacity?y`
+                        <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=${w({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=${w({left:`${this.alpha}%`})}
+                            role="slider"
+                            aria-label="alpha"
+                            aria-orientation="horizontal"
+                            aria-valuemin="0"
+                            aria-valuemax="100"
+                            aria-valuenow=${Math.round(this.alpha)}
+                            tabindex=${S(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=${w({"--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"
+                  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?"":y`
+                        <lynk-button
+                          part="format-button"
+                          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>
+                      `}
+                  ${lt?y`
+                        <lynk-button
+                          part="eye-dropper-button"
+                          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?y`
+              <div part="swatches" class="color-picker__swatches">
+                ${r.map(n=>{let o=this.parseColor(n);return o?y`
+                    <div
+                      part="swatch"
+                      class="color-picker__swatch color-picker__transparent-bg"
+                      tabindex=${S(this.disabled?void 0:"0")}
+                      role="button"
+                      aria-label=${n}
+                      @click=${()=>this.selectSwatch(n)}
+                      @keydown=${u=>!this.disabled&&u.key==="Enter"&&this.setColor(o.hexa)}
+                    >
+                      <div
+                        class="color-picker__swatch-color"
+                        style=${w({backgroundColor:o.hexa})}
+                      ></div>
+                    </div>
+                  `:(console.error(`Unable to parse swatch color: "${n}"`,this),"")})}
+              </div>
+            `:""}
+      </div>
+    `;return this.inline?a:y`
+      <lynk-dropdown
+        class="color-dropdown"
+        aria-disabled=${this.disabled?"true":"false"}
+        .containingElement=${this}
+        ?disabled=${this.disabled}
+        ?hoist=${this.hoist}
+        @lynk-after-hide=${this.handleAfterHide}
+      >
+        <button
+          part="trigger"
+          slot="trigger"
+          class=${V({"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=${w({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>
+    `}};h.styles=[j,et],h.dependencies={"lynk-button-group":Z,"lynk-button":Y,"lynk-dropdown":Q,"lynk-icon":W,"lynk-input":P,"lynk-visually-hidden":tt},l([k('[part~="base"]')],h.prototype,"base",2),l([k('[part~="input"]')],h.prototype,"input",2),l([k(".color-dropdown")],h.prototype,"dropdown",2),l([k('[part~="preview"]')],h.prototype,"previewButton",2),l([k('[part~="trigger"]')],h.prototype,"trigger",2),l([x()],h.prototype,"hasFocus",2),l([x()],h.prototype,"isDraggingGridHandle",2),l([x()],h.prototype,"isEmpty",2),l([x()],h.prototype,"inputValue",2),l([x()],h.prototype,"hue",2),l([x()],h.prototype,"saturation",2),l([x()],h.prototype,"brightness",2),l([x()],h.prototype,"alpha",2),l([f()],h.prototype,"value",2),l([J()],h.prototype,"defaultValue",2),l([f()],h.prototype,"label",2),l([f()],h.prototype,"format",2),l([f({type:Boolean,reflect:!0})],h.prototype,"inline",2),l([f({reflect:!0})],h.prototype,"size",2),l([f({attribute:"no-format-toggle",type:Boolean})],h.prototype,"noFormatToggle",2),l([f()],h.prototype,"name",2),l([f({type:Boolean,reflect:!0})],h.prototype,"disabled",2),l([f({type:Boolean})],h.prototype,"hoist",2),l([f({type:Boolean})],h.prototype,"opacity",2),l([f({type:Boolean})],h.prototype,"uppercase",2),l([f()],h.prototype,"swatches",2),l([f({attribute:"swatches-only",type:Boolean})],h.prototype,"swatchesOnly",2),l([f({reflect:!0})],h.prototype,"form",2),l([f({type:Boolean,reflect:!0})],h.prototype,"required",2),l([L({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.Y6CU3EBH.js

@@ -0,0 +1,48 @@
+import{a as E}from"./chunk.DVJT3I5F.js";import{a as k}from"./chunk.I2G2IAR5.js";import{a as u,b as f}from"./chunk.HUMDDNNQ.js";import{a as C}from"./chunk.73BQ5ETG.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as s,c as d}from"./chunk.VDJQBFEB.js";import{a as l,c as r}from"./chunk.DCN42ZX4.js";import{a as w}from"./chunk.Q3J7P2MZ.js";import{a as p}from"./chunk.CMZ5RKU4.js";import{a as g}from"./chunk.YHSYTTFF.js";import{a as _}from"./chunk.YZSIY5HS.js";import{a as y}from"./chunk.TZTBMC6G.js";import{a as n,d as h,g as v}from"./chunk.HW7MWP4B.js";import{a as b}from"./chunk.D3NKX2L2.js";import{d as c}from"./chunk.Z3G5EPTI.js";import{e as a}from"./chunk.FI4IKBIW.js";var t=class extends v{constructor(){super(...arguments);this.hasSlotController=new g(this,"footer");this.localize=new w(this);this.open=!1;this.label="";this.noHeader=!1;this.size="auto"}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new k(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),u(this))}disconnectedCallback(){super.disconnectedCallback(),this.modal.deactivate(),f(this)}requestClose(e){if(this.emit("ev-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=r(this,"dialog.denyClose",{dir:this.localize.dir()});s(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){e.key==="Escape"&&this.modal.isActive()&&this.open&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("ev-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),u(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("ev-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let o=r(this,"dialog.show",{dir:this.localize.dir()}),i=r(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([s(this.panel,o.keyframes,o.options),s(this.overlay,i.keyframes,i.options)]),this.emit("ev-after-show")}else{this.emit("ev-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=r(this,"dialog.hide",{dir:this.localize.dir()}),o=r(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([s(this.overlay,o.keyframes,o.options).then(()=>{this.overlay.hidden=!0}),s(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,f(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&setTimeout(()=>i.focus()),this.emit("ev-after-hide")}}async show(){if(!this.open)return this.open=!0,m(this,"ev-after-show")}async hide(){var o;if(!this.open)return;let{activeElement:e}=document;return e&&this.contains(e)&&((o=document.activeElement)==null||o.blur()),this.open=!1,m(this,"ev-after-hide")}render(){return c`
+      <div
+        part="base"
+        class=${y({dialog:!0,"dialog--open":this.open,"dialog--fitted":this.size==="fitted","dialog--full":this.size==="full","dialog--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <div part="overlay" class="dialog__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="dialog__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${p(this.noHeader?this.label:void 0)}
+          aria-labelledby=${p(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":c`
+                <header part="header" class="dialog__header">
+                  <h2 part="title" class="dialog__title" id="title">
+                    <slot name="label">
+                      ${this.label&&this.label.length>0?this.label:"\uFEFF"}
+                    </slot>
+                  </h2>
+                  <div part="header-actions" class="dialog__header-actions">
+                    <slot name="header-actions"></slot>
+                    <lynk-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="dialog__close"
+                      name="x-lg"
+                      label=${this.localize.term("close")}
+                      library="system"
+                      @click="${()=>this.requestClose("close-button")}"
+                    ></lynk-icon-button>
+                  </div>
+                </header>
+              `}
+          ${""}
+
+          <div part="body" class="dialog__body" tabindex="-1"><slot></slot></div>
+
+          <footer part="footer" class="dialog__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};t.styles=[b,E],t.dependencies={"lynk-icon-button":C},a([h(".dialog")],t.prototype,"dialog",2),a([h(".dialog__panel")],t.prototype,"panel",2),a([h(".dialog__overlay")],t.prototype,"overlay",2),a([n({type:Boolean,reflect:!0})],t.prototype,"open",2),a([n({reflect:!0})],t.prototype,"label",2),a([n({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),a([n({reflect:!0})],t.prototype,"size",2),a([_("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1);l("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});l("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});l("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});l("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});l("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn/chunks/chunk.YAKOJHET.js

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

package/cdn/chunks/chunk.YATIR4IY.js

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

package/cdn/chunks/chunk.YEFIUKRL.js

@@ -0,0 +1,141 @@
+import{a as o}from"./chunk.Z3G5EPTI.js";var t=o`
+  :host {
+    display: inline-block;
+    --max-width: fit-content(20em);
+    --padding: var(--lynk-spacing-x-small);
+  }
+
+  .icon-button {
+    flex: 0 0 auto;
+    display: flex;
+    max-width: var(--max-width);
+    align-items: center;
+    background: none;
+    border: none;
+    border-radius: var(--lynk-border-radius-medium);
+    font-size: inherit;
+    color: var(--lynk-color-neutral-600);
+    padding: var(--padding);
+    cursor: pointer;
+    transition: var(--lynk-transition-medium) color;
+    -webkit-appearance: none;
+  }
+
+  .icon-button:hover:not(.icon-button--disabled),
+  .icon-button:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-primary-600);
+  }
+
+  .icon-button:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-primary-700);
+  }
+
+  .icon-button:focus {
+    outline: none;
+  }
+
+  .icon-button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .icon-button:focus-visible {
+    outline: var(--lynk-focus-ring);
+    outline-offset: var(--lynk-focus-ring-offset);
+  }
+
+  .icon-button__icon {
+    pointer-events: none;
+  }
+
+  /* Primary */
+  .icon-button.icon-button--primary {
+    color: var(--lynk-color-primary-600);
+  }
+
+  .icon-button.icon-button--primary:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--primary:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-primary-500);
+  }
+
+  .icon-button.icon-button--primary:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-primary-700);
+  }
+
+  /* Success */
+  .icon-button.icon-button--success {
+    color: var(--lynk-color-success-600);
+  }
+
+  .icon-button.icon-button--success:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--success:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-success-500);
+  }
+
+  .icon-button.icon-button--success:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-success-700);
+  }
+
+  /* Neutral */
+  .icon-button.icon-button--neutral {
+    color: var(--lynk-color-neutral-600);
+  }
+
+  .icon-button.icon-button--neutral:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--neutral:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-neutral-500);
+  }
+
+  .icon-button.icon-button--neutral:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-neutral-700);
+  }
+
+  /* Warning */
+  .icon-button.icon-button--warning {
+    color: var(--lynk-color-warning-600);
+  }
+
+  .icon-button.icon-button--warning:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--warning:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-warning-500);
+  }
+
+  .icon-button.icon-button--warning:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-warning-700);
+  }
+
+  /* Danger */
+  .icon-button.icon-button--danger {
+    color: var(--lynk-color-danger-600);
+  }
+
+  .icon-button.icon-button--danger:hover:not(.icon-button--disabled),
+  .icon-button.icon-button--danger:focus:not(.icon-button--disabled) {
+    color: var(--lynk-color-danger-500);
+  }
+
+  .icon-button.icon-button--danger:active:not(.icon-button--disabled) {
+    color: var(--lynk-color-danger-700);
+  }
+
+  .icon-button--has-prefix .icon-button__prefix {
+    display: inline;
+  }
+
+  .icon-button--has-suffix .icon-button__suffix {
+    display: inline;
+  }
+
+  .icon-button__prefix,
+  .icon-button__suffix {
+    padding: var(--padding);
+    min-width: 0;
+    flex: 1;
+    display: none;
+    align-items: center;
+    pointer-events: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;export{t as a};

package/cdn/chunks/chunk.YEPZOJVR.js

@@ -0,0 +1,70 @@
+import{a as _}from"./chunk.GYXDBNJP.js";import{a as E}from"./chunk.FCRNP3VH.js";import{a as S}from"./chunk.53QYKSEW.js";import{a as w}from"./chunk.4LDHIQNZ.js";import{a as c,c as p,d as m}from"./chunk.VDJQBFEB.js";import{a as f,c as u}from"./chunk.DCN42ZX4.js";import{a as C}from"./chunk.Q3J7P2MZ.js";import{a as k}from"./chunk.J4VJZB4C.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as h}from"./chunk.TZTBMC6G.js";import{a as l,b as r,d as s,g}from"./chunk.HW7MWP4B.js";import{a as v}from"./chunk.D3NKX2L2.js";import{d as o}from"./chunk.Z3G5EPTI.js";import{e as i}from"./chunk.FI4IKBIW.js";function b(d,y,t){return d?y(d):t==null?void 0:t(d)}var e=class e extends g{constructor(){super(...arguments);this.localize=new C(this);this.indeterminate=!1;this.isLeaf=!1;this.loading=!1;this.selectable=!1;this.expanded=!1;this.selected=!1;this.disabled=!1;this.readonly=!1;this.lazy=!1}static isTreeItem(t){return t instanceof Element&&t.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&this.getChildrenItems().length===0,this.handleExpandedChange()}async animateCollapse(){this.emit("ev-collapse"),await p(this.childrenContainer);let{keyframes:t,options:a}=u(this,"tree-item.collapse",{dir:this.localize.dir()});await c(this.childrenContainer,m(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("ev-after-collapse")}isNestedItem(){let t=this.parentElement;return!!t&&e.isTreeItem(t)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&this.getChildrenItems().length===0}willUpdate(t){t.has("selected")&&!t.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("ev-expand"),await p(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:t,options:a}=u(this,"tree-item.expand",{dir:this.localize.dir()});await c(this.childrenContainer,m(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("ev-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("ev-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("ev-lazy-change")}handleSuffixClick(t){t.stopPropagation()}getChildrenItems({includeDisabled:t=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>e.isTreeItem(a)&&(t||!a.disabled)):[]}render(){let t=this.localize.dir()==="rtl",a=!this.loading&&(!this.isLeaf||this.lazy);return o`
+      <div
+        part="base"
+        class="${h({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--readonly":this.readonly,"tree-item--leaf":this.isLeaf,"tree-item--has-expand-button":a,"tree-item--rtl":this.localize.dir()==="rtl"})}"
+      >
+        <div
+          class="tree-item__item"
+          part="
+            item
+            ${this.disabled?"item--disabled":""}
+            ${this.readonly?"item--readonly":""}
+            ${this.expanded?"item--expanded":""}
+            ${this.indeterminate?"item--indeterminate":""}
+            ${this.selected?"item--selected":""}
+          "
+        >
+          <div class="tree-item__indentation" part="indentation"></div>
+
+          <div
+            part="expand-button"
+            class=${h({"tree-item__expand-button":!0,"tree-item__expand-button--visible":a})}
+            aria-hidden="true"
+          >
+            ${b(this.loading,()=>o` <lynk-spinner part="spinner" exportparts="base:spinner__base"></lynk-spinner> `)}
+            <slot class="tree-item__expand-icon-slot" name="expand-icon">
+              <lynk-icon library="system" name=${t?"chevron-left":"chevron-right"}></lynk-icon>
+            </slot>
+            <slot class="tree-item__expand-icon-slot" name="collapse-icon">
+              <lynk-icon library="system" name=${t?"chevron-left":"chevron-right"}></lynk-icon>
+            </slot>
+          </div>
+
+          ${b(this.selectable,()=>o`
+              <lynk-checkbox
+                part="checkbox"
+                exportparts="
+                    base:checkbox__base,
+                    control:checkbox__control,
+                    control--checked:checkbox__control--checked,
+                    control--indeterminate:checkbox__control--indeterminate,
+                    checked-icon:checkbox__checked-icon,
+                    indeterminate-icon:checkbox__indeterminate-icon,
+                    label:checkbox__label
+                  "
+                class="tree-item__checkbox"
+                ?disabled="${this.disabled||this.readonly}"
+                ?checked="${S(this.selected)}"
+                ?indeterminate="${this.indeterminate}"
+                tabindex="-1"
+              ></lynk-checkbox>
+            `)}
+
+          <slot class="tree-item__label" part="label"></slot>
+          <slot class="tree-item__suffix" part="suffix" name="suffix" @click="${this.handleSuffixClick}"></slot>
+        </div>
+
+        <div class="tree-item__children" part="children" role="group">
+          <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
+        </div>
+      </div>
+    `}};e.styles=[v,_],e.dependencies={"lynk-checkbox":E,"lynk-icon":k,"lynk-spinner":w},i([r()],e.prototype,"indeterminate",2),i([r()],e.prototype,"isLeaf",2),i([r()],e.prototype,"loading",2),i([r()],e.prototype,"selectable",2),i([l({type:Boolean,reflect:!0})],e.prototype,"expanded",2),i([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],e.prototype,"lazy",2),i([s("slot:not([name])")],e.prototype,"defaultSlot",2),i([s("slot[name=children]")],e.prototype,"childrenSlot",2),i([s(".tree-item__item")],e.prototype,"itemElement",2),i([s(".tree-item__children")],e.prototype,"childrenContainer",2),i([s(".tree-item__expand-button slot")],e.prototype,"expandButtonSlot",2),i([n("loading",{waitUntilFirstUpdate:!0})],e.prototype,"handleLoadingChange",1),i([n("disabled")],e.prototype,"handleDisabledChange",1),i([n("selected")],e.prototype,"handleSelectedChange",1),i([n("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandedChange",1),i([n("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandAnimation",1),i([n("lazy",{waitUntilFirstUpdate:!0})],e.prototype,"handleLazyChange",1);var x=e;f("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});f("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{x as a};
+/*! Bundled license information:
+
+lit-html/directives/when.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.YHPKQZ6D.js

@@ -0,0 +1,16 @@
+import{a}from"./chunk.Z3G5EPTI.js";var p=a`
+  :host {
+    --padding: 0;
+
+    display: none;
+  }
+
+  :host([active]) {
+    display: block;
+  }
+
+  .tab-panel {
+    display: block;
+    padding: var(--padding);
+  }
+`;export{p as a};

package/cdn/chunks/chunk.YIDWXCIJ.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.AKZELAUI.js";import{a as r,g as i}from"./chunk.HW7MWP4B.js";import{a as o}from"./chunk.D3NKX2L2.js";import{d as s}from"./chunk.Z3G5EPTI.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends i{show(){this.hidden=!1,this.emit("ev-show")}hide(){this.hidden=!0,this.emit("ev-hide")}render(){return s` <slot part="base"></slot> `}};t.styles=[o,m],e([r({attribute:"min-size",reflect:!0})],t.prototype,"minSize",2),e([r({attribute:"max-size",reflect:!0})],t.prototype,"maxSize",2),e([r({reflect:!0})],t.prototype,"size",2);export{t as a};

package/cdn/chunks/chunk.YISERXW2.js

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