14 lines
28 KiB
JavaScript
14 lines
28 KiB
JavaScript
import{r as _,R as f,j as N}from"./index-bIIEL2MP.js";import{useMDXComponents as ke}from"./index-CO-0pc0F.js";import{U as Be,M as Le}from"./index-Z-6k0Xrj.js";import{p as ze}from"./docsPage-CT2vyZOj.js";import{c as Ke,g as Xe,v as Ue,w as We,x as Ye,y as Ge,s as Je,a as Qe,A as Ze,r as Ve,o as Ce,n as Te,B as et,p as tt,q as rt,t as nt,k as at,l as st,d as it,b as ot,h as ct,j as ut,z as lt,C as ft,i as mt}from"./isEqualsSameValueZero-lFn2qCcO.js";import{t as dt,g as pt,a as gt,i as ht}from"./get-C3XmtPLd.js";import{C as bt}from"./Table-F-lkejrq.js";import{f as yt,l as Y,d as Se}from"./flatten-CQmJgKju.js";import{S as G,p as de}from"./nord-DxLM28z-.js";import{s as vt}from"./scss-DJ1h0WN5.js";import{s as _t}from"./svelte-highlighting-C2PQVc49.js";import"./_commonjsHelpers-D6-XlEtG.js";import"./iframe-CzjIX-qr.js";import"./index-aQYXhgXp.js";import"./index-DrFu-skq.js";function wt(e){return typeof e=="symbol"||e instanceof Symbol}function xt(e){return e==null||typeof e!="object"&&typeof e!="function"}function Et(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function F(e,t,r,n=new Map,s=void 0){const u=s==null?void 0:s(e,t,r,n);if(u!==void 0)return u;if(xt(e))return e;if(n.has(e))return n.get(e);if(Array.isArray(e)){const a=new Array(e.length);n.set(e,a);for(let i=0;i<e.length;i++)a[i]=F(e[i],i,r,n,s);return Object.hasOwn(e,"index")&&(a.index=e.index),Object.hasOwn(e,"input")&&(a.input=e.input),a}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){const a=new RegExp(e.source,e.flags);return a.lastIndex=e.lastIndex,a}if(e instanceof Map){const a=new Map;n.set(e,a);for(const[i,h]of e)a.set(i,F(h,i,r,n,s));return a}if(e instanceof Set){const a=new Set;n.set(e,a);for(const i of e)a.add(F(i,void 0,r,n,s));return a}if(typeof Buffer<"u"&&Buffer.isBuffer(e))return e.subarray();if(Et(e)){const a=new(Object.getPrototypeOf(e)).constructor(e.length);n.set(e,a);for(let i=0;i<e.length;i++)a[i]=F(e[i],i,r,n,s);return a}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<"u"&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){const a=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return n.set(e,a),P(a,e,r,n,s),a}if(typeof File<"u"&&e instanceof File){const a=new File([e],e.name,{type:e.type});return n.set(e,a),P(a,e,r,n,s),a}if(typeof Blob<"u"&&e instanceof Blob){const a=new Blob([e],{type:e.type});return n.set(e,a),P(a,e,r,n,s),a}if(e instanceof Error){const a=new e.constructor;return n.set(e,a),a.message=e.message,a.name=e.name,a.stack=e.stack,a.cause=e.cause,P(a,e,r,n,s),a}if(e instanceof Boolean){const a=new Boolean(e.valueOf());return n.set(e,a),P(a,e,r,n,s),a}if(e instanceof Number){const a=new Number(e.valueOf());return n.set(e,a),P(a,e,r,n,s),a}if(e instanceof String){const a=new String(e.valueOf());return n.set(e,a),P(a,e,r,n,s),a}if(typeof e=="object"&&kt(e)){const a=Object.create(Object.getPrototypeOf(e));return n.set(e,a),P(a,e,r,n,s),a}return e}function P(e,t,r=e,n,s){const u=[...Object.keys(t),...Ke(t)];for(let a=0;a<u.length;a++){const i=u[a],h=Object.getOwnPropertyDescriptor(e,i);(h==null||h.writable)&&(e[i]=F(t[i],i,r,n,s))}}function kt(e){switch(Xe(e)){case ft:case lt:case ut:case ct:case ot:case it:case st:case at:case nt:case rt:case tt:case et:case Te:case Ce:case Ve:case Ze:case Qe:case Je:case Ge:case Ye:case We:case Ue:return!0;default:return!1}}function ae(e){return F(e,void 0,e,new Map,void 0)}function pe(e){return e!==null&&(typeof e=="object"||typeof e=="function")}const St=/^(?:0|[1-9]\d*)$/;function Ot(e,t=Number.MAX_SAFE_INTEGER){switch(typeof e){case"number":return Number.isInteger(e)&&e>=0&&e<t;case"symbol":return!1;case"string":return St.test(e)}}const At=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Mt=/^\w*$/;function It(e,t){return Array.isArray(e)?!1:typeof e=="number"||typeof e=="boolean"||e==null||wt(e)?!0:typeof e=="string"&&(Mt.test(e)||!At.test(e))||t!=null&&Object.hasOwn(t,e)}const Nt=(e,t,r)=>{const n=e[t];(!(Object.hasOwn(e,t)&&mt(n,r))||r===void 0&&!(t in e))&&(e[t]=r)};function Ht(e,t,r,n){if(e==null&&!pe(e))return e;let s;It(t,e)?s=[t]:Array.isArray(t)?s=t:s=dt(t);const u=r(pt(e,s));let a=e;for(let i=0;i<s.length&&a!=null;i++){const h=gt(s[i]);if(ht(h))continue;let b;if(i===s.length-1)b=u;else{const y=a[h],O=n==null?void 0:n(y,h,e);b=O!==void 0?O:pe(y)?y:Ot(s[i+1])?[]:{}}Nt(a,h,b),a=a[h]}return e}function Rt(e,t,r){return Ht(e,t,()=>r,()=>{})}function L(){return(L=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function J(e,t){if(e==null)return{};var r,n,s={},u=Object.keys(e);for(n=0;n<u.length;n++)t.indexOf(r=u[n])>=0||(s[r]=e[r]);return s}function X(e){var t=_.useRef(e),r=_.useRef(function(n){t.current&&t.current(n)});return t.current=e,r.current}var B=function(e,t,r){return t===void 0&&(t=0),r===void 0&&(r=1),e>r?r:e<t?t:e},K=function(e){return"touches"in e},se=function(e){return e&&e.ownerDocument.defaultView||self},ge=function(e,t,r){var n=e.getBoundingClientRect(),s=K(t)?function(u,a){for(var i=0;i<u.length;i++)if(u[i].identifier===a)return u[i];return u[0]}(t.touches,r):t;return{left:B((s.pageX-(n.left+se(e).pageXOffset))/n.width),top:B((s.pageY-(n.top+se(e).pageYOffset))/n.height)}},he=function(e){!K(e)&&e.preventDefault()},ue=f.memo(function(e){var t=e.onMove,r=e.onKey,n=J(e,["onMove","onKey"]),s=_.useRef(null),u=X(t),a=X(r),i=_.useRef(null),h=_.useRef(!1),b=_.useMemo(function(){var j=function(x){he(x),(K(x)?x.touches.length>0:x.buttons>0)&&s.current?u(ge(s.current,x,i.current)):A(!1)},$=function(){return A(!1)};function A(x){var w=h.current,S=se(s.current),R=x?S.addEventListener:S.removeEventListener;R(w?"touchmove":"mousemove",j),R(w?"touchend":"mouseup",$)}return[function(x){var w=x.nativeEvent,S=s.current;if(S&&(he(w),!function(q,Z){return Z&&!K(q)}(w,h.current)&&S)){if(K(w)){h.current=!0;var R=w.changedTouches||[];R.length&&(i.current=R[0].identifier)}S.focus(),u(ge(S,w,i.current)),A(!0)}},function(x){var w=x.which||x.keyCode;w<37||w>40||(x.preventDefault(),a({left:w===39?.05:w===37?-.05:0,top:w===40?.05:w===38?-.05:0}))},A]},[a,u]),y=b[0],O=b[1],H=b[2];return _.useEffect(function(){return H},[H]),f.createElement("div",L({},n,{onTouchStart:y,onMouseDown:y,className:"react-colorful__interactive",ref:s,onKeyDown:O,tabIndex:0,role:"slider"}))}),Q=function(e){return e.filter(Boolean).join(" ")},le=function(e){var t=e.color,r=e.left,n=e.top,s=n===void 0?.5:n,u=Q(["react-colorful__pointer",e.className]);return f.createElement("div",{className:u,style:{top:100*s+"%",left:100*r+"%"}},f.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},E=function(e,t,r){return t===void 0&&(t=0),r===void 0&&(r=Math.pow(10,t)),Math.round(r*e)/r},Pt=function(e){return Dt(ie(e))},ie=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?E(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?E(parseInt(e.substring(6,8),16)/255,2):1}},jt=function(e){return qt($t(e))},Oe=function(e){var t=e.s,r=e.v,n=e.a,s=(200-t)*r/100;return{h:E(e.h),s:E(s>0&&s<200?t*r/100/(s<=100?s:200-s)*100:0),l:E(s/2),a:E(n,2)}},oe=function(e){var t=Oe(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},C=function(e){var t=Oe(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},$t=function(e){var t=e.h,r=e.s,n=e.v,s=e.a;t=t/360*6,r/=100,n/=100;var u=Math.floor(t),a=n*(1-r),i=n*(1-(t-u)*r),h=n*(1-(1-t+u)*r),b=u%6;return{r:E(255*[n,i,a,a,h,n][b]),g:E(255*[h,n,n,i,a,a][b]),b:E(255*[a,a,h,n,n,i][b]),a:E(s,2)}},W=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},qt=function(e){var t=e.r,r=e.g,n=e.b,s=e.a,u=s<1?W(E(255*s)):"";return"#"+W(t)+W(r)+W(n)+u},Dt=function(e){var t=e.r,r=e.g,n=e.b,s=e.a,u=Math.max(t,r,n),a=u-Math.min(t,r,n),i=a?u===t?(r-n)/a:u===r?2+(n-t)/a:4+(t-r)/a:0;return{h:E(60*(i<0?i+6:i)),s:E(u?a/u*100:0),v:E(u/255*100),a:s}},Ft=f.memo(function(e){var t=e.hue,r=e.onChange,n=Q(["react-colorful__hue",e.className]);return f.createElement("div",{className:n},f.createElement(ue,{onMove:function(s){r({h:360*s.left})},onKey:function(s){r({h:B(t+360*s.left,0,360)})},"aria-label":"Hue","aria-valuenow":E(t),"aria-valuemax":"360","aria-valuemin":"0"},f.createElement(le,{className:"react-colorful__hue-pointer",left:t/360,color:oe({h:t,s:100,v:100,a:1})})))}),Bt=f.memo(function(e){var t=e.hsva,r=e.onChange,n={backgroundColor:oe({h:t.h,s:100,v:100,a:1})};return f.createElement("div",{className:"react-colorful__saturation",style:n},f.createElement(ue,{onMove:function(s){r({s:100*s.left,v:100-100*s.top})},onKey:function(s){r({s:B(t.s+100*s.left,0,100),v:B(t.v-100*s.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+E(t.s)+"%, Brightness "+E(t.v)+"%"},f.createElement(le,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:oe(t)})))}),Ae=function(e,t){if(e===t)return!0;for(var r in e)if(e[r]!==t[r])return!1;return!0},Lt=function(e,t){return e.toLowerCase()===t.toLowerCase()||Ae(ie(e),ie(t))};function zt(e,t,r){var n=X(r),s=_.useState(function(){return e.toHsva(t)}),u=s[0],a=s[1],i=_.useRef({color:t,hsva:u});_.useEffect(function(){if(!e.equal(t,i.current.color)){var b=e.toHsva(t);i.current={hsva:b,color:t},a(b)}},[t,e]),_.useEffect(function(){var b;Ae(u,i.current.hsva)||e.equal(b=e.fromHsva(u),i.current.color)||(i.current={hsva:u,color:b},n(b))},[u,e,n]);var h=_.useCallback(function(b){a(function(y){return Object.assign({},y,b)})},[]);return[u,h]}var Kt=typeof window<"u"?_.useLayoutEffect:_.useEffect,Xt=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},be=new Map,Ut=function(e){Kt(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!be.has(t)){var r=t.createElement("style");r.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,be.set(t,r);var n=Xt();n&&r.setAttribute("nonce",n),t.head.appendChild(r)}},[])},Wt=function(e){var t=e.className,r=e.hsva,n=e.onChange,s={backgroundImage:"linear-gradient(90deg, "+C(Object.assign({},r,{a:0}))+", "+C(Object.assign({},r,{a:1}))+")"},u=Q(["react-colorful__alpha",t]),a=E(100*r.a);return f.createElement("div",{className:u},f.createElement("div",{className:"react-colorful__alpha-gradient",style:s}),f.createElement(ue,{onMove:function(i){n({a:i.left})},onKey:function(i){n({a:B(r.a+i.left)})},"aria-label":"Alpha","aria-valuetext":a+"%","aria-valuenow":a,"aria-valuemin":"0","aria-valuemax":"100"},f.createElement(le,{className:"react-colorful__alpha-pointer",left:r.a,color:C(r)})))},Yt=function(e){var t=e.className,r=e.colorModel,n=e.color,s=n===void 0?r.defaultColor:n,u=e.onChange,a=J(e,["className","colorModel","color","onChange"]),i=_.useRef(null);Ut(i);var h=zt(r,s,u),b=h[0],y=h[1],O=Q(["react-colorful",t]);return f.createElement("div",L({},a,{ref:i,className:O}),f.createElement(Bt,{hsva:b,onChange:y}),f.createElement(Ft,{hue:b.h,onChange:y}),f.createElement(Wt,{hsva:b,onChange:y,className:"react-colorful__last-control"}))},Gt={defaultColor:"0001",toHsva:Pt,fromHsva:jt,equal:Lt},Jt=function(e){return f.createElement(Yt,L({},e,{colorModel:Gt}))},Qt=/^#?([0-9A-F]{3,8})$/i,Zt=function(e){var t=e.color,r=t===void 0?"":t,n=e.onChange,s=e.onBlur,u=e.escape,a=e.validate,i=e.format,h=e.process,b=J(e,["color","onChange","onBlur","escape","validate","format","process"]),y=_.useState(function(){return u(r)}),O=y[0],H=y[1],j=X(n),$=X(s),A=_.useCallback(function(w){var S=u(w.target.value);H(S),a(S)&&j(h?h(S):S)},[u,h,a,j]),x=_.useCallback(function(w){a(w.target.value)||H(u(r)),$(w)},[r,u,a,$]);return _.useEffect(function(){H(u(r))},[r,u]),f.createElement("input",L({},b,{value:i?i(O):O,spellCheck:"false",onChange:A,onBlur:x}))},ye=function(e){return"#"+e},Vt=function(e){var t=e.prefixed,r=e.alpha,n=J(e,["prefixed","alpha"]),s=_.useCallback(function(a){return a.replace(/([^0-9A-F]+)/gi,"").substring(0,r?8:6)},[r]),u=_.useCallback(function(a){return function(i,h){var b=Qt.exec(i),y=b?b[1].length:0;return y===3||y===6||!!h&&y===4||!!h&&y===8}(a,r)},[r]);return f.createElement(Zt,L({},n,{escape:s,format:t?ye:void 0,process:ye,validate:u}))};const Ct="_customiser_1k8ya_1",Tt="_colourpicker_1k8ya_63",Me={customiser:Ct,colourpicker:Tt};var T={},ee,ve;function er(){return ve||(ve=1,ee={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}),ee}var te,_e;function tr(){if(_e)return te;_e=1;var e={px:{px:1,cm:96/2.54,mm:96/25.4,in:96,pt:96/72,pc:16},cm:{px:2.54/96,cm:1,mm:.1,in:2.54,pt:2.54/72,pc:2.54/6},mm:{px:25.4/96,cm:10,mm:1,in:25.4,pt:25.4/72,pc:25.4/6},in:{px:1/96,cm:1/2.54,mm:1/25.4,in:1,pt:1/72,pc:1/6},pt:{px:.75,cm:72/2.54,mm:72/25.4,in:72,pt:1,pc:12},pc:{px:6/96,cm:6/2.54,mm:6/25.4,in:6,pt:6/72,pc:1},deg:{deg:1,grad:.9,rad:180/Math.PI,turn:360},grad:{deg:400/360,grad:1,rad:200/Math.PI,turn:400},rad:{deg:Math.PI/180,grad:Math.PI/200,rad:1,turn:Math.PI*2},turn:{deg:1/360,grad:1/400,rad:.5/Math.PI,turn:1},s:{s:1,ms:1/1e3},ms:{s:1e3,ms:1},Hz:{Hz:1,kHz:1e3},kHz:{Hz:1/1e3,kHz:1},dpi:{dpi:1,dpcm:1/2.54,dppx:1/96},dpcm:{dpi:2.54,dpcm:1,dppx:2.54/96},dppx:{dpi:96,dpcm:96/2.54,dppx:1}};return te=function(t,r,n,s){if(!e.hasOwnProperty(n))throw new Error("Cannot convert to "+n);if(!e[n].hasOwnProperty(r))throw new Error("Cannot convert from "+r+" to "+n);var u=e[n][r]*t;return s!==!1?(s=Math.pow(10,parseInt(s)||5),Math.round(u*s)/s):u},te}var we;function rr(){return we||(we=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.fromRgba=D,e.fromRgb=V,e.fromHsla=U,e.fromHsl=fe,e.fromString=me,e.default=void 0;var t=n(er()),r=n(tr());function n(o){return o&&o.__esModule?o:{default:o}}function s(o,m){if(!(o instanceof m))throw new TypeError("Cannot call a class as a function")}function u(o,m){for(var c=0;c<m.length;c++){var l=m[c];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(o,l.key,l)}}function a(o,m,c){return m&&u(o.prototype,m),o}function i(o,m){return H(o)||O(o,m)||b(o,m)||h()}function h(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function b(o,m){if(o){if(typeof o=="string")return y(o,m);var c=Object.prototype.toString.call(o).slice(8,-1);if(c==="Object"&&o.constructor&&(c=o.constructor.name),c==="Map"||c==="Set")return Array.from(o);if(c==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return y(o,m)}}function y(o,m){(m==null||m>o.length)&&(m=o.length);for(var c=0,l=new Array(m);c<m;c++)l[c]=o[c];return l}function O(o,m){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(o)))){var c=[],l=!0,p=!1,g=void 0;try{for(var d=o[Symbol.iterator](),v;!(l=(v=d.next()).done)&&(c.push(v.value),!(m&&c.length===m));l=!0);}catch(k){p=!0,g=k}finally{try{!l&&d.return!=null&&d.return()}finally{if(p)throw g}}return c}}function H(o){if(Array.isArray(o))return o}var j=/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})?$/,$=/^#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])?$/,A=/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*(0|1|0?\.\d+|\d+%))?\s*\)$/,x=/^rgba?\(\s*(\d+)\s+(\d+)\s+(\d+)(?:\s*\/\s*(0|1|0?\.\d+|\d+%))?\s*\)$/,w=/^rgba?\(\s*(\d+%)\s*,\s*(\d+%)\s*,\s*(\d+%)(?:\s*,\s*(0|1|0?\.\d+|\d+%))?\s*\)$/,S=/^rgba?\(\s*(\d+%)\s+(\d+%)\s+(\d+%)(?:\s*\/\s*(0|1|0?\.\d+|\d+%))?\s*\)$/,R=/^hsla?\(\s*(\d+)(deg|rad|grad|turn)?\s*,\s*(\d+)%\s*,\s*(\d+)%(?:\s*,\s*(0|1|0?\.\d+|\d+%))?\s*\)$/;function q(o,m){return o.indexOf(m)>-1}function Z(o,m,c){var l=o/255,p=m/255,g=c/255,d=Math.max(l,p,g),v=Math.min(l,p,g),k=d-v,M=(d+v)/2;if(k===0)return[0,0,M*100];var I=k/(1-Math.abs(2*M-1)),z=function(){switch(d){case l:return(p-g)/k%6;case p:return(g-l)/k+2;default:return(l-p)/k+4}}();return[z*60,I*100,M*100]}function He(o,m,c){var l=o/60,p=m/100,g=c/100,d=(1-Math.abs(2*g-1))*p,v=d*(1-Math.abs(l%2-1)),k=g-d/2,M=function(){return l<1?[d,v,0]:l<2?[v,d,0]:l<3?[0,d,v]:l<4?[0,v,d]:l<5?[v,0,d]:[d,0,v]}(),I=i(M,3),z=I[0],De=I[1],Fe=I[2];return[(z+k)*255,(De+k)*255,(Fe+k)*255]}var Re=function(){function o(m){var c=i(m,4),l=c[0],p=c[1],g=c[2],d=c[3];s(this,o),this.values=[Math.max(Math.min(parseInt(l,10),255),0),Math.max(Math.min(parseInt(p,10),255),0),Math.max(Math.min(parseInt(g,10),255),0),d==null?1:Math.max(Math.min(parseFloat(d),255),0)]}return a(o,[{key:"toRgbString",value:function(){var c=i(this.values,4),l=c[0],p=c[1],g=c[2],d=c[3];return d===1?"rgb(".concat(l,", ").concat(p,", ").concat(g,")"):"rgba(".concat(l,", ").concat(p,", ").concat(g,", ").concat(d,")")}},{key:"toHslString",value:function(){var c=this.toHslaArray(),l=i(c,4),p=l[0],g=l[1],d=l[2],v=l[3];return v===1?"hsl(".concat(p,", ").concat(g,"%, ").concat(d,"%)"):"hsla(".concat(p,", ").concat(g,"%, ").concat(d,"%, ").concat(v,")")}},{key:"toHexString",value:function(){var c=i(this.values,4),l=c[0],p=c[1],g=c[2],d=c[3];return l=Number(l).toString(16).padStart(2,"0"),p=Number(p).toString(16).padStart(2,"0"),g=Number(g).toString(16).padStart(2,"0"),d=d<1?parseInt(d*255,10).toString(16).padStart(2,"0"):"","#".concat(l).concat(p).concat(g).concat(d)}},{key:"toRgbaArray",value:function(){return this.values}},{key:"toHslaArray",value:function(){var c=i(this.values,4),l=c[0],p=c[1],g=c[2],d=c[3],v=Z(l,p,g),k=i(v,3),M=k[0],I=k[1],z=k[2];return[M,I,z,d]}}]),o}();function D(o){var m=i(o,4),c=m[0],l=m[1],p=m[2],g=m[3];return new Re([c,l,p,g])}function V(o){var m=i(o,3),c=m[0],l=m[1],p=m[2];return D([c,l,p,1])}function U(o){var m=i(o,4),c=m[0],l=m[1],p=m[2],g=m[3],d=He(c,l,p),v=i(d,3),k=v[0],M=v[1],I=v[2];return D([k,M,I,g])}function fe(o){var m=i(o,3),c=m[0],l=m[1],p=m[2];return U([c,l,p,1])}function Pe(o){var m=j.exec(o)||$.exec(o),c=i(m,5),l=c[1],p=c[2],g=c[3],d=c[4];return l=parseInt(l.length<2?l.repeat(2):l,16),p=parseInt(p.length<2?p.repeat(2):p,16),g=parseInt(g.length<2?g.repeat(2):g,16),d=d&&(parseInt(d.length<2?d.repeat(2):d,16)/255).toPrecision(1)||1,D([l,p,g,d])}function je(o){var m=A.exec(o)||w.exec(o)||x.exec(o)||S.exec(o),c=i(m,5),l=c[1],p=c[2],g=c[3],d=c[4];return l=q(l,"%")?parseInt(l,10)*255/100:parseInt(l,10),p=q(p,"%")?parseInt(p,10)*255/100:parseInt(p,10),g=q(g,"%")>0?parseInt(g,10)*255/100:parseInt(g,10),d=d===void 0?1:parseFloat(d)/(q(d,"%")?100:1),D([l,p,g,d])}function $e(o){var m=R.exec(o),c=i(m,6),l=c[1],p=c[2],g=c[3],d=c[4],v=c[5];return p=p||"deg",l=(0,r.default)(parseFloat(l),p,"deg"),g=parseFloat(g),d=parseFloat(d),v=v===void 0?1:parseFloat(v)/(q(v,"%")?100:1),U([l,g,d,v])}function me(o){return t.default[o]?V(t.default[o]):j.test(o)||$.test(o)?Pe(o):A.test(o)||w.test(o)||x.test(o)||S.test(o)?je(o):R.test(o)?$e(o):null}var qe={fromString:me,fromRgb:V,fromRgba:D,fromHsl:fe,fromHsla:U};e.default=qe}(T)),T}var xe=rr();const nr=({colour:e,onChange:t})=>f.createElement("div",{className:Me.colourpicker},f.createElement(Vt,{color:xe.fromString(e.trim()).toHexString(),onChange:t,alpha:!0,prefixed:!0}),f.createElement(Jt,{color:xe.fromString(e.trim()).toHexString(),onChange:t})),ar=({value:e,onChange:t})=>!/var\(.*\)/i.test(e)&&CSS.supports("color",e)?f.createElement(nr,{colour:e,onChange:t}):f.createElement("input",{type:"text",value:e,onChange:r=>t(r.target.value)}),sr=({value:e,name:t,map:r,themeName:n,theme:s,setTheme:u})=>{const[a,i]=_.useState(!1),h=y=>{const O=ae(s);Rt(O,r,y),u(O)},b=!/var\(.*\)/i.test(e)&&CSS.supports("color",e);return f.createElement("div",{className:"value"},f.createElement("label",null,f.createElement("div",null,f.createElement("button",{className:a?"open":"",onClick:()=>i(y=>!y)},f.createElement("div",null,f.createElement("span",{className:"material-symbols-outlined"},a?"expand_less":"expand_more"))," ",b&&f.createElement("div",{style:{background:e}})," ",t))),a&&f.createElement("div",{className:"input-container"},f.createElement(ar,{value:e,key:n+r,onChange:h})))},Ie=({value:e,name:t,map:r,themeName:n,setTheme:s,theme:u})=>{const[a,i]=_.useState(!1);return f.createElement("div",{className:"key"},f.createElement("button",{className:a?"open":"",onClick:()=>i(h=>!h)},f.createElement("div",null,f.createElement("span",{className:"material-symbols-outlined"},a?"expand_less":"expand_more"))," ",t),Object.entries(e).map(([h,b])=>{const y={theme:u,setTheme:s,name:h,themeName:n,map:r+"."+h,value:b,key:n+r+h};return a?typeof b=="object"?f.createElement(Ie,{...y,key:y.key}):f.createElement(sr,{...y,key:y.key}):null}))},ir=({theme:e,themeName:t,setTheme:r})=>f.createElement("div",{className:Me.customiser},f.createElement("p",null,"Pick parts of the theme to customise:"),Object.entries(e).map(([n,s])=>{const u={theme:e,setTheme:r,themeName:t,name:n,map:n,value:s,key:t+n};return f.createElement(Ie,{...u,key:u.key})})),or=e=>{const{theme:t}=e,r=yt(t),n=Object.keys(r).map(s=>[`--theme-${s}`]);return f.createElement(bt,{title:"",header:["CSS variable"],note:"You can also use the following CSS variables to reference values from your theme in SCSS",body:n,copyable:[s=>`var(${s})`]})},cr="_newtheme_14pmx_1",ur={newtheme:cr},re=e=>e instanceof Date,lr=e=>Object.keys(e).length===0,ce=e=>e!=null&&typeof e=="object",fr=(e,...t)=>Object.prototype.hasOwnProperty.call(e,...t),ne=e=>ce(e)&&lr(e),mr=()=>Object.create(null),Ne=(e,t)=>e===t?{}:!ce(e)||!ce(t)?t:re(e)||re(t)?e.valueOf()==t.valueOf()?{}:t:Object.keys(t).reduce((r,n)=>{if(fr(e,n)){const s=Ne(e[n],t[n]);return ne(s)&&!re(s)&&(ne(e[n])||!ne(t[n]))||(r[n]=s),r}return r},mr());G.registerLanguage("svelte",_t);G.registerLanguage("scss",vt);const dr=({theme:e,themeName:t})=>{const n=Ne(t==="light"?Y:Se,e),s=e.colour.background!==Y.colour.background;return f.createElement("div",{className:ur.newtheme},f.createElement("p",null,"Use the code below to adapt the ",f.createElement("code",null,"Theme")," component for your new design:"),f.createElement(G,{language:"svelte",style:de},`<Theme
|
|
base="${t}"
|
|
theme={${JSON.stringify(n,null,2).replaceAll('"',"'")}}
|
|
>
|
|
<!-- ... -->
|
|
</Theme>
|
|
`),s&&f.createElement(G,{language:"scss",style:de,customStyle:{maxHeight:"140px"}},`// global.scss
|
|
body {
|
|
background-color: ${e.colour.background};
|
|
}`),f.createElement(or,{theme:e}))},pr={switch:"_switch_xd6eq_1"},gr=({themeName:e,setThemeName:t})=>f.createElement("div",{className:pr.switch},f.createElement("p",null,"Choose a base theme:"),f.createElement("div",{className:"container"},f.createElement("button",{className:e==="light"?"active":"",onClick:()=>t("light")},f.createElement("span",{className:"material-symbols-outlined"},"light_mode")),f.createElement("button",{className:e==="dark"?"active":"",onClick:()=>t("dark")},f.createElement("span",{className:"material-symbols-outlined"},"dark_mode")))),hr="_themebuilder_13kn1_1",br={themebuilder:hr},yr=e=>{const[t,r]=_.useState("light"),[n,s]=_.useState(ae(Y));return _.useEffect(()=>{s(ae(t==="light"?Y:Se))},[t]),f.createElement(Be,null,f.createElement("div",{className:br.themebuilder},f.createElement("div",{className:"column"},f.createElement(gr,{setThemeName:r,themeName:t}),f.createElement(ir,{theme:n,setTheme:s,themeName:t,key:t})),f.createElement("div",{className:"column"},f.createElement(dr,{theme:n,themeName:t}))))};function Ee(e){const t={code:"code",h1:"h1",p:"p",...ke(),...e.components};return N.jsxs(N.Fragment,{children:[N.jsx(Le,{title:"Components/Theming/Theme builder",parameters:{...ze}}),`
|
|
`,N.jsx(t.h1,{id:"theme-builder",children:"Theme builder"}),`
|
|
`,N.jsxs(t.p,{children:["Use this tool to create a custom theme for your page then update the ",N.jsx(t.code,{children:"Theme"})," component in your project."]}),`
|
|
`,N.jsx(yr,{})]})}function jr(e={}){const{wrapper:t}={...ke(),...e.components};return t?N.jsx(t,{...e,children:N.jsx(Ee,{...e})}):Ee(e)}export{jr as default};
|