fu-kit 0.4.2 → 0.6.0

package/dist/fu-kit.min.js

@@ -1 +0,0 @@
-var FuKit=function(e){"use strict";console.log("ui-button!");var t=e.defineComponent({name:"fu-button",props:{hollow:{type:Boolean,default:!1}},setup:e=>({hollow:e.hollow,mUp:e=>e.target.blur()})});function n(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}n(".fu-button[data-v-0c2f6810] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp300) var(--lt-sp400);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  font-family: var(--typo-font-text);\n  min-height: var(--ui-lt-h);\n  border-width: var(--ui-lt-border-width);\n  border-style: var(--ui-lt-border-style);\n  border-color: var(--ui-pal);\n  border-radius: var(--ui-lt-border-radius);\n  transition: all var(--ui-transition);\n  background: var(--ui-pal);\n  color: var(--ui-pal-acc);\n  line-height: 1;\n  will-change: box-shadow, transform;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.fu-button > *[data-v-0c2f6810] {\n  pointer-events: none;\n}\n.fu-button[data-v-0c2f6810]:hover {\n  text-decoration: none;\n  box-shadow: 0 4px 12px -4px var(--ui-pal);\n}\n.fu-button[data-v-0c2f6810]:focus {\n  box-shadow: 0 4px 12px -4px var(--ui-pal);\n}\n.fu-button[data-v-0c2f6810]:active {\n  transform: translateY(2px);\n  transition-duration: 20ms;\n  box-shadow: 0 3px 4px -2px var(--ui-pal);\n}\n.fu-button[data-v-0c2f6810]:disabled {\n  cursor: not-allowed;\n  background: var(--ui-pal-disabled);\n  border-color: var(--ui-pal-disabled-border);\n  border-style: var(--ui-lt-disabled-border-style);\n  color: var(--ui-pal-disabled-border);\n  box-shadow: none;\n}\n.fu-button._hollow[data-v-0c2f6810] {\n  background: transparent;\n  color: var(--ui-pal);\n}\n.fu-button._hollow[data-v-0c2f6810]:hover {\n  box-shadow: 0 3px 10px -4px var(--ui-pal);\n  color: var(--ui-pal);\n}\n.fu-button._hollow[data-v-0c2f6810]:focus {\n  box-shadow: 0 3px 10px -4px var(--ui-pal);\n}\n.fu-button._hollow[data-v-0c2f6810]:active {\n  box-shadow: 0 1px 4px -2px var(--ui-pal);\n}\n.fu-button._hollow[data-v-0c2f6810]:disabled {\n  color: var(--ui-pal-disabled-border);\n  box-shadow: none;\n}"),t.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("button",e.mergeProps({...t.$attrs,type:t.$attrs.type||"button",class:"fu-button"+(t.hollow?" _hollow":"")},{onMouseup:n[0]||(n[0]=(...e)=>t.mUp&&t.mUp(...e))}),[e.renderSlot(t.$slots,"default")],16)},t.__scopeId="data-v-0c2f6810";var a=e.defineComponent({name:"fu-button-link",props:{hollow:{type:Boolean,default:!1}},setup:e=>({hollow:e.hollow,mUp:e=>e.target.blur()})});n(":root {\n  --button-link-pal: var(--pal-link);\n  --button-link-pal-active: var(--pal-link-active);\n  --button-link-disabled-pal: var(--ui-pal-disabled);\n}");n(".fu-button-link[data-v-70f7c8d4] {\n  font-size: var(--typo-h200);\n  padding: 0 0;\n  display: inline-block;\n  font-weight: normal;\n  box-sizing: border-box;\n  cursor: pointer;\n  font-family: var(--typo-font-text);\n  border: 0 none;\n  transition: var(--ui-transition);\n  background: transparent;\n  color: var(--button-link-pal);\n  line-height: 1;\n  will-change: box-shadow, transform;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  text-decoration: underline;\n}\n.fu-button-link > *[data-v-70f7c8d4] {\n  pointer-events: none;\n}\n.fu-button-link[data-v-70f7c8d4]:hover {\n  text-decoration: none;\n}\n.fu-button-link[data-v-70f7c8d4]:focus {\n  color: var(--button-link-pal-active);\n  text-decoration: underline dashed;\n}\n.fu-button-link[data-v-70f7c8d4]:active {\n  color: var(--button-link-pal-active);\n  text-decoration: underline dashed;\n}\n.fu-button-link[data-v-70f7c8d4]:disabled {\n  cursor: not-allowed;\n  color: var(--pal-link-active);\n}"),a.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("button",e.mergeProps({...t.$attrs,type:t.$attrs.type||"button",class:"fu-button-link"},{onMouseup:n[0]||(n[0]=(...e)=>t.mUp&&t.mUp(...e))}),[e.renderSlot(t.$slots,"default")],16)},a.__scopeId="data-v-70f7c8d4";var r=e.defineComponent({name:"fu-code-view",components:{FuButtonLink:a},props:{label:{type:String,default:""},collapse:{type:Boolean,default:null}},setup(t){const n=e.ref(e.toRaw(t.collapse));return{isShown:e.ref(!1),label:t.label,collapse:n}}});const o={class:"fu-code-view"},l={key:1,class:"fu-code-view_title"},i={key:2,class:"fu-code-view_pre"};n(".fu-code-view[data-v-547d9872] {\n  margin: var(--lt-sp200) 0;\n}\n.fu-code-view_title[data-v-547d9872] {\n  font-size: var(--typo-h100);\n  font-weight: bold;\n  margin-bottom: var(--lt-sp200);\n}\n.fu-code-view_pre[data-v-547d9872] {\n  padding: var(--lt-sp300) var(--lt-sp200);\n  overflow: auto;\n  max-width: 100%;\n  background: rgb(var(--pal-block-light));\n  border: 1px solid rgb(var(--pal-block));\n  border-radius: var(--lt-border-radius-inner);\n}\n.fu-code-view_pre[data-v-547d9872]::-webkit-scrollbar-track {\n  background-color: var(--ui-pal-bg);\n}\n.fu-code-view_pre[data-v-547d9872]::-webkit-scrollbar {\n  width: var(--ui-lt-scroll-width);\n  height: var(--ui-lt-scroll-width);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: var(--ui-pal-bg);\n}\n.fu-code-view_pre[data-v-547d9872]::-webkit-scrollbar-thumb {\n  border: 1px solid var(--ui-pal-bg);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: transparent;\n}\n.fu-code-view_pre[data-v-547d9872] ::-webkit-scrollbar-corner {\n  background-color: transparent !important;\n  border: 0 none !important;\n  box-shadow: none !important;\n}\n.fu-code-view_pre[data-v-547d9872]:focus::-webkit-scrollbar-thumb, .fu-code-view_pre[data-v-547d9872]:hover::-webkit-scrollbar-thumb {\n  background-color: var(--ui-pal);\n}"),r.render=function(t,n,a,r,d,s){const u=e.resolveComponent("fu-button-link");return e.openBlock(),e.createElementBlock("div",o,[t.collapse?(e.openBlock(),e.createBlock(u,{key:0,class:"fu-code-view_toggle",onClick:n[0]||(n[0]=e=>t.isShown=!t.isShown)},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(t.isShown?"Hide":"Show")+" "+e.toDisplayString(t.label),1)])),_:1})):t.label?(e.openBlock(),e.createElementBlock("p",l,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),!t.collapse||t.isShown?(e.openBlock(),e.createElementBlock("pre",i,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("",!0)])},r.__scopeId="data-v-547d9872";var d=e.defineComponent({name:"fu-copy",components:{FuButton:t},props:{value:{type:String,required:!0}},setup(t){const n=e.ref(!1);let a;e.onBeforeUnmount((()=>{a&&clearTimeout(a)}));const r=()=>{const e=document.createElement("textarea");e.value=t.value,e.setAttribute("readonly",""),e.style.position="absolute",e.style.left="-9999px",document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){console.error(e)}finally{document.body.removeChild(e)}};return{handleCopyToClipboard:e=>{navigator.clipboard?navigator.clipboard.writeText(t.value):r(),n.value=!1,requestAnimationFrame((()=>n.value=!0)),a&&clearTimeout(a),a=setTimeout((()=>n.value=!1),1e3),e.target.blur()},isCopied:n}}});n(".fu-copy[data-v-9343fa28] {\n  padding: 0 var(--lt-sp200);\n}\n.fu-copy._hollow[data-v-9343fa28] {\n  font-weight: normal;\n}\n.fu-copy._hollow[data-v-9343fa28]:active {\n  box-shadow: none;\n}\n.fu-copy._hollow[data-v-9343fa28]:hover {\n  box-shadow: none;\n}\n.fu-copy._hollow[data-v-9343fa28]:focus {\n  box-shadow: none;\n}\n.fu-copy._hollow._hot[data-v-9343fa28] {\n  transition: none;\n  border-color: var(--pal-positive);\n}"),d.render=function(t,n,a,r,o,l){const i=e.resolveComponent("fu-button");return e.openBlock(),e.createBlock(i,e.mergeProps(t.$attrs,{hollow:"",class:["fu-copy",{_hot:t.isCopied}],onClick:t.handleCopyToClipboard}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3},16,["onClick","class"])},d.__scopeId="data-v-9343fa28";var s=e.defineComponent({name:"fu-progress-radial",props:{value:{type:Number,default:0}},data:()=>({r:50,r2:100}),computed:{normalizeValue(){return this.value>1?1:this.value<0?0:this.value},dasharray(){return Math.PI*this.r2},valueStyle(){return{"stroke-dasharray":this.dasharray,"stroke-dashoffset":this.dasharray*(1-this.normalizeValue)}}},methods:{hasSlot(e){return!!this.$slots[e]}}});const u={class:"fu-progress-radial"},c={class:"fu-progress-radial__svg-wrap"},p=["viewBox","width","height"],v=["cx","cy","r"],b=["cx","cy","r"],f={key:0,class:"fu-progress-radial__slot"};n(".fu-progress-radial[data-v-216c1c15] {\n  display: flex;\n  position: relative;\n  white-space: nowrap;\n  align-items: center;\n  justify-content: center;\n  height: calc(var(--progress-radial-size, 64px));\n  width: calc(var(--progress-radial-size, 64px));\n}\n.fu-progress-radial__svg-wrap[data-v-216c1c15] {\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n}\n.fu-progress-radial__svg[data-v-216c1c15] {\n  overflow: visible;\n  vertical-align: middle;\n  transform: rotate(90deg);\n  height: var(--progress-radial-size, 64px);\n  width: var(--progress-radial-size, 64px);\n}\n.fu-progress-radial__svg-bg[data-v-216c1c15] {\n  stroke: var(--progress-radial-bg-stroke, rgba(var(--pal-primary), 0.2));\n  fill: var(--progress-radial-bg-fill, transparent);\n  stroke-width: var(--progress-radial-stroke-width, 10);\n}\n.fu-progress-radial__svg-value[data-v-216c1c15] {\n  fill: none;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  transition-duration: var(--progress-radial-t-duration, 500ms);\n  transition-property: var(--progress-radial-t-property, all);\n  transition-timing-function: var(--progress-radial-t-function, linear);\n  stroke: var(--progress-radial-color, rgb(var(--pal-primary)));\n  stroke-linecap: var(--progress-radial-stroke-linecap, round);\n  stroke-width: var(--progress-radial-stroke-width, 10);\n}"),s.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",c,[(e.openBlock(),e.createElementBlock("svg",{class:"fu-progress-radial__svg",viewBox:`0 0 ${t.r2} ${t.r2}`,width:t.r2,height:t.r2},[e.createElementVNode("circle",{class:"fu-progress-radial__svg-bg",cx:t.r,cy:t.r,r:t.r},null,8,v),e.createElementVNode("circle",{class:"fu-progress-radial__svg-value",cx:t.r,cy:t.r,r:t.r,style:e.normalizeStyle(t.valueStyle)},null,12,b)],8,p))]),t.hasSlot("default")?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("",!0)])},s.__scopeId="data-v-216c1c15";var h=e.defineComponent({name:"fu-select",props:{modelValue:{type:[String,Number],default:""}},emits:["update:modelValue"]});const m=["value"];n(".fu-select[data-v-4ad4f0cf] {\n  font-size: var(--typo-h200);\n  padding: 0;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  border-radius: var(--ui-lt-border-radius);\n  transition-duration: 240ms;\n  transition-timing-function: ease-in-out;\n  transition-property: border-color, box-shadow;\n  height: var(--ui-lt-h);\n}\n.fu-select_select[data-v-4ad4f0cf] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp100) var(--lt-sp200);\n  color: var(--ui-pal-text);\n  caret-color: var(--ui-pal);\n  min-height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  flex: 1;\n  display: block;\n  min-width: 0;\n  margin: 0;\n}\n.fu-select_select[disabled][data-v-4ad4f0cf] {\n  cursor: not-allowed;\n  color: var(--ui-pal-disabled-border);\n}\n.fu-select[data-v-4ad4f0cf]:hover {\n  outline: none;\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-select[data-v-4ad4f0cf]:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 0 var(--ui-pal);\n  border-color: var(--ui-pal);\n}\n.fu-select._disabled[data-v-4ad4f0cf] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  background: transparent;\n  box-shadow: none;\n}"),h.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("label",e.mergeProps({class:"fu-select"},{class:t.$attrs.class}),[e.createElementVNode("select",e.mergeProps({class:"fu-select_select"},{...t.$attrs,class:void 0},{value:t.modelValue,onInput:n[0]||(n[0]=e=>t.$emit("update:modelValue",e.target.value))}),[e.renderSlot(t.$slots,"default")],16,m)],16)},h.__scopeId="data-v-4ad4f0cf";var g=e.defineComponent({name:"fu-text",props:{modelValue:{type:[String,Number],default:""}},emits:["update:modelValue"]});const x=["value"];n(".fu-text[data-v-4848d3cf] {\n  font-size: var(--typo-h200);\n  padding: 0;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  border-radius: var(--ui-lt-border-radius);\n  transition-duration: 240ms;\n  transition-timing-function: ease-in-out;\n  transition-property: border-color, box-shadow;\n  height: var(--ui-lt-h);\n  background: var(--ui-pal-bg);\n}\n.fu-text_input[data-v-4848d3cf] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp100) var(--lt-sp300);\n  color: var(--ui-pal-text);\n  caret-color: var(--ui-pal);\n  min-height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  flex: 1;\n  display: block;\n  min-width: 0;\n  margin: 0;\n}\n.fu-text_input[data-v-4848d3cf]::selection {\n  background-color: var(--ui-pal);\n  color: var(--ui-pal-text-select);\n}\n.fu-text_input[data-v-4848d3cf]::placeholder {\n  color: var(--ui-pal-placeholder);\n}\n.fu-text_input[disabled][data-v-4848d3cf], .fu-text_input[read-only][data-v-4848d3cf] {\n  cursor: text;\n  color: var(--ui-pal-disabled-border);\n}\n.fu-text[data-v-4848d3cf]:hover {\n  outline: none;\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-text[data-v-4848d3cf]:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 0 var(--ui-pal);\n  border-color: var(--ui-pal);\n}\n.fu-text._disabled[data-v-4848d3cf] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  background: transparent;\n  box-shadow: none;\n}"),g.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["fu-text",{_disabled:void 0!==t.$attrs.disabled||void 0!==t.$attrs.readOnly}]},{class:t.$attrs.class}),[e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"left"),e.createElementVNode("input",e.mergeProps({...t.$attrs,class:void 0},{value:t.modelValue,class:"fu-text_input",onInput:n[0]||(n[0]=e=>t.$emit("update:modelValue",e.target.value))}),null,16,x),e.renderSlot(t.$slots,"right")],16)},g.__scopeId="data-v-4848d3cf";var w=e.defineComponent({name:"fu-select-x",components:{FuButton:t,UiText:g},props:{modelValue:{type:[String,Number],default:""},options:{type:Array,default:[]},allowCustom:{type:Boolean,default:!1}},emits:["update:modelValue","select"],setup(t,{emit:n}){const a=e.ref(null),r=e.ref(null),o=e.ref(""),l=e.ref(t.modelValue);e.watch((()=>t.modelValue),(e=>{l.value=e,o.value=e}));const i=e.computed((()=>t.options.map((e=>"object"!=typeof e||null===e||Array.isArray(e)?{value:e,label:e}:e)))),d=e.computed((()=>o.value&&o.value!==l.value?i.value.filter((e=>String(e.label).includes(o.value))):i.value)),s=e.computed((()=>i.value.find((e=>l.value===e.value)))),u=(e,t)=>{o.value=t.value,l.value=t.value,n("update:modelValue",l.value),n("select",l.value),e.target.blur()},c=(e=-1)=>{const t=document.activeElement.parentElement;if(t!==r.value&&t===a.value)return;const n=Array.prototype.slice.call(r.value.children),o=document.activeElement,l=n.indexOf(o);if(e>0){if(l===n.length-1)return n[0].focus();n[l+1]&&n[l+1].focus()}else if(e<0){if(0===l)return n[n.length-1].focus();n[l-1]&&n[l-1].focus()}};return{refSearch:a,refList:r,search:o,model:l,filteredItems:d,selectedItem:s,onTextKeydown:e=>{if(!["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))return;if("Escape"===e.key)return document.activeElement.blur();const n=Array.prototype.slice.call(r.value.children);if("Enter"===e.key)return n[0]?n[0].click():t.allowCustom&&u(e,{label:o.value,value:o.value}),e.preventDefault(),void e.target.blur();if(n.length){switch(e.key){case"ArrowDown":e.preventDefault(),n[0].focus();break;case"ArrowUp":e.preventDefault(),n[n.length-1].focus()}e.preventDefault()}},onArrows:e=>{if(["ArrowDown","ArrowUp","Escape"].includes(e.key)){if("Escape"===e.key)return document.activeElement.blur();if(r.value===document.activeElement.parentElement)switch(e.key){case"ArrowDown":e.preventDefault(),c(1);break;case"ArrowUp":e.preventDefault(),c(-1)}}},onSelect:u,onTextFocus:async t=>{o.value=l.value,await e.nextTick(),t.target.setSelectionRange(0,-1)},onSomeBlur:async t=>{await e.nextTick(),a.value!==document.activeElement&&r.value!==document.activeElement.parentElement&&(o.value=l.value)}}}});const k=["placeholder"],y=["onClick"];n(".fu-select-x[data-v-41007e18] {\n  font-size: var(--typo-h200);\n  padding: 0;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  border-radius: var(--ui-lt-border-radius);\n  transition-duration: 240ms;\n  transition-timing-function: ease-in-out;\n  transition-property: border-color, box-shadow;\n  height: var(--ui-lt-h);\n  position: relative;\n  background: var(--ui-pal-bg);\n}\n.fu-select-x_input[data-v-41007e18] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp100) var(--lt-sp300);\n  color: var(--ui-pal-text);\n  caret-color: var(--ui-pal);\n  min-height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  flex: 1;\n  display: block;\n  min-width: 0;\n  margin: 0;\n}\n.fu-select-x_input[data-v-41007e18]:focus {\n  outline: none;\n}\n.fu-select-x_input[data-v-41007e18]:not(:focus)::placeholder {\n  color: rgb(var(--pal-prime));\n}\n.fu-select-x_input[data-v-41007e18]::selection {\n  background-color: var(--ui-pal);\n  color: var(--ui-pal-text-select);\n}\n.fu-select-x_list[data-v-41007e18] {\n  overflow: auto;\n  max-height: 30vh;\n  max-width: 100vw;\n  display: none;\n  flex-direction: column;\n  justify-content: stretch;\n  border-width: var(--ui-lt-border-width);\n  border-radius: var(--ui-lt-border-radius);\n  border-color: var(--ui-pal);\n  border-style: solid;\n  position: absolute;\n  left: calc(var(--ui-lt-border-width) * -1);\n  top: 100%;\n  min-width: calc(100% + var(--ui-lt-border-width) * 2);\n  background: var(--ui-pal-bg);\n  margin-top: var(--lt-sp200);\n  z-index: var(--lt-z-pop);\n}\n.fu-select-x_list[data-v-41007e18]::-webkit-scrollbar-track {\n  background-color: var(--ui-pal-bg);\n}\n.fu-select-x_list[data-v-41007e18]::-webkit-scrollbar {\n  width: var(--ui-lt-scroll-width);\n  height: var(--ui-lt-scroll-width);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: var(--ui-pal-bg);\n}\n.fu-select-x_list[data-v-41007e18]::-webkit-scrollbar-thumb {\n  border: 1px solid var(--ui-pal-bg);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: transparent;\n}\n.fu-select-x_list[data-v-41007e18] ::-webkit-scrollbar-corner {\n  background-color: transparent !important;\n  border: 0 none !important;\n  box-shadow: none !important;\n}\n.fu-select-x_list[data-v-41007e18]:focus::-webkit-scrollbar-thumb, .fu-select-x_list[data-v-41007e18]:hover::-webkit-scrollbar-thumb {\n  background-color: var(--ui-pal);\n}\n.fu-select-x_list-item[data-v-41007e18] {\n  padding: var(--lt-sp100) var(--lt-sp300);\n  font-size: var(--typo-h200);\n  line-height: var(--typo-lh300);\n  border: 0 none;\n  text-decoration: none;\n  border-radius: 0;\n  justify-content: left;\n  text-align: left;\n  font-weight: inherit;\n  background: transparent;\n  outline: none;\n}\n.fu-select-x_list-item[data-v-41007e18]:hover {\n  background-color: var(--ui-pal-lateral);\n  color: var(--ui-pal-text);\n}\n.fu-select-x_list-item._selected[data-v-41007e18] {\n  color: var(--ui-pal-acc);\n  background-color: var(--ui-pal);\n}\n.fu-select-x_list-item[data-v-41007e18]:focus {\n  color: var(--ui-pal-acc);\n  background-color: var(--ui-pal);\n}\n.fu-select-x:focus-within .fu-select-x_list[data-v-41007e18] {\n  display: flex;\n}\n.fu-select-x[data-v-41007e18]:hover {\n  outline: none;\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-select-x[data-v-41007e18]:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 0 var(--ui-pal);\n  border-color: var(--ui-pal);\n}\n.fu-select-x._disabled[data-v-41007e18] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  background: transparent;\n  box-shadow: none;\n}"),w.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("label",e.mergeProps({class:"fu-select-x"},t.$attrs),[e.withDirectives(e.createElementVNode("input",{tabindex:"0",class:"fu-select-x_input",ref:"refSearch","onUpdate:modelValue":n[0]||(n[0]=e=>t.search=e),placeholder:t.model,onKeydown:n[1]||(n[1]=(...e)=>t.onTextKeydown&&t.onTextKeydown(...e)),onFocus:n[2]||(n[2]=(...e)=>t.onTextFocus&&t.onTextFocus(...e)),onBlur:n[3]||(n[3]=(...e)=>t.onSomeBlur&&t.onSomeBlur(...e)),spellcheck:"false"},null,40,k),[[e.vModelText,t.search]]),e.withDirectives(e.createElementVNode("span",{class:"fu-select-x_list",ref:"refList",onKeydown:n[5]||(n[5]=(...e)=>t.onArrows&&t.onArrows(...e))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.filteredItems,(a=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["fu-select-x_list-item",{_selected:a.value===t.model}]),tabindex:"-1",onClick:e=>t.onSelect(e,a),onBlur:n[4]||(n[4]=(...e)=>t.onSomeBlur&&t.onSomeBlur(...e))},e.toDisplayString(a.label),43,y)))),256))],544),[[e.vShow,t.filteredItems.length]])],16)},w.__scopeId="data-v-41007e18";var _=e.defineComponent({name:"FuSidebar",emits:["close"],components:{FuButton:t},props:{isOpen:{type:Boolean,default:!1},side:{type:String,default:"left"}}});const B={key:0,class:"fu-sidebar_content"};n(":root {\n  --ui-sidebar-max-w: 45vw;\n  --ui-sidebar-min-w: 25vw;\n}\n@media (max-width: 812px) {\n:root {\n    --ui-sidebar-max-w: 100vw;\n    --ui-sidebar-min-w: 90vw;\n}\n}");n(".fu-sidebar[data-v-99745aba] {\n  position: fixed;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: var(--lt-z-nav);\n  background-color: transparent;\n  transition-timing-function: linear;\n  transition-duration: 600ms;\n  transition-property: background-color, visibility;\n  pointer-events: none;\n  visibility: hidden;\n}\n.fu-sidebar._shown[data-v-99745aba] {\n  background: var(--pal-overlay);\n  visibility: visible;\n  pointer-events: unset;\n}\n.fu-sidebar_content[data-v-99745aba] {\n  overflow: auto;\n  position: absolute;\n  left: auto;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--pal-bg);\n  max-width: var(--ui-sidebar-max-w);\n  min-width: var(--ui-sidebar-min-w);\n  transform-origin: 100% 50%;\n}\n.fu-sidebar_content[data-v-99745aba]::-webkit-scrollbar-track {\n  background-color: var(--ui-pal-bg);\n}\n.fu-sidebar_content[data-v-99745aba]::-webkit-scrollbar {\n  width: var(--ui-lt-scroll-width);\n  height: var(--ui-lt-scroll-width);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: var(--ui-pal-bg);\n}\n.fu-sidebar_content[data-v-99745aba]::-webkit-scrollbar-thumb {\n  border: 1px solid var(--ui-pal-bg);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: transparent;\n}\n.fu-sidebar_content[data-v-99745aba] ::-webkit-scrollbar-corner {\n  background-color: transparent !important;\n  border: 0 none !important;\n  box-shadow: none !important;\n}\n.fu-sidebar_content[data-v-99745aba]:focus::-webkit-scrollbar-thumb, .fu-sidebar_content[data-v-99745aba]:hover::-webkit-scrollbar-thumb {\n  background-color: var(--ui-pal);\n}\n.bounce-enter-active[data-v-99745aba] {\n  animation: slide-right-99745aba 200ms;\n}\n.bounce-leave-active[data-v-99745aba] {\n  animation: slide-right-99745aba 200ms reverse;\n}\n@keyframes slide-right-99745aba {\n0% {\n    transform: translateX(100%) scaleX(1);\n}\n100% {\n    transform: translateX(0);\n}\n}"),_.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fu-sidebar",{_shown:t.isOpen}]),onClick:n[0]||(n[0]=e.withModifiers((e=>t.$emit("close")),["self"]))},[e.createVNode(e.Transition,{name:"bounce"},{default:e.withCtx((()=>[t.isOpen?(e.openBlock(),e.createElementBlock("div",B,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("",!0)])),_:3})],2)},_.__scopeId="data-v-99745aba";var S=e.defineComponent({name:"fu-textarea",props:{modelValue:{type:[String,Number],default:""},autoResize:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:n}){const a=e.ref(null),r=e=>{t.autoResize&&(e.style.height="auto",e.style.height=`${e.scrollHeight}px`)};return e.onMounted((()=>r(a.value))),{handleInput:async e=>{n("update:modelValue",e.target.value),r(e.target)},textarea:a}}});const C=["value"];n(":root {\n  --ui-textarea-resize: vertical;\n}");n(".fu-text[data-v-6ce8c220] {\n  font-size: var(--typo-h200);\n  padding: 0;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  border-radius: var(--ui-lt-border-radius);\n  transition-duration: 240ms;\n  transition-timing-function: ease-in-out;\n  transition-property: border-color, box-shadow;\n  min-height: var(--ui-lt-h);\n}\n.fu-text_textarea[data-v-6ce8c220] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp200);\n  margin: var(--lt-sp100);\n  color: var(--ui-pal-text);\n  caret-color: var(--ui-pal);\n  border: none;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  flex: 1;\n  display: block;\n  min-width: 0;\n  resize: var(--ui-textarea-resize);\n  min-height: var(--ui-lt-h);\n  height: var(--ui-lt-h);\n}\n.fu-text_textarea[data-v-6ce8c220]::-webkit-scrollbar-track {\n  background-color: var(--ui-pal-bg);\n}\n.fu-text_textarea[data-v-6ce8c220]::-webkit-scrollbar {\n  width: var(--ui-lt-scroll-width);\n  height: var(--ui-lt-scroll-width);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: var(--ui-pal-bg);\n}\n.fu-text_textarea[data-v-6ce8c220]::-webkit-scrollbar-thumb {\n  border: 1px solid var(--ui-pal-bg);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: transparent;\n}\n.fu-text_textarea[data-v-6ce8c220] ::-webkit-scrollbar-corner {\n  background-color: transparent !important;\n  border: 0 none !important;\n  box-shadow: none !important;\n}\n.fu-text_textarea[data-v-6ce8c220]:focus::-webkit-scrollbar-thumb, .fu-text_textarea[data-v-6ce8c220]:hover::-webkit-scrollbar-thumb {\n  background-color: var(--ui-pal);\n}\n.fu-text_textarea[data-v-6ce8c220]::selection {\n  background-color: var(--ui-pal);\n  color: var(--ui-pal-text-select);\n}\n.fu-text_textarea[disabled][data-v-6ce8c220], .fu-text_textarea[read-only][data-v-6ce8c220] {\n  cursor: text;\n  color: var(--ui-pal-disabled-border);\n}\n.fu-text[data-v-6ce8c220]:hover {\n  outline: none;\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-text[data-v-6ce8c220]:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 0 var(--ui-pal);\n  border-color: var(--ui-pal);\n}\n.fu-text._disabled[data-v-6ce8c220] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  background: transparent;\n  box-shadow: none;\n}"),S.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"fu-text"},{class:t.$attrs.class},{class:{_disabled:void 0!==t.$attrs.disabled||void 0!==t.$attrs.readOnly}}),[e.createElementVNode("textarea",e.mergeProps({ref:"textarea"},{...t.$attrs,class:void 0},{value:t.modelValue,class:"fu-text_textarea",onInput:n[0]||(n[0]=(...e)=>t.handleInput&&t.handleInput(...e))}),null,16,C)],16)},S.__scopeId="data-v-6ce8c220";var E=e.defineComponent({name:"fu-check",props:{modelValue:{type:[Boolean],default:!1},switchLike:{type:Boolean,default:!1}},emits:["update:modelValue"]});const z=["checked"];n('.fu-check[data-v-383402a2] {\n  font-size: var(--typo-h200);\n  user-select: none;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  height: var(--ui-lt-h);\n  position: relative;\n  outline: none;\n  color: var(--pal-text-dimm);\n}\n.fu-check_input[data-v-383402a2] {\n  opacity: 0;\n}\n.fu-check_check[data-v-383402a2] {\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  height: var(--ui-lt-h-sub);\n  width: var(--ui-lt-h-sub);\n  border-radius: var(--ui-lt-border-radius);\n  display: flex;\n  justify-content: stretch;\n  align-items: stretch;\n  margin-right: var(--lt-sp200);\n}\n.fu-check_check[data-v-383402a2]:before {\n  content: "";\n  display: block;\n  background-color: var(--ui-pal);\n  border-radius: calc(var(--ui-lt-border-radius) - var(--lt-sp100));\n  margin: var(--lt-sp100);\n  flex: 1;\n  transform: scale(0);\n  transition: all var(--ui-transition);\n}\n.fu-check_switch[data-v-383402a2] {\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  height: var(--ui-lt-h-sub);\n  width: calc(var(--ui-lt-h-sub) * 2);\n  border-radius: var(--ui-lt-h-sub);\n  margin-right: var(--lt-sp200);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: var(--lt-sp100);\n}\n.fu-check_switch[data-v-383402a2]:before {\n  content: "";\n  display: block;\n  background-color: var(--ui-pal-lateral);\n  border-radius: calc(var(--ui-lt-h-sub) - var(--lt-sp100));\n  height: 100%;\n  aspect-ratio: 1;\n  transition: all var(--ui-transition);\n}\n.fu-check._checked .fu-check_switch[data-v-383402a2]:before {\n  transform: translateX(var(--ui-lt-h-sub));\n  background-color: var(--ui-pal);\n}\n.fu-check._checked[data-v-383402a2] {\n  color: var(--pal-text);\n}\n.fu-check._checked .fu-check_check[data-v-383402a2]:before {\n  transform: scale(1);\n}\n.fu-check:hover .fu-check_box[data-v-383402a2] {\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-check[data-v-383402a2]:hover {\n  color: var(--pal-text);\n}\n.fu-check:focus-within .fu-check_box[data-v-383402a2] {\n  border-color: var(--ui-pal);\n}\n.fu-check._disabled[data-v-383402a2] {\n  color: var(--ui-pal-disabled-border);\n  cursor: not-allowed;\n}\n.fu-check._disabled .fu-check_box[data-v-383402a2] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  box-shadow: none;\n}'),E.render=function(t,n,a,r,o,l){return e.openBlock(),e.createElementBlock("label",e.mergeProps({class:["fu-check",{_disabled:void 0!==t.$attrs.disabled,_checked:t.modelValue}]},{class:t.$attrs.class,style:t.$attrs.style}),[e.createElementVNode("input",e.mergeProps({...t.$attrs,class:void 0,style:void 0,type:"checkbox"},{class:"fu-check_input",onInput:n[0]||(n[0]=e=>t.$emit("update:modelValue",e.target.checked)),checked:t.modelValue}),null,16,z),e.createElementVNode("span",{class:e.normalizeClass(["fu-check_box",t.switchLike?"fu-check_switch":"fu-check_check"])},null,2),e.renderSlot(t.$slots,"default")],16)},E.__scopeId="data-v-383402a2";var V=Object.freeze({__proto__:null,FuButton:t,FuButtonLink:a,FuCodeView:r,FuCopy:d,FuProgressRadial:s,FuSelect:h,FuSelectX:w,FuSidebar:_,FuText:g,FuTextarea:S,FuCheck:E});const $=function(e){Object.entries(V).forEach((([t,n])=>{e.component(t,n)}))};var F=Object.freeze({__proto__:null,default:$,FuButton:t,FuButtonLink:a,FuCodeView:r,FuCopy:d,FuProgressRadial:s,FuSelect:h,FuSelectX:w,FuSidebar:_,FuText:g,FuTextarea:S,FuCheck:E});return Object.entries(F).forEach((([e,t])=>{"default"!==e&&($[e]=t)})),$}(Vue);