gardenjs 1.7.0 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/assets/{frame-BOcgZVOc.js → frame-DZrm9TF0.js} +4 -4
- package/dist/assets/index-BMUAOuQc.js +46 -0
- package/dist/assets/index-qFmggI7l.css +19 -0
- package/dist/assets/{props-COK33XqS.js → props-BQOViwFg.js} +1 -1
- package/dist/frame.html +2 -2
- package/dist/index.html +3 -3
- package/package.json +1 -1
- package/src/client/components/stage/Stage.svelte +1 -1
- package/src/client/components/stage/panel/ParamsPane.svelte +72 -5
- package/src/client/components/stage/panel/controls/BooleanControl.svelte +49 -28
- package/src/client/components/stage/panel/controls/JsonControl.svelte +76 -10
- package/src/client/components/stage/panel/controls/NumberControl.svelte +55 -11
- package/src/client/components/stage/panel/controls/SelectControl.svelte +61 -42
- package/src/client/components/stage/panel/controls/button.scss +0 -1
- package/src/client/components/stage/panel/controls/button_unset.scss +2 -3
- package/src/client/components/stage/panel/controls/input.scss +0 -1
- package/dist/assets/index-BDdBNVTh.css +0 -19
- package/dist/assets/index-DFG9gkdS.js +0 -46
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@charset "UTF-8";.container.svelte-1pql0kc{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%;overflow-y:auto}.top.svelte-1pql0kc{flex-grow:0;flex-shrink:0;border-bottom:0;border-radius:.625rem .625rem 0 0;overflow:hidden}.dragbar.svelte-1pql0kc{flex-grow:0;flex-shrink:0;height:.188rem;background-color:var(--c-primary);cursor:row-resize;z-index:10}.dragging.svelte-1pql0kc,.dragbar.svelte-1pql0kc:hover{background-color:var(--c-primary);transform:scaleY(2)}.resizepane-container.svelte-mmou7f{display:grid;grid-template:min-content 1.25rem / min-content 1.25rem;width:100%;height:100%;overflow:auto}.dragbar.svelte-mmou7f{display:flex;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--c-dragbar-bg);z-index:10}.dragbar.svelte-mmou7f:hover{background-color:var(--c-dragbar-bg-hover)}.vertical.svelte-mmou7f{width:1.25rem;border-top:1px solid var(--c-dragbar-bg);border-right:1px solid var(--c-dragbar-bg);border-radius:0 .625rem 0 0;cursor:ew-resize}.vertical.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:.25rem;height:60%;max-height:3.75rem;background-color:var(--c-dragbar-icon);border-radius:1rem}.horizontal.svelte-mmou7f{height:1.25rem;border-bottom:1px solid var(--c-dragbar-bg);border-left:1px solid var(--c-dragbar-bg);cursor:ns-resize}.horizontal.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:60%;max-width:3.75rem;height:.25rem;background-color:var(--c-dragbar-icon);border-radius:1rem}.corner.svelte-mmou7f{width:1.25rem;height:1.25rem;border-right:1px solid var(--c-dragbar-bg);border-bottom:1px solid var(--c-dragbar-bg);cursor:nwse-resize}.corner.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:1rem;height:.25rem;transform:rotate(-45deg);background-color:var(--c-dragbar-icon);border-radius:1rem}.dragbar.disabled.svelte-mmou7f{display:none}.resizepane-container.disabled.svelte-mmou7f{display:flex;justify-content:center}:root{--h-panelnav: 2.375rem}.panel_container.svelte-vqa2xr{position:relative;overflow:hidden;flex:1;height:100%}.panel_nav.svelte-vqa2xr{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--h-panelnav);background-color:var(--c-basic-75);border-bottom:1px solid var(--c-bg-body);overflow-x:auto}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr){margin:0 1.25rem 0 0}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) ul:where(.svelte-vqa2xr){display:flex;overflow-x:auto}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr){position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.25rem;height:calc(var(--h-panelnav) - 1px);font-size:.875rem;color:var(--c-basic-700);white-space:nowrap;text-transform:capitalize;overflow:hidden}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr) .dot:where(.svelte-vqa2xr){display:block;width:.313rem;height:.313rem;background-color:transparent;border-radius:50%}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button.active:where(.svelte-vqa2xr) .dot:where(.svelte-vqa2xr){background-color:var(--c-primary)}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr):hover,.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr):focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-100)}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr):focus-visible{background-color:var(--c-basic-150)}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button.active:where(.svelte-vqa2xr){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg)}.panel_toggle.svelte-vqa2xr{padding:0 .75rem;height:100%;background:none}.is-hidden.svelte-vqa2xr{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}.panel_toggle.svelte-vqa2xr svg:where(.svelte-vqa2xr){margin-top:.188rem;height:1.375rem;color:var(--c-basic-700)}.panel_toggle.svelte-vqa2xr:hover svg:where(.svelte-vqa2xr),.panel_toggle.svelte-vqa2xr:focus-visible svg:where(.svelte-vqa2xr){color:var(--c-primary)}.panel_toggle.svelte-vqa2xr:focus-visible{background-color:var(--c-basic-150)}.panel_pane.svelte-vqa2xr{position:absolute;top:var(--h-panelnav);right:0;bottom:0;left:0;width:100%;overflow-y:auto}.unset-area.svelte-1gr78vr{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-1gr78vr{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1gr78vr{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1gr78vr:hover,.btn_unset.svelte-1gr78vr:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-1gr78vr .close:where(.svelte-1gr78vr){margin-right:.25rem}.boolean-row.svelte-1gr78vr{display:flex;align-items:flex-start;gap:.5rem;width:100%}.boolean-control.svelte-1gr78vr{flex:1;min-width:0}.boolean-row.svelte-1gr78vr .unset-area:where(.svelte-1gr78vr){flex-shrink:0}input.svelte-1gr78vr{border:1px solid var(--c-basic-150);background:var(--c-basic-0);color:var(--c-basic-800)}@supports (appearance: none){input[type=checkbox].svelte-1gr78vr{appearance:none;position:relative;display:inline-block;margin:0;padding:0;height:1.25rem;vertical-align:top;outline:none;border:1px solid var(--c-primary);cursor:pointer}input[type=checkbox].svelte-1gr78vr:after{position:absolute;display:block;content:"";left:0;top:0}input[type=checkbox].svelte-1gr78vr:checked{background-color:var(--c-primary);border:1px solid var(--c-primary)}input[type=checkbox].svelte-1gr78vr:disabled{background-color:var(--c-text);cursor:not-allowed;opacity:.4}input[type=checkbox].svelte-1gr78vr:disabled:checked{background-color:var(--c-text);border-color:var(--c-text)}input[type=checkbox].svelte-1gr78vr:hover:not(:checked):not(:disabled){border-color:var(--c-primary)}input[type=checkbox].svelte-1gr78vr:focus-visible{outline:none;box-shadow:0 0 0 1px var(--c-primary)}input[type=checkbox].checkbox.svelte-1gr78vr{margin:.25rem 0 0;width:1.25rem;border-radius:0}input[type=checkbox].checkbox.svelte-1gr78vr:after{width:.313rem;height:.563rem;border:2px solid #fff;border-top:0;border-left:0;left:.4rem;top:.2125rem;transform:rotate(43deg);opacity:var(--o, 0)}input[type=checkbox].checkbox.svelte-1gr78vr:checked{--o: 1}input[type=checkbox].toggle.svelte-1gr78vr{width:2.5rem;border-radius:1.125rem;transition:background-color .2s ease}input[type=checkbox].toggle.svelte-1gr78vr:after{width:1rem;height:1rem;border-radius:50%;background-color:var(--c-basic-0);left:.0625rem;top:.0625rem;transition:left .2s ease}input[type=checkbox].toggle.svelte-1gr78vr:checked:after{left:1.3125rem}input[type=checkbox].toggle.svelte-1gr78vr:not(:checked){background-color:var(--c-basic-300);border-color:var(--c-basic-300)}}.unset-area.svelte-18ymmjg{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-18ymmjg{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-18ymmjg{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-18ymmjg:hover,.btn_unset.svelte-18ymmjg:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-18ymmjg .close:where(.svelte-18ymmjg){margin-right:.25rem}.input.svelte-18ymmjg{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-18ymmjg:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.row.svelte-18ymmjg{display:flex;gap:.5rem;align-items:center}.color-picker-wrapper.svelte-18ymmjg{position:relative;width:2.5rem;height:1.469rem;border-radius:.125rem;overflow:hidden}.color-picker-wrapper.picker-unset.svelte-18ymmjg{border:1px solid var(--c-primary)}.color-picker-wrapper.picker-unset.svelte-18ymmjg input[type=color]:where(.svelte-18ymmjg){opacity:0}.color-picker-wrapper.picker-unset.svelte-18ymmjg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(150deg,transparent calc(50% - 1px),red calc(50% - 1px),red calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none;z-index:1}input[type=color].svelte-18ymmjg{width:100%;height:100%;padding:0;border:none;border-radius:.125rem;cursor:pointer}.input.svelte-18ymmjg{max-width:12.5rem}.alpha-preview.svelte-18ymmjg{width:2.5rem;height:1.469rem;border-radius:.125rem;background-image:linear-gradient(45deg,var(--c-basic-100) 25%,transparent 25%),linear-gradient(-45deg,var(--c-basic-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-basic-100) 75%),linear-gradient(-45deg,transparent 75%,var(--c-basic-100) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;overflow:hidden}input[type=color].svelte-18ymmjg::-webkit-color-swatch-wrapper{padding:0}input[type=color].svelte-18ymmjg::-webkit-color-swatch{border:none;border-radius:.063rem}.input.svelte-1dq1po2{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-1dq1po2:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.unset-area.svelte-1dq1po2{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-1dq1po2{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1dq1po2{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1dq1po2:hover,.btn_unset.svelte-1dq1po2:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-1dq1po2 .close:where(.svelte-1dq1po2){margin-right:.25rem}.row.svelte-1dq1po2{display:flex;gap:.5rem;align-items:center}input[type=date].svelte-1dq1po2{cursor:pointer;flex:1}input[type=date].svelte-1dq1po2::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--c-primary)}.input.svelte-d8d6wu{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-d8d6wu:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.unset-area.svelte-d8d6wu{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-d8d6wu{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-d8d6wu{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-d8d6wu:hover,.btn_unset.svelte-d8d6wu:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-d8d6wu .close:where(.svelte-d8d6wu){margin-right:.25rem}.row.svelte-d8d6wu{display:flex;gap:.5rem;align-items:center}input[type=datetime-local].svelte-d8d6wu{cursor:pointer;flex:1}input[type=datetime-local].svelte-d8d6wu::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--c-primary)}.unset-area.svelte-1nnn2qv{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-1nnn2qv{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1nnn2qv{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1nnn2qv:hover,.btn_unset.svelte-1nnn2qv:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-1nnn2qv .close:where(.svelte-1nnn2qv){margin-right:.25rem}.row.svelte-1nnn2qv{display:flex;gap:.5rem;align-items:center}.select-wrapper.svelte-1nnn2qv{flex:1;position:relative}.select-button.svelte-1nnn2qv{width:100%;height:1.5rem;padding:.125rem .5rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800);cursor:pointer}.select-button.svelte-1nnn2qv:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.selected-text.svelte-1nnn2qv{flex:1;text-align:left}.placeholder.svelte-1nnn2qv{color:var(--c-basic-500)}.arrow.svelte-1nnn2qv{transition:transform .2s;color:var(--c-basic-600)}.arrow.open.svelte-1nnn2qv{transform:rotate(180deg)}.dropdown.svelte-1nnn2qv{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:200px;overflow-y:auto;background:var(--c-basic-0);border:1px solid var(--c-primary);border-radius:.125rem;box-shadow:0 2px 8px #0000001a;z-index:100}.dropdown-item.svelte-1nnn2qv{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;cursor:pointer;font-size:.938rem;color:var(--c-basic-700)}.dropdown-item.svelte-1nnn2qv:hover{background-color:var(--c-primary-bg);color:var(--c-basic-800)}.dropdown-item.svelte-1nnn2qv span:where(.svelte-1nnn2qv){-webkit-user-select:none;user-select:none}.dropdown-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv){cursor:pointer;margin:0;width:1.125rem;height:1.125rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0)}@supports (appearance: none){.dropdown-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv){appearance:none;position:relative;border-radius:.125rem;transition:all .15s ease}.dropdown-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv):hover{border-color:var(--c-primary)}.dropdown-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv):checked{border-color:var(--c-primary);background:var(--c-primary)}.dropdown-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv):checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.313rem;height:.563rem;border:.125rem solid var(--c-basic-0);border-top:0;border-left:0}.dropdown-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv):focus{outline:none;box-shadow:0 0 0 1px var(--c-primary)}}.checkboxes-container.svelte-1nnn2qv{display:flex;flex-direction:column;gap:.5rem}.checkbox-item.svelte-1nnn2qv{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.938rem;color:var(--c-basic-700)}.checkbox-item.svelte-1nnn2qv:hover{color:var(--c-basic-800)}.checkbox-item.svelte-1nnn2qv span:where(.svelte-1nnn2qv){-webkit-user-select:none;user-select:none}.checkbox-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv){cursor:pointer;margin:0;width:1.125rem;height:1.125rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0)}@supports (appearance: none){.checkbox-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv){appearance:none;position:relative;border-radius:.125rem;transition:all .15s ease}.checkbox-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv):hover{border-color:var(--c-primary)}.checkbox-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv):checked{border-color:var(--c-primary);background:var(--c-primary)}.checkbox-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv):checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.313rem;height:.563rem;border:.125rem solid var(--c-basic-0);border-top:0;border-left:0}.checkbox-item.svelte-1nnn2qv input[type=checkbox]:where(.svelte-1nnn2qv):focus{outline:none;box-shadow:0 0 0 1px var(--c-primary)}}.checkboxes-unset.svelte-1nnn2qv,.checkboxes-btn-unset.svelte-1nnn2qv{margin:.75rem 0 0}.checkboxes-unset.svelte-1nnn2qv{line-height:1.25rem}.unset-area.svelte-sfv6sj{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-sfv6sj{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-sfv6sj{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-sfv6sj:hover,.btn_unset.svelte-sfv6sj:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-sfv6sj .close:where(.svelte-sfv6sj){margin-right:.25rem}.input.svelte-sfv6sj{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-sfv6sj:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.row.svelte-sfv6sj{display:flex;gap:.5rem;align-items:center}.container.svelte-sfv6sj{flex:1;display:block}.input.svelte-sfv6sj{padding-right:0;-moz-appearance:auto;appearance:auto}.input.svelte-sfv6sj::-webkit-inner-spin-button,.input.svelte-sfv6sj::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}.btn.svelte-all1w2{display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;background-color:var(--c-basic-100);font-size:.875rem;color:var(--c-basic-800)}.btn.svelte-all1w2:hover,.btn.svelte-all1w2:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.input.svelte-all1w2{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-all1w2:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.object-param.svelte-all1w2{display:flex;flex-direction:column;gap:.375rem;width:100%}.object-item.svelte-all1w2{display:flex;gap:.25rem;align-items:center}.input_key.svelte-all1w2{flex:0 0 35%;min-width:0}.separator.svelte-all1w2{color:var(--c-basic-500);font-weight:500}.input.input_value.svelte-all1w2{flex:1;min-width:0}.btn_remove.svelte-all1w2{width:1.5rem;height:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.125rem}.btn.svelte-all1w2{max-width:8.5rem}.plus.svelte-all1w2{display:block;margin-right:.25rem}.unset-area.svelte-38l32p{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-38l32p{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-38l32p{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-38l32p:hover,.btn_unset.svelte-38l32p:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-38l32p .close:where(.svelte-38l32p){margin-right:.25rem}.row.svelte-38l32p{display:flex;gap:.5rem;align-items:center}.slider-wrapper.svelte-38l32p{flex:1;display:flex;align-items:center;height:1.5rem}.range.svelte-38l32p{width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;outline:none;padding:0;margin:0}.range.svelte-38l32p::-webkit-slider-runnable-track{width:100%;height:.25rem;background-color:var(--c-basic-250);border-radius:.125rem;border:none}.range.svelte-38l32p::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;background:var(--c-primary);border-radius:50%;cursor:pointer;box-shadow:0 1px .25rem #0000004d;margin-top:-8px}.range.svelte-38l32p::-webkit-slider-thumb:hover{background:var(--c-primary-hover, var(--c-primary))}.range.svelte-38l32p::-moz-range-track{width:100%;height:.25rem;background:var(--c-basic-300);border-radius:.125rem;border:none}.range.svelte-38l32p::-moz-range-thumb{width:1.125rem;height:1.125rem;background:var(--c-primary);border:.125rem solid var(--c-basic-0);border-radius:50%;cursor:pointer;box-shadow:0 1px .25rem #0000004d}.range.svelte-38l32p::-moz-range-thumb:hover{background:var(--c-primary-hover, var(--c-primary))}.range.svelte-38l32p:focus{outline:none}.range.svelte-38l32p:focus::-webkit-slider-thumb{box-shadow:0 0 0 .188rem var(--c-primary-bg),0 1px .25rem #0000004d}.range.svelte-38l32p:focus::-moz-range-thumb{box-shadow:0 0 0 .188rem var(--c-primary-bg),0 1px .25rem #0000004d}.value.svelte-38l32p{min-width:3rem;text-align:right;font-size:.938rem;font-weight:500;color:var(--c-basic-800)}.unset-area.svelte-1gepxch{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-1gepxch{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1gepxch{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1gepxch:hover,.btn_unset.svelte-1gepxch:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-1gepxch .close:where(.svelte-1gepxch){margin-right:.25rem}.row.svelte-1gepxch{display:flex;gap:.5rem;align-items:center}.container.svelte-1gepxch{position:relative;display:block;flex:1}.select.svelte-1gepxch{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select.svelte-1gepxch:focus{outline:none;box-shadow:0 0 0 1px var(--c-primary)}.select.svelte-1gepxch:disabled{opacity:.5;cursor:not-allowed}.icon.svelte-1gepxch{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);color:var(--c-primary);pointer-events:none}.radio-row.svelte-1gepxch{display:flex;align-items:flex-start;gap:.5rem;width:100%}.radio-row.svelte-1gepxch .radio-group:where(.svelte-1gepxch){flex:1;min-width:0}.radio-group.svelte-1gepxch{display:flex;flex-direction:column;gap:.5rem}.radio-option.svelte-1gepxch{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.938rem;color:var(--c-basic-700)}.radio-option.svelte-1gepxch:hover{color:var(--c-basic-800)}.radio-label.svelte-1gepxch{-webkit-user-select:none;user-select:none}input[type=radio].svelte-1gepxch{cursor:pointer;margin:0;width:1.125rem;height:1.125rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0)}@supports (appearance: none){input[type=radio].svelte-1gepxch{appearance:none;position:relative;border-radius:50%;transition:all .15s ease}input[type=radio].svelte-1gepxch:hover{border-color:var(--c-primary)}input[type=radio].svelte-1gepxch:checked{border-color:var(--c-primary);background:var(--c-primary)}input[type=radio].svelte-1gepxch:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;border-radius:50%;background-color:var(--c-basic-0)}input[type=radio].svelte-1gepxch:focus-visible{outline:none;box-shadow:0 0 0 1px var(--c-primary)}}.radio-row.svelte-1gepxch .unset-area:where(.svelte-1gepxch){flex-shrink:0;margin-top:0}.radio-unset.svelte-1gepxch,.radio-btn-unset.svelte-1gepxch{margin:0}.radio-unset.svelte-1gepxch{line-height:1.25rem}.input.svelte-1987dhe{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-1987dhe:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.unset-area.svelte-1987dhe{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-1987dhe{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1987dhe{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1987dhe:hover,.btn_unset.svelte-1987dhe:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-1987dhe .close:where(.svelte-1987dhe){margin-right:.25rem}.row.svelte-1987dhe{display:flex;gap:.5rem;align-items:center}.container.svelte-1987dhe{flex:1;display:block}.textarea.svelte-1987dhe{resize:vertical;height:auto;line-height:1.4;padding:.375rem .5rem}.input.svelte-imoume{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-imoume:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.unset-area.svelte-imoume{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-imoume{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-imoume{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-imoume:hover,.btn_unset.svelte-imoume:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-imoume .close:where(.svelte-imoume){margin-right:.25rem}.row.svelte-imoume{display:flex;gap:.5rem;align-items:center}input[type=time].svelte-imoume{cursor:pointer;flex:1}input[type=time].svelte-imoume::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--c-primary)}.btn.svelte-eh6o2x{display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;background-color:var(--c-basic-100);font-size:.875rem;color:var(--c-basic-800)}.btn.svelte-eh6o2x:hover,.btn.svelte-eh6o2x:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.items.svelte-eh6o2x{display:flex;flex-direction:column;gap:1rem;width:100%}.item.svelte-eh6o2x{border-left:1px solid var(--c-basic-250);padding:0 0 0 .75rem;background:var(--c-basic-0)}.item_header.svelte-eh6o2x{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.item_number.svelte-eh6o2x{font-size:.875rem;font-weight:600;color:var(--c-basic-600)}.grid.svelte-eh6o2x{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:.75rem;align-items:start}.label.svelte-eh6o2x{font-size:.938rem;font-weight:500;color:var(--c-basic-700);max-width:220px}.btn_remove.svelte-eh6o2x{width:1.5rem;height:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.125rem}.btn_add.svelte-eh6o2x{max-width:8.5rem}.plus.svelte-eh6o2x{display:block;margin-right:.25rem}.unset-area.svelte-1btornk{display:flex;justify-content:flex-end;align-self:start;margin:.068rem 0 0}.unset-info.svelte-1btornk{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1btornk{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1btornk:hover,.btn_unset.svelte-1btornk:focus-visible{background-color:var(--c-basic-150);color:var(--c-primary)}.btn_unset.svelte-1btornk .close:where(.svelte-1btornk){margin-right:.25rem}.input.svelte-1btornk{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-1btornk:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.row.svelte-1btornk{display:flex;gap:.5rem;align-items:flex-start}.container.svelte-1btornk{flex:1;display:block;min-width:0}.textarea.svelte-1btornk{resize:vertical;height:auto;line-height:1.4;padding:.375rem .5rem}.btn-set-changes.svelte-1btornk{display:block;margin-top:.5rem;padding:.25rem .5rem;font-size:.813rem;color:var(--c-basic-700);background:var(--c-basic-100);cursor:pointer}.btn-set-changes.svelte-1btornk:hover{background-color:var(--c-primary-bg);color:var(--c-basic-800)}.btn.svelte-3aq3jh{display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;background-color:var(--c-basic-100);font-size:.875rem;color:var(--c-basic-800)}.btn.svelte-3aq3jh:hover,.btn.svelte-3aq3jh:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.pane.svelte-3aq3jh{width:100%;padding:1.25rem;overflow-y:auto}.header.svelte-3aq3jh{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.title.svelte-3aq3jh{font-size:.95rem;font-weight:600;color:var(--c-basic-800)}.empty.svelte-3aq3jh{color:var(--c-basic-600);font-size:.9rem}.grid.svelte-3aq3jh{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:.75rem;align-items:start}.label-cell.svelte-3aq3jh{display:flex;align-items:center;gap:.35rem}.label.svelte-3aq3jh{margin:.313rem 0 0;font-size:.938rem;font-weight:500;color:var(--c-basic-900)}.info-btn.svelte-3aq3jh{display:inline-flex;margin:-.15rem 0;padding:.15rem;color:var(--c-basic-900)}.info-btn.svelte-3aq3jh:hover,.info-btn[aria-expanded=true].svelte-3aq3jh{color:var(--c-primary)}.description.svelte-3aq3jh{grid-column:1 / -1;margin:-.25rem 0 0;padding:.5rem .75rem;font-size:.813rem;color:var(--c-basic-800);line-height:1.35;background-color:var(--c-primary-bg)}.container.svelte-1doqx20{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;height:100%;overflow-x:auto}.left.svelte-1doqx20{flex-grow:0;flex-shrink:0;border-right:0;border-radius:.625rem .625rem 0 0;overflow:auto}.dragbar.svelte-1doqx20{flex-grow:0;flex-shrink:0;width:.188rem;background-color:var(--c-primary);cursor:col-resize;z-index:10}.dragging.svelte-1doqx20,.dragbar.svelte-1doqx20:hover{background-color:var(--c-primary);transform:scaleX(2)}.hide-drag-bar.svelte-1doqx20{background-color:unset}.examples.svelte-5vwl47{list-style:none;margin:0;padding:1.25rem 0 1.25rem 1.25rem;width:100%;overflow-x:hidden}.examples.svelte-5vwl47 li:where(.svelte-5vwl47) button:where(.svelte-5vwl47){display:flex;align-items:center;justify-items:flex-start;margin:0;padding:.5rem .5rem .5rem 1.25rem;width:100%;font-size:.9rem;color:var(--c-basic-600);text-align:left}.examples.svelte-5vwl47 li:where(.svelte-5vwl47) button:where(.svelte-5vwl47) .dot:where(.svelte-5vwl47){display:block;margin:0 .5rem 0 0;height:.375rem;width:.375rem;background-color:transparent;border-radius:50%}.examples.svelte-5vwl47 li.active:where(.svelte-5vwl47) button:where(.svelte-5vwl47) .dot:where(.svelte-5vwl47){background-color:var(--c-primary)}.examples.svelte-5vwl47 li:where(.svelte-5vwl47):nth-child(odd) button:where(.svelte-5vwl47){background-color:var(--c-basic-50)}.examples.svelte-5vwl47 li:where(.svelte-5vwl47) button:where(.svelte-5vwl47):hover,.examples.svelte-5vwl47 li:where(.svelte-5vwl47) button:where(.svelte-5vwl47):focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-150)}.examples.svelte-5vwl47 li.active:where(.svelte-5vwl47) button:where(.svelte-5vwl47){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg)}.examples.svelte-5vwl47 li.active:where(.svelte-5vwl47) button:where(.svelte-5vwl47):focus-visible{background-color:var(--c-basic-150)}.markdown-body{--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-canvas-default: #ffffff;--color-canvas-subtle: hsl(168, 8%, 94%);--color-border-default: #d0d7de;--color-border-muted: hsla(210, 18%, 87%, 1);--color-neutral-muted: var(--c-basic-150);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-attention-subtle: #fff8c5;--color-danger-fg: #cf222e}.dark .markdown-body{--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #6e7681;--color-canvas-default: #0d1117;--color-canvas-subtle: var(--c-basic-150);--color-border-default: #30363d;--color-border-muted: #21262d;--color-neutral-muted: var(--c-basic-150);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-attention-subtle: rgba(187, 128, 9, .15);--color-danger-fg: #f85149}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;width:100%;max-width:900px;color:var(--color-fg-default);word-wrap:break-word}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:transparent;color:var(--color-accent-fg);text-decoration:none}.markdown-body abbr[title]{border-bottom:none;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:1.75em;border-bottom:1px solid var(--color-border-muted)}.markdown-body mark{background-color:var(--color-attention-subtle);color:var(--color-fg-default)}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:var(--color-canvas-default)}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 40px}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-border-muted);height:.25em;padding:0;margin:24px 0;background-color:var(--color-border-default);border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:var(--color-fg-subtle);opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body details:not([open])>*:not(summary){display:none!important}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px transparent}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-subtle);border:solid 1px var(--color-neutral-muted);border-bottom-color:var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:var(--base-text-weight-semibold, 600);line-height:1.25}.markdown-body h2{font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:1.375em;border-bottom:1px solid var(--color-border-muted)}.markdown-body h3{font-weight:var(--base-text-weight-semibold, 600);font-size:1.25em}.markdown-body h4{font-weight:var(--base-text-weight-semibold, 600);font-size:1.125em}.markdown-body h5{font-weight:var(--base-text-weight-semibold, 600);font-size:.875em}.markdown-body h6{font-weight:var(--base-text-weight-semibold, 600);font-size:.85em;color:var(--color-fg-muted)}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-fg-muted);border-left:.25em solid var(--color-border-default)}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;word-wrap:normal}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:16px}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type=a]{list-style-type:lower-alpha}.markdown-body ol[type=A]{list-style-type:upper-alpha}.markdown-body ol[type=i]{list-style-type:lower-roman}.markdown-body ol[type=I]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:.875rem;font-style:italic;font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table th{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid var(--color-border-default)}.markdown-body table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.markdown-body table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.markdown-body table img{background-color:transparent}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:var(--color-neutral-muted);border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--color-canvas-subtle);border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}/*!
|
|
2
|
+
Theme: GitHub
|
|
3
|
+
Description: Light theme as seen on github.com
|
|
4
|
+
Author: github.com
|
|
5
|
+
Maintainer: @Hirse
|
|
6
|
+
Updated: 2021-05-15
|
|
7
|
+
|
|
8
|
+
Outdated base version: https://github.com/primer/github-syntax-light
|
|
9
|
+
Current colors taken from GitHub's CSS
|
|
10
|
+
*/.hljs{color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}/*!
|
|
11
|
+
Theme: GitHub Dark
|
|
12
|
+
Description: Dark theme as seen on github.com
|
|
13
|
+
Author: github.com
|
|
14
|
+
Maintainer: @Hirse
|
|
15
|
+
Updated: 2021-05-15
|
|
16
|
+
|
|
17
|
+
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
18
|
+
Current colors taken from GitHub's CSS
|
|
19
|
+
*/[data-theme=dark] .hljs{color:#c9d1d9}[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-meta .hljs-keyword,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-variable.language_{color:#ff7b72}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-title.class_,[data-theme=dark] .hljs-title.class_.inherited__,[data-theme=dark] .hljs-title.function_{color:#d2a8ff}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-operator,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-selector-attr,[data-theme=dark] .hljs-selector-class,[data-theme=dark] .hljs-selector-id{color:#79c0ff}[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-meta .hljs-string{color:#a5d6ff}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-symbol{color:#ffa657}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-code,[data-theme=dark] .hljs-formula{color:#8b949e}[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-quote,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-selector-pseudo{color:#7ee787}[data-theme=dark] .hljs-subst{color:#c9d1d9}[data-theme=dark] .hljs-section{color:#1f6feb;font-weight:700}[data-theme=dark] .hljs-bullet{color:#f2cc60}[data-theme=dark] .hljs-emphasis{color:#c9d1d9;font-style:italic}[data-theme=dark] .hljs-strong{color:#c9d1d9;font-weight:700}[data-theme=dark] .hljs-addition{color:#aff5b4;background-color:#033a16}[data-theme=dark] .hljs-deletion{color:#ffdcd7;background-color:#67060c}.markdown-body.svelte-hsw10l,.panel_code.svelte-15v319t{padding:1.25rem}.stage_iframe.svelte-17n05ij{display:block;align-self:center;margin:auto;height:100%;width:100%;background-color:var(--c-basic-0)}.panel.svelte-17n05ij{display:flex;flex-direction:column;flex-wrap:nowrap;position:relative;margin-bottom:.375rem;height:100%;width:100%;background-color:var(--c-basic-0);border-top:0;border-radius:0 0 .625rem .625rem;overflow-y:auto}.component_link.svelte-1cnyrt6{display:flex;margin:0;padding:.188rem 0;width:100%;height:1.375rem;text-transform:initial;font-size:.813rem;color:var(--c-basic-600);line-height:1.2;font-weight:400}.component_link.svelte-1cnyrt6:hover,.component_link.svelte-1cnyrt6:focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-100)}.component_link-container.svelte-1cnyrt6{display:flex;align-items:center}.component_link.svelte-1cnyrt6 .component_dot:where(.svelte-1cnyrt6){margin:0 .5rem 0 -.219rem;height:.375rem;width:.375rem!important;background-color:transparent;border-radius:50%}.component_link.selected.svelte-1cnyrt6 .component_dot:where(.svelte-1cnyrt6){background-color:var(--c-primary)}.component_link.selected.svelte-1cnyrt6{margin-left:-1px;color:var(--c-primary);font-weight:600;background-color:var(--c-primary-bg);border-left:1px solid var(--c-primary)}.component_icon.svelte-1cnyrt6{display:flex;align-items:center;margin:0 .5rem 0 0;color:var(--c-basic-400)}.component_label.svelte-1cnyrt6{margin-right:.5rem;overflow:hidden;white-space:nowrap}.bookmarks.svelte-qxg2ml{display:none}@media (min-height: 500px) and (min-width: 500px){.bookmarks.svelte-qxg2ml{display:block}}.bookmarks_title.svelte-qxg2ml{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:0;padding:.5rem .688rem .375rem}.bookmarks_title-icon.svelte-qxg2ml{display:flex;align-items:center;margin-right:.375rem;color:var(--c-primary)}.bookmarks_title-label.svelte-qxg2ml{display:flex;width:100%;font-size:.813rem;color:var(--c-basic-900);font-weight:600;text-transform:uppercase;overflow:hidden;white-space:nowrap}.border-btm.svelte-qxg2ml{margin:1rem 0 .5rem;height:1px;border-bottom:1px solid var(--c-bg-body)}.components.svelte-qxg2ml{margin-left:1.063rem;width:100%;border-left:1px solid var(--c-basic-250)}.component.svelte-qxg2ml{display:flex;height:1.375rem;width:100%;z-index:1}.close.svelte-qxg2ml{position:absolute;display:flex;justify-content:flex-end;align-items:center;right:0;width:1.75rem;height:1.375rem;z-index:9;background-color:var(--c-sidebar-bg)}.component:has(.component_link:hover) .close,.component:has(.component_link:focus-visible) .close{background-color:var(--c-basic-100)}.component:has(.close:hover) .component_link.selected,.component:has(.component_link.selected) .close{background-color:var(--c-primary-bg)!important}.component:has(.close:hover) .component_link,.close.svelte-qxg2ml:hover{background-color:var(--c-basic-100)}.close-icon.svelte-qxg2ml{display:block;color:var(--c-basic-600)}.close.svelte-qxg2ml:hover .close-icon:where(.svelte-qxg2ml),.close.svelte-qxg2ml:focus-visible .close-icon:where(.svelte-qxg2ml){color:var(--c-primary);stroke-width:4}.components.svelte-1nn9bvq{margin-left:1.063rem;border-left:1px solid var(--c-basic-250)}.component.svelte-1nn9bvq{height:1.375rem}.level-1.svelte-1nn9bvq{width:100%;margin:0;padding:0;border:none}.folder.svelte-1nn9bvq{display:block;margin:0}.folder_btn.svelte-1nn9bvq{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:0;padding:.5rem .688rem .375rem}.folder_label.svelte-1nn9bvq{display:flex;width:100%;font-size:.813rem;color:var(--c-basic-900);font-weight:600;text-transform:uppercase;overflow:hidden;white-space:nowrap}.folder_btn.svelte-1nn9bvq:hover{background-color:var(--c-basic-100)}.folder_btn.svelte-1nn9bvq:hover .folder_label:where(.svelte-1nn9bvq){color:var(--c-primary)}.folder_btn.svelte-1nn9bvq:focus-visible{color:var(--c-primary);outline:none;background-color:var(--c-basic-100)}.folder_arrow.svelte-1nn9bvq{display:flex;align-items:center;width:.938rem;height:1.25rem;transition:.2s;margin-right:.375rem;color:var(--c-basic-900)}.folder_arrow.unfolded_icon.svelte-1nn9bvq{transform:rotate(180deg);transition:.2s}.folder_icon.svelte-1nn9bvq{display:flex;align-items:center;margin-right:.375rem;color:var(--c-primary)}.btn_level-3.svelte-1nn9bvq .folder_label:where(.svelte-1nn9bvq){font-size:.813rem}.filter_list.svelte-1nn9bvq .highlight{padding:0 .125rem;color:var(--c-primary);font-weight:700}.sidebar_container.svelte-v0in3m{margin-right:.125rem;display:flex;flex-direction:column;position:relative;height:calc(100vh - .75rem);background-color:var(--c-sidebar-bg);border-radius:.625rem;transition:width .1s;overflow:hidden}.show-sidebar.svelte-v0in3m{margin:.375rem .125rem .375rem 0;box-sizing:border-box}.project-identifier.svelte-v0in3m{position:relative;display:flex;flex-shrink:0;flex-direction:row;justify-content:center;align-items:center;padding:.25rem .688rem;margin:0 0 .125rem;width:100%;height:2.25rem;background-color:var(--c-sidebar);inline-size:100%;overflow:hidden;white-space:nowrap;font-size:1.25rem;color:var(--c-primary);text-decoration:none;font-weight:900;line-height:1}.project-identifier.has-logo.svelte-v0in3m{height:auto}.project-identifier.svelte-v0in3m:focus-visible{color:var(--c-basic-500)}.project-identifier.svelte-v0in3m span:where(.svelte-v0in3m){overflow:hidden}.filter.svelte-v0in3m{display:flex;flex-shrink:0;margin:0 0 .25rem;padding:.25rem .688rem;height:2.25rem}.filter_input.svelte-v0in3m{padding:.125rem .125rem .125rem .688rem;width:100%;height:100%;color:var(--c-basic-900);background-color:var(--c-basic-0);border:1px solid var(--c-primary);border-radius:1.75rem}input.filter_input[type=search].svelte-v0in3m{font-size:.813rem}input[type=search].svelte-v0in3m::-webkit-search-cancel-button{-webkit-appearance:none}.filter_input.svelte-v0in3m::placeholder{font-size:.813rem;color:var(--c-basic-500)}.filter_input.svelte-v0in3m:focus{background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.filter_zero-results.svelte-v0in3m{width:100%;padding:.5rem .688rem .375rem;text-transform:initial;font-size:.813rem;color:var(--c-basic-600);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-nav.svelte-v0in3m{display:flex;flex-shrink:1;overflow:hidden;visibility:visible;width:var(--w-sidebar);overflow-y:auto;margin:0 0 1rem}.controls.svelte-v0in3m{display:none}@media (min-height: 35rem){.controls.svelte-v0in3m{display:block;flex-shrink:0;width:100%;height:103px;bottom:.375rem;padding:0;background-color:var(--c-sidebar);border-top:1px solid var(--c-bg-body);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow:hidden}}.controls_btn.svelte-v0in3m{display:flex;justify-content:flex-start;align-items:center;width:100%;height:2.125rem;margin:0;padding:0 .688rem;text-align:left}.controls_btn.svelte-v0in3m:hover,.controls_btn.svelte-v0in3m:focus-visible{background-color:var(--c-basic-100)}.controls_btn-icon.svelte-v0in3m{margin:0;color:var(--c-basic-700)}.controls_btn-label.svelte-v0in3m{position:relative;align-self:center;margin-left:.75rem;width:100%;color:var(--c-basic-900);font-size:.875rem;font-weight:400}.controls_btn.svelte-v0in3m:hover .controls_btn-label:where(.svelte-v0in3m),.controls_btn.svelte-v0in3m:focus-visible .controls_btn-label:where(.svelte-v0in3m),.controls_btn.svelte-v0in3m:hover .controls_btn-icon:where(.svelte-v0in3m),.controls_btn.svelte-v0in3m:focus-visible .controls_btn-icon:where(.svelte-v0in3m){color:var(--c-primary)}.dropdown.svelte-4algbe{position:relative;display:inline-block;z-index:99}.dropdown_items.svelte-4algbe{visibility:hidden;position:absolute;left:0;padding:.375rem 0 0;z-index:9}.dropdown_items-right.svelte-4algbe{left:unset;right:0}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe){margin:0;padding:0;background-color:var(--c-basic-50);filter:drop-shadow(0px 5px 5px rgba(0,0,0,.05)) drop-shadow(0 1px 3px rgba(0,0,0,.1));border-radius:.5rem;overflow:hidden}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe){display:block;list-style:none;margin:0;padding:0}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe){display:flex;align-items:center;justify-items:flex-start;width:100%;min-width:5rem;padding:.5rem;font-size:.75rem;color:var(--c-basic-900);font-weight:500;text-transform:capitalize;white-space:nowrap}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe) .dropdown_item-dot:where(.svelte-4algbe){display:block;margin:0 .5rem 0 0;height:.313rem;width:.313rem;background-color:transparent;border-radius:50%}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe) .dropdown_item-dot:where(.svelte-4algbe),.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe):hover .dropdown_item-dot:where(.svelte-4algbe){background-color:var(--c-primary)}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe):hover,.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe):focus-visible{color:var(--c-primary);background-color:var(--c-basic-100)}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg);border-color:var(--c-primary)}.dropdown.svelte-4algbe:hover>.dropdown_items:where(.svelte-4algbe),.dropdown.svelte-4algbe:focus-visible>.dropdown_items:where(.svelte-4algbe){display:block;visibility:visible}.topbar.svelte-etku71{--h-topbar: 2.25rem;margin:.375rem 0;width:100%;height:var(--h-topbar);background-color:var(--c-topbar-bg);border-radius:.625rem}.topbar_container.svelte-etku71{display:flex;justify-content:space-between;width:100%;height:100%;padding:0;z-index:999999}.topbar_nav.svelte-etku71{display:flex;align-items:center}.topbar_btn.svelte-etku71{display:flex;align-items:center;padding:0 .375rem;height:var(--h-topbar);background:none}.topbar_btn.svelte-etku71:hover,.topbar_btn.svelte-etku71:focus-visible{background-color:var(--c-basic-100)}.is-hidden.svelte-etku71{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}.topbar_btn.svelte-etku71 svg:where(.svelte-etku71){height:1.125rem;color:var(--c-basic-700)}.topbar_btn.svelte-etku71:hover svg:where(.svelte-etku71),.topbar_btn.svelte-etku71:focus-visible svg:where(.svelte-etku71){color:var(--c-primary)}.is-first-btn.svelte-etku71{border-radius:.5rem 0 0 .5rem}.is-last-btn.svelte-etku71{border-radius:0 .5rem .5rem 0}@media (max-height: 499px){.bookmark_btn.svelte-etku71,.reveal_btn.svelte-etku71{display:none}}@media (max-width: 499px){.bookmark_btn.svelte-etku71,.reveal_btn.svelte-etku71,.openexternal_btn.svelte-etku71{display:none}}.stagesize-value.svelte-etku71{display:none}@media (min-width: 640px){.stagesize-value.svelte-etku71{display:inline-flex;align-items:center;padding:0 1rem;font-size:.75rem}.stagesize-input.svelte-etku71{padding:.25rem .375rem;width:42px;font-size:.75rem;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"Ubuntu Monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,"monospace";color:var(--c-basic-600);text-align:right;background-color:transparent;border:1px solid var(--c-primary);border-radius:.125rem;-moz-appearance:textfield;appearance:textfield;margin:0}.stagesize-input.svelte-etku71::-webkit-inner-spin-button,.stagesize-input.svelte-etku71::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stagesize-input.svelte-etku71:focus-visible{background-color:var(--c-primary-bg)}.stagesize-input.svelte-etku71:disabled{border-color:transparent}.stagesize-value-multi_sign.svelte-etku71{margin:0 .25rem;color:var(--c-basic-700)}}.stagesize-nav.svelte-etku71{display:none}@media (min-width: 1280px){.stagesize-nav.svelte-etku71{position:relative;display:inline-flex;background-color:var(--c-basic-100)}.stagesize-nav.svelte-etku71 button:where(.svelte-etku71){position:relative;display:flex;justify-content:center;flex-direction:column;align-self:center;height:var(--h-topbar);margin:0;padding:0 .25rem;background:none;overflow:hidden}.stagesize-nav.svelte-etku71 button:where(.svelte-etku71):hover,.stagesize-nav.svelte-etku71 button:where(.svelte-etku71):focus-visible{background-color:var(--c-basic-150)}.stagesize-nav.svelte-etku71 svg:where(.svelte-etku71){height:1.125rem;color:var(--c-basic-700);transition:.2s}.stagesize-nav.svelte-etku71 button:where(.svelte-etku71):hover svg:where(.svelte-etku71),.stagesize-nav.svelte-etku71 button:where(.svelte-etku71):focus-visible svg:where(.svelte-etku71),.stagesize-nav.svelte-etku71 button.active:where(.svelte-etku71) svg:where(.svelte-etku71){color:var(--c-primary)}.stagesize-nav.svelte-etku71 svg.landscape:where(.svelte-etku71){transform:rotate(90deg);transition:.2s}.stagesize-nav.svelte-etku71 .dot:where(.svelte-etku71){display:block;position:absolute;left:50%;bottom:.125rem;transform:translate(-50%);height:.313rem;width:.313rem;background-color:transparent;border-radius:50%}.stagesize-nav.svelte-etku71 button.active:where(.svelte-etku71){background-color:var(--c-primary-bg)}.stagesize-nav.svelte-etku71 button.active:where(.svelte-etku71) .dot:where(.svelte-etku71){background-color:var(--c-primary)}}button.topbar_btn.active.svelte-etku71{background-color:var(--c-primary-bg)}button.topbar_btn.active.svelte-etku71 .dot:where(.svelte-etku71){background-color:var(--c-primary)}.garden.svelte-1ytl8i1{margin:0;padding:0 .375rem;width:100vw;height:100vh;overflow:hidden;background-color:var(--c-bg-body)}.main.svelte-1ytl8i1{margin-left:.125rem;display:flex;flex-direction:column;width:100%;height:100vh;overflow-y:auto}.message.svelte-1ytl8i1{display:inline-block;margin:1rem;padding:1rem;background-color:#fff;border-radius:.625rem}.click-completed.svelte-1ytl8i1{margin:0 0 .75rem;font-size:120%;font-weight:500}.instruction.svelte-1ytl8i1 button:where(.svelte-1ytl8i1){padding:.125rem .75rem;background:var(--c-basic-150);border-radius:.375rem;font-size:90%;color:var(--c-basic-900);font-weight:600;text-transform:uppercase}*,:before,:after{box-sizing:border-box;border:0 solid #fff}*:focus,*:focus:not(:focus-visible){outline:none}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:var(--c-bg-body)}body{margin:0;min-height:100vh;text-rendering:optimizeSpeed;line-height:1}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}a{text-decoration-skip-ink:auto}img,picture,embed,object,video{max-width:100%;width:auto;height:auto}img,video,canvas,audio,iframe,embed,object{display:block;border:none}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--c-primary: hsl(185, 80%, 40%);--c-primary-bg: hsl(185, 100%, 95%);--c-basic-0: hsl(216, 20%, 100%);--c-basic-50: hsl(216, 20%, 98%);--c-basic-75: hsl(216, 20%, 96%);--c-basic-100: hsl(216, 20%, 94%);--c-basic-150: hsl(216, 20%, 90%);--c-basic-200: hsl(216, 20%, 87%);--c-basic-250: hsl(216, 20%, 84%);--c-basic-300: hsl(216, 20%, 81%);--c-basic-400: hsl(216, 20%, 64%);--c-basic-500: hsl(216, 20%, 46%);--c-basic-600: hsl(216, 20%, 32%);--c-basic-700: hsl(216, 20%, 25%);--c-basic-800: hsl(216, 20%, 15%);--c-basic-900: hsl(216, 20%, 10%);--c-bg-body: var(--c-basic-200);--c-topbar-bg: var(--c-basic-0);--c-sidebar-bg: var(--c-basic-0);--c-dragbar-bg: var(--c-basic-100);--c-dragbar-bg-hover: var(--c-basic-200);--c-dragbar-icon: var(--c-basic-400)}[data-theme=dark]{--c-primary: hsl(185, 80%, 70%);--c-primary-bg: hsl(185, 80%, 17%);--c-basic-0: hsl(216, 30%, 5%);--c-basic-50: hsl(216, 30%, 10%);--c-basic-75: hsl(216, 30%, 14%);--c-basic-100: hsl(216, 30%, 18%);--c-basic-150: hsl(216, 30%, 22%);--c-basic-200: hsl(216, 30%, 25%);--c-basic-250: hsl(216, 30%, 30%);--c-basic-300: hsl(216, 30%, 33%);--c-basic-400: hsl(216, 30%, 46%);--c-basic-500: hsl(216, 30%, 64%);--c-basic-600: hsl(216, 30%, 83%);--c-basic-700: hsl(216, 30%, 90%);--c-basic-800: hsl(216, 30%, 96%);--c-basic-900: hsl(216, 30%, 98%);--c-bg-body: var(--c-basic-150);--c-topbar-bg: var(--c-basic-0);--c-sidebar-bg: var(--c-basic-0);--c-dragbar-bg: var(--c-basic-250);--c-dragbar-bg-hover: var(--c-basic-150);--c-dragbar-icon: var(--c-basic-500)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";text-shadow:1px 1px 1px rgba(0,0,0,.004);-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;color:var(--c-basic-600);line-height:1.2}p{margin:.5rem 0;font-size:.875rem;color:var(--c-basic-600);line-height:1.5}li{font-size:.875rem;color:var(--c-basic-600);line-height:1.5}a,a:visited{font-size:.875rem;color:var(--c-primary);line-height:1.5;text-decoration:underline;text-decoration-skip-ink:auto}nav ol,nav ul{margin:0;padding:0;list-style:none}nav li{display:block;margin:0;padding:0}nav a{display:block;margin:0;padding:0;text-decoration:none}button{cursor:pointer;background-color:transparent;border:none}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const f of document.querySelectorAll('link[rel="modulepreload"]'))n(f);new MutationObserver(f=>{for(const i of f)if(i.type==="childList")for(const u of i.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&n(u)}).observe(document,{childList:!0,subtree:!0});function t(f){const i={};return f.integrity&&(i.integrity=f.integrity),f.referrerPolicy&&(i.referrerPolicy=f.referrerPolicy),f.crossOrigin==="use-credentials"?i.credentials="include":f.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function n(f){if(f.ep)return;f.ep=!0;const i=t(f);fetch(f.href,i)}})();const Tt="5";typeof window<"u"&&((window.__svelte??={}).v??=new Set).add(Tt);const qe=1,je=2,Fr=4,Ot=8,Nt=16,Pt=1,xt=4,Ct=8,It=16,Rt=1,Mt=2,O=Symbol(),Lt="http://www.w3.org/1999/xhtml",qr=!1;var ir=Array.isArray,kt=Array.prototype.indexOf,fr=Array.from,Re=Object.defineProperty,J=Object.getOwnPropertyDescriptor,Dt=Object.getOwnPropertyDescriptors,Ft=Object.prototype,qt=Array.prototype,jr=Object.getPrototypeOf,Sr=Object.isExtensible;function ge(e){return typeof e=="function"}const Q=()=>{};function Ur(e){for(var r=0;r<e.length;r++)e[r]()}function jt(){var e,r,t=new Promise((n,f)=>{e=n,r=f});return{promise:t,resolve:e,reject:r}}function Yn(e,r){if(Array.isArray(e))return e;if(!(Symbol.iterator in e))return Array.from(e);const t=[];for(const n of e)if(t.push(n),t.length===r)break;return t}const L=2,ur=4,sr=8,Oe=16,K=32,be=64,Br=128,R=256,Me=512,S=1024,M=2048,ue=4096,j=8192,se=16384,lr=32768,Ue=65536,Tr=1<<17,Ut=1<<18,ar=1<<19,$r=1<<20,Qe=1<<21,or=1<<22,ne=1<<23,ee=Symbol("$state"),Hr=Symbol("legacy props"),Bt=Symbol(""),cr=new class extends Error{name="StaleReactionError";message="The reaction that called `getAbortSignal()` was re-run or destroyed"};function $t(){throw new Error("https://svelte.dev/e/await_outside_boundary")}function Vr(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function Ht(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function Vt(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function Yt(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function Wt(e){throw new Error("https://svelte.dev/e/effect_orphan")}function Kt(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Gt(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function zt(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Zt(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function Xt(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}let Jt=!1;function Yr(e){return e===this.v}function Wr(e,r){return e!=e?r==r:e!==r||e!==null&&typeof e=="object"||typeof e=="function"}function Kr(e){return!Wr(e,this.v)}let Qt=!1,k=null;function Le(e){k=e}function en(e,r=!1,t){k={p:k,c:null,e:null,s:e,x:null,l:null}}function rn(e){var r=k,t=r.e;if(t!==null){r.e=null;for(var n of t)ut(n)}return k=r.p,{}}function Gr(){return!0}const tn=new WeakMap;function nn(e){var r=g;if(r===null)return w.f|=ne,e;if((r.f&lr)===0){if((r.f&Br)===0)throw!r.parent&&e instanceof Error&&zr(e),e;r.b.error(e)}else vr(e,r)}function vr(e,r){for(;r!==null;){if((r.f&Br)!==0)try{r.b.error(e);return}catch(t){e=t}r=r.parent}throw e instanceof Error&&zr(e),e}function zr(e){const r=tn.get(e);r&&(Re(e,"message",{value:r.message}),Re(e,"stack",{value:r.stack}))}let ke=[];function fn(){var e=ke;ke=[],Ur(e)}function dr(e){ke.length===0&&queueMicrotask(fn),ke.push(e)}function un(){for(var e=g.b;e!==null&&!e.has_pending_snippet();)e=e.parent;return e===null&&$t(),e}function Be(e){var r=L|M,t=w!==null&&(w.f&L)!==0?w:null;return g===null||t!==null&&(t.f&R)!==0?r|=R:g.f|=ar,{ctx:k,deps:null,effects:null,equals:Yr,f:r,fn:e,reactions:null,rv:0,v:O,wv:0,parent:t??g,ac:null}}function sn(e,r){let t=g;t===null&&Ht();var n=t.b,f=void 0,i=Ae(O),u=null,a=!w;return gn(()=>{try{var s=e()}catch(_){s=Promise.reject(_)}var l=()=>s;f=u?.then(l,l)??Promise.resolve(s),u=f;var o=C,d=n.pending;a&&(n.update_pending_count(1),d||o.increment());const c=(_,v=void 0)=>{u=null,d||o.activate(),v?v!==cr&&(i.f|=ne,Se(i,v)):((i.f&ne)!==0&&(i.f^=ne),Se(i,_)),a&&(n.update_pending_count(-1),d||o.decrement()),Qr()};if(f.then(c,_=>c(null,_||"unknown")),o)return()=>{queueMicrotask(()=>o.neuter())}}),new Promise(s=>{function l(o){function d(){o===f?s(i):l(f)}o.then(d,d)}l(f)})}function Kn(e){const r=Be(e);return dt(r),r}function Zr(e){const r=Be(e);return r.equals=Kr,r}function Xr(e){var r=e.effects;if(r!==null){e.effects=null;for(var t=0;t<r.length;t+=1)W(r[t])}}function ln(e){for(var r=e.parent;r!==null;){if((r.f&L)===0)return r;r=r.parent}return null}function _r(e){var r,t=g;te(ln(e));try{Xr(e),r=pt(e)}finally{te(t)}return r}function Jr(e){var r=_r(e);if(e.equals(r)||(e.v=r,e.wv=_t()),!ae)if(_e!==null)_e.set(e,e.v);else{var t=(X||(e.f&R)!==0)&&e.deps!==null?ue:S;N(e,t)}}function an(e,r,t){const n=Be;if(r.length===0){t(e.map(n));return}var f=C,i=g,u=on(),a=un();Promise.all(r.map(s=>sn(s))).then(s=>{f?.activate(),u();try{t([...e.map(n),...s])}catch(l){(i.f&se)===0&&vr(l,i)}f?.deactivate(),Qr()}).catch(s=>{a.error(s)})}function on(){var e=g,r=w,t=k;return function(){te(e),$(r),Le(t)}}function Qr(){te(null),$(null),Le(null)}const Ce=new Set;let C=null,_e=null,Or=new Set,Ee=[],hr=null,er=!1;class $e{#l=new Map;#f=new Map;#u=new Set;#r=0;#a=null;#o=!1;#n=[];#s=[];#t=[];#e=[];#i=[];skipped_effects=new Set;#v(r){Ee=[];var t=null;if(Ce.size>1){t=new Map,_e=new Map;for(const[i,u]of this.#l)t.set(i,{v:i.v,wv:i.wv}),i.v=u;for(const i of Ce)if(i!==this)for(const[u,a]of i.#f)t.has(u)||(t.set(u,{v:u.v,wv:u.wv}),u.v=a)}for(const i of r)this.#d(i);if(this.#n.length===0&&this.#r===0){var n=this.#t,f=this.#e;this.#t=[],this.#e=[],this.#i=[],this.#c(),Nr(n),Nr(f),this.#a?.resolve()}else{for(const i of this.#t)N(i,S);for(const i of this.#e)N(i,S);for(const i of this.#i)N(i,S)}if(t){for(const[i,{v:u,wv:a}]of t)i.wv<=a&&(i.v=u);_e=null}for(const i of this.#n)ye(i);for(const i of this.#s)ye(i);this.#n=[],this.#s=[]}#d(r){r.f^=S;for(var t=r.first;t!==null;){var n=t.f,f=(n&(K|be))!==0,i=f&&(n&S)!==0,u=i||(n&j)!==0||this.skipped_effects.has(t);if(!u&&t.fn!==null){if(f)t.f^=S;else if((n&ur)!==0)this.#e.push(t);else if(Ye(t))if((n&or)!==0){var a=t.b?.pending?this.#s:this.#n;a.push(t)}else(t.f&Oe)!==0&&this.#i.push(t),ye(t);var s=t.first;if(s!==null){t=s;continue}}var l=t.parent;for(t=t.next;t===null&&l!==null;)t=l.next,l=l.parent}}capture(r,t){this.#f.has(r)||this.#f.set(r,t),this.#l.set(r,r.v)}activate(){C=this}deactivate(){C=null;for(const r of Or)if(Or.delete(r),r(),C!==null)break}neuter(){this.#o=!0}flush(){Ee.length>0?this.flush_effects():this.#c(),C===this&&(this.#r===0&&Ce.delete(this),this.deactivate())}flush_effects(){var r=de;er=!0;try{var t=0;for(Cr(!0);Ee.length>0;){if(t++>1e3){var n,f;cn()}this.#v(Ee),ie.clear()}}finally{er=!1,Cr(r),hr=null}}#c(){if(!this.#o)for(const r of this.#u)r();this.#u.clear()}increment(){this.#r+=1}decrement(){if(this.#r-=1,this.#r===0){for(const r of this.#t)N(r,M),re(r);for(const r of this.#e)N(r,M),re(r);for(const r of this.#i)N(r,M),re(r);this.#t=[],this.#e=[],this.flush()}else this.deactivate()}add_callback(r){this.#u.add(r)}settled(){return(this.#a??=jt()).promise}static ensure(r=!0){if(C===null){const t=C=new $e;Ce.add(C),r&&queueMicrotask(()=>{C===t&&t.flush()})}return C}}function cn(){try{Kt()}catch(e){vr(e,hr)}}function Nr(e){var r=e.length;if(r!==0){for(var t=0;t<r;t++){var n=e[t];if((n.f&(se|j))===0&&Ye(n)){var f=De;if(ye(n),n.deps===null&&n.first===null&&n.nodes_start===null&&(n.teardown===null?ot(n):n.fn=null),De>f&&(n.f&$r)!==0)break}}for(;t<r;t+=1)re(e[t])}}function re(e){for(var r=hr=e;r.parent!==null;){r=r.parent;var t=r.f;if(er&&r===g&&(t&Oe)!==0)return;if((t&(be|K))!==0){if((t&S)===0)return;r.f^=S}}Ee.push(r)}const ie=new Map;function Ae(e,r){var t={f:0,v:e,reactions:null,equals:Yr,rv:0,wv:0};return t}function Z(e,r){const t=Ae(e);return dt(t),t}function et(e,r=!1,t=!0){const n=Ae(e);return r||(n.equals=Kr),n}function V(e,r,t=!1){w!==null&&(!F||(w.f&Tr)!==0)&&Gr()&&(w.f&(L|Oe|or|Tr))!==0&&!Y?.includes(e)&&Xt();let n=t?ve(r):r;return Se(e,n)}function Se(e,r){if(!e.equals(r)){var t=e.v;ae?ie.set(e,r):ie.set(e,t),e.v=r,$e.ensure().capture(e,t),(e.f&L)!==0&&((e.f&M)!==0&&_r(e),N(e,(e.f&R)===0?S:ue)),e.wv=_t(),rt(e,M),g!==null&&(g.f&S)!==0&&(g.f&(K|be))===0&&(D===null?An([e]):D.push(e))}return r}function ze(e){V(e,e.v+1)}function rt(e,r){var t=e.reactions;if(t!==null)for(var n=t.length,f=0;f<n;f++){var i=t[f],u=i.f;(u&M)===0&&(N(i,r),(u&(S|R))!==0&&((u&L)!==0?rt(i,ue):re(i)))}}function ve(e){if(typeof e!="object"||e===null||ee in e)return e;const r=jr(e);if(r!==Ft&&r!==qt)return e;var t=new Map,n=ir(e),f=Z(0),i=fe,u=a=>{if(fe===i)return a();var s=w,l=fe;$(null),Rr(i);var o=a();return $(s),Rr(l),o};return n&&t.set("length",Z(e.length)),new Proxy(e,{defineProperty(a,s,l){(!("value"in l)||l.configurable===!1||l.enumerable===!1||l.writable===!1)&&zt();var o=t.get(s);return o===void 0?o=u(()=>{var d=Z(l.value);return t.set(s,d),d}):V(o,l.value,!0),!0},deleteProperty(a,s){var l=t.get(s);if(l===void 0){if(s in a){const o=u(()=>Z(O));t.set(s,o),ze(f)}}else V(l,O),ze(f);return!0},get(a,s,l){if(s===ee)return e;var o=t.get(s),d=s in a;if(o===void 0&&(!d||J(a,s)?.writable)&&(o=u(()=>{var _=ve(d?a[s]:O),v=Z(_);return v}),t.set(s,o)),o!==void 0){var c=q(o);return c===O?void 0:c}return Reflect.get(a,s,l)},getOwnPropertyDescriptor(a,s){var l=Reflect.getOwnPropertyDescriptor(a,s);if(l&&"value"in l){var o=t.get(s);o&&(l.value=q(o))}else if(l===void 0){var d=t.get(s),c=d?.v;if(d!==void 0&&c!==O)return{enumerable:!0,configurable:!0,value:c,writable:!0}}return l},has(a,s){if(s===ee)return!0;var l=t.get(s),o=l!==void 0&&l.v!==O||Reflect.has(a,s);if(l!==void 0||g!==null&&(!o||J(a,s)?.writable)){l===void 0&&(l=u(()=>{var c=o?ve(a[s]):O,_=Z(c);return _}),t.set(s,l));var d=q(l);if(d===O)return!1}return o},set(a,s,l,o){var d=t.get(s),c=s in a;if(n&&s==="length")for(var _=l;_<d.v;_+=1){var v=t.get(_+"");v!==void 0?V(v,O):_ in a&&(v=u(()=>Z(O)),t.set(_+"",v))}if(d===void 0)(!c||J(a,s)?.writable)&&(d=u(()=>Z(void 0)),V(d,ve(l)),t.set(s,d));else{c=d.v!==O;var h=u(()=>ve(l));V(d,h)}var p=Reflect.getOwnPropertyDescriptor(a,s);if(p?.set&&p.set.call(o,l),!c){if(n&&typeof s=="string"){var m=t.get("length"),b=Number(s);Number.isInteger(b)&&b>=m.v&&V(m,b+1)}ze(f)}return!0},ownKeys(a){q(f);var s=Reflect.ownKeys(a).filter(d=>{var c=t.get(d);return c===void 0||c.v!==O});for(var[l,o]of t)o.v!==O&&!(l in a)&&s.push(l);return s},setPrototypeOf(){Zt()}})}function Pr(e){try{if(e!==null&&typeof e=="object"&&ee in e)return e[ee]}catch{}return e}function Gn(e,r){return Object.is(Pr(e),Pr(r))}var xr,tt,nt,it;function vn(){if(xr===void 0){xr=window,tt=/Firefox/.test(navigator.userAgent);var e=Element.prototype,r=Node.prototype,t=Text.prototype;nt=J(r,"firstChild").get,it=J(r,"nextSibling").get,Sr(e)&&(e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__style=void 0,e.__e=void 0),Sr(t)&&(t.__t=void 0)}}function le(e=""){return document.createTextNode(e)}function B(e){return nt.call(e)}function He(e){return it.call(e)}function zn(e,r){return B(e)}function Zn(e,r){{var t=B(e);return t instanceof Comment&&t.data===""?He(t):t}}function Xn(e,r=1,t=!1){let n=e;for(;r--;)n=He(n);return n}function dn(e){e.textContent=""}function pr(){return!1}function _n(e){g===null&&w===null&&Wt(),w!==null&&(w.f&R)!==0&&g===null&&Yt(),ae&&Vt()}function hn(e,r){var t=r.last;t===null?r.last=r.first=e:(t.next=e,e.prev=t,r.last=e)}function G(e,r,t,n=!0){var f=g;f!==null&&(f.f&j)!==0&&(e|=j);var i={ctx:k,deps:null,nodes_start:null,nodes_end:null,f:e|M,first:null,fn:r,last:null,next:null,parent:f,b:f&&f.b,prev:null,teardown:null,transitions:null,wv:0,ac:null};if(t)try{ye(i),i.f|=lr}catch(s){throw W(i),s}else r!==null&&re(i);var u=t&&i.deps===null&&i.first===null&&i.nodes_start===null&&i.teardown===null&&(i.f&ar)===0;if(!u&&n&&(f!==null&&hn(i,f),w!==null&&(w.f&L)!==0)){var a=w;(a.effects??=[]).push(i)}return i}function Jn(){return w!==null&&!F}function ft(e){const r=G(sr,null,!1);return N(r,S),r.teardown=e,r}function pn(e){_n();var r=g.f,t=!w&&(r&K)!==0&&(r&lr)===0;if(t){var n=k;(n.e??=[]).push(e)}else return ut(e)}function ut(e){return G(ur|$r,e,!1)}function bn(e){$e.ensure();const r=G(be,e,!0);return(t={})=>new Promise(n=>{t.outro?Ve(r,()=>{W(r),n(void 0)}):(W(r),n(void 0))})}function wn(e){return G(ur,e,!1)}function gn(e){return G(or|ar,e,!0)}function En(e,r=0){return G(sr|r,e,!0)}function mn(e,r=[],t=[]){an(r,t,n=>{G(sr,()=>e(...n.map(q)),!0)})}function br(e,r=0){var t=G(Oe|r,e,!0);return t}function he(e,r=!0){return G(K,e,!0,r)}function st(e){var r=e.teardown;if(r!==null){const t=ae,n=w;Ir(!0),$(null);try{r.call(null)}finally{Ir(t),$(n)}}}function lt(e,r=!1){var t=e.first;for(e.first=e.last=null;t!==null;){t.ac?.abort(cr);var n=t.next;(t.f&be)!==0?t.parent=null:W(t,r),t=n}}function yn(e){for(var r=e.first;r!==null;){var t=r.next;(r.f&K)===0&&W(r),r=t}}function W(e,r=!0){var t=!1;(r||(e.f&Ut)!==0)&&e.nodes_start!==null&&e.nodes_end!==null&&(at(e.nodes_start,e.nodes_end),t=!0),lt(e,r&&!t),Fe(e,0),N(e,se);var n=e.transitions;if(n!==null)for(const i of n)i.stop();st(e);var f=e.parent;f!==null&&f.first!==null&&ot(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes_start=e.nodes_end=e.ac=null}function at(e,r){for(;e!==null;){var t=e===r?null:He(e);e.remove(),e=t}}function ot(e){var r=e.parent,t=e.prev,n=e.next;t!==null&&(t.next=n),n!==null&&(n.prev=t),r!==null&&(r.first===e&&(r.first=n),r.last===e&&(r.last=t))}function Ve(e,r){var t=[];wr(e,t,!0),ct(t,()=>{W(e),r&&r()})}function ct(e,r){var t=e.length;if(t>0){var n=()=>--t||r();for(var f of e)f.out(n)}else r()}function wr(e,r,t){if((e.f&j)===0){if(e.f^=j,e.transitions!==null)for(const u of e.transitions)(u.is_global||t)&&r.push(u);for(var n=e.first;n!==null;){var f=n.next,i=(n.f&Ue)!==0||(n.f&K)!==0;wr(n,r,i?t:!1),n=f}}}function gr(e){vt(e,!0)}function vt(e,r){if((e.f&j)!==0){e.f^=j,(e.f&S)===0&&(N(e,M),re(e));for(var t=e.first;t!==null;){var n=t.next,f=(t.f&Ue)!==0||(t.f&K)!==0;vt(t,f?r:!1),t=n}if(e.transitions!==null)for(const i of e.transitions)(i.is_global||r)&&i.in()}}let de=!1;function Cr(e){de=e}let ae=!1;function Ir(e){ae=e}let w=null,F=!1;function $(e){w=e}let g=null;function te(e){g=e}let Y=null;function dt(e){w!==null&&(Y===null?Y=[e]:Y.push(e))}let P=null,I=0,D=null;function An(e){D=e}let De=1,Te=0,fe=Te;function Rr(e){fe=e}let X=!1;function _t(){return++De}function Ye(e){var r=e.f;if((r&M)!==0)return!0;if((r&ue)!==0){var t=e.deps,n=(r&R)!==0;if(t!==null){var f,i,u=(r&Me)!==0,a=n&&g!==null&&!X,s=t.length;if((u||a)&&(g===null||(g.f&se)===0)){var l=e,o=l.parent;for(f=0;f<s;f++)i=t[f],(u||!i?.reactions?.includes(l))&&(i.reactions??=[]).push(l);u&&(l.f^=Me),a&&o!==null&&(o.f&R)===0&&(l.f^=R)}for(f=0;f<s;f++)if(i=t[f],Ye(i)&&Jr(i),i.wv>e.wv)return!0}(!n||g!==null&&!X)&&N(e,S)}return!1}function ht(e,r,t=!0){var n=e.reactions;if(n!==null&&!Y?.includes(e))for(var f=0;f<n.length;f++){var i=n[f];(i.f&L)!==0?ht(i,r,!1):r===i&&(t?N(i,M):(i.f&S)!==0&&N(i,ue),re(i))}}function pt(e){var r=P,t=I,n=D,f=w,i=X,u=Y,a=k,s=F,l=fe,o=e.f;P=null,I=0,D=null,X=(o&R)!==0&&(F||!de||w===null),w=(o&(K|be))===0?e:null,Y=null,Le(e.ctx),F=!1,fe=++Te,e.ac!==null&&(e.ac.abort(cr),e.ac=null);try{e.f|=Qe;var d=(0,e.fn)(),c=e.deps;if(P!==null){var _;if(Fe(e,I),c!==null&&I>0)for(c.length=I+P.length,_=0;_<P.length;_++)c[I+_]=P[_];else e.deps=c=P;if(!X||(o&L)!==0&&e.reactions!==null)for(_=I;_<c.length;_++)(c[_].reactions??=[]).push(e)}else c!==null&&I<c.length&&(Fe(e,I),c.length=I);if(Gr()&&D!==null&&!F&&c!==null&&(e.f&(L|ue|M))===0)for(_=0;_<D.length;_++)ht(D[_],e);return f!==null&&f!==e&&(Te++,D!==null&&(n===null?n=D:n.push(...D))),(e.f&ne)!==0&&(e.f^=ne),d}catch(v){return nn(v)}finally{e.f^=Qe,P=r,I=t,D=n,w=f,X=i,Y=u,Le(a),F=s,fe=l}}function Sn(e,r){let t=r.reactions;if(t!==null){var n=kt.call(t,e);if(n!==-1){var f=t.length-1;f===0?t=r.reactions=null:(t[n]=t[f],t.pop())}}t===null&&(r.f&L)!==0&&(P===null||!P.includes(r))&&(N(r,ue),(r.f&(R|Me))===0&&(r.f^=Me),Xr(r),Fe(r,0))}function Fe(e,r){var t=e.deps;if(t!==null)for(var n=r;n<t.length;n++)Sn(e,t[n])}function ye(e){var r=e.f;if((r&se)===0){N(e,S);var t=g,n=de;g=e,de=!0;try{(r&Oe)!==0?yn(e):lt(e),st(e);var f=pt(e);e.teardown=typeof f=="function"?f:null,e.wv=De;var i;qr&&Qt&&(e.f&M)!==0&&e.deps}finally{de=n,g=t}}}function q(e){var r=e.f,t=(r&L)!==0;if(w!==null&&!F){var n=g!==null&&(g.f&se)!==0;if(!n&&!Y?.includes(e)){var f=w.deps;if((w.f&Qe)!==0)e.rv<Te&&(e.rv=Te,P===null&&f!==null&&f[I]===e?I++:P===null?P=[e]:(!X||!P.includes(e))&&P.push(e));else{(w.deps??=[]).push(e);var i=e.reactions;i===null?e.reactions=[w]:i.includes(w)||i.push(w)}}}else if(t&&e.deps===null&&e.effects===null){var u=e,a=u.parent;a!==null&&(a.f&R)===0&&(u.f^=R)}if(ae){if(ie.has(e))return ie.get(e);if(t){u=e;var s=u.v;return((u.f&S)!==0||bt(u))&&(s=_r(u)),ie.set(u,s),s}}else if(t){if(u=e,_e?.has(u))return _e.get(u);Ye(u)&&Jr(u)}if((e.f&ne)!==0)throw e.v;return e.v}function bt(e){if(e.v===O)return!0;if(e.deps===null)return!1;for(const r of e.deps)if(ie.has(r)||(r.f&L)!==0&&bt(r))return!0;return!1}function Ne(e){var r=F;try{return F=!0,e()}finally{F=r}}const Tn=-7169;function N(e,r){e.f=e.f&Tn|r}function On(e){var r=w,t=g;$(null),te(null);try{return e()}finally{$(r),te(t)}}const wt=new Set,rr=new Set;function gt(e,r,t,n={}){function f(i){if(n.capture||me.call(r,i),!i.cancelBubble)return On(()=>t?.call(this,i))}return e.startsWith("pointer")||e.startsWith("touch")||e==="wheel"?dr(()=>{r.addEventListener(e,f,n)}):r.addEventListener(e,f,n),f}function Qn(e,r,t,n={}){var f=gt(r,e,t,n);return()=>{e.removeEventListener(r,f,n)}}function ei(e,r,t,n,f){var i={capture:n,passive:f},u=gt(e,r,t,i);(r===document.body||r===window||r===document||r instanceof HTMLMediaElement)&&ft(()=>{r.removeEventListener(e,u,i)})}function ri(e){for(var r=0;r<e.length;r++)wt.add(e[r]);for(var t of rr)t(e)}function me(e){var r=this,t=r.ownerDocument,n=e.type,f=e.composedPath?.()||[],i=f[0]||e.target,u=0,a=e.__root;if(a){var s=f.indexOf(a);if(s!==-1&&(r===document||r===window)){e.__root=r;return}var l=f.indexOf(r);if(l===-1)return;s<=l&&(u=s)}if(i=f[u]||e.target,i!==r){Re(e,"currentTarget",{configurable:!0,get(){return i||t}});var o=w,d=g;$(null),te(null);try{for(var c,_=[];i!==null;){var v=i.assignedSlot||i.parentNode||i.host||null;try{var h=i["__"+n];if(h!=null&&(!i.disabled||e.target===i))if(ir(h)){var[p,...m]=h;p.apply(i,[e,...m])}else h.call(i,e)}catch(b){c?_.push(b):c=b}if(e.cancelBubble||v===r||v===null)break;i=v}if(c){for(let b of _)queueMicrotask(()=>{throw b});throw c}}finally{e.__root=r,delete e.currentTarget,$(o),te(d)}}}function Er(e){var r=document.createElement("template");return r.innerHTML=e.replaceAll("<!>","<!---->"),r.content}function pe(e,r){var t=g;t.nodes_start===null&&(t.nodes_start=e,t.nodes_end=r)}function ti(e,r){var t=(r&Rt)!==0,n=(r&Mt)!==0,f,i=!e.startsWith("<!>");return()=>{f===void 0&&(f=Er(i?e:"<!>"+e),t||(f=B(f)));var u=n||tt?document.importNode(f,!0):f.cloneNode(!0);if(t){var a=B(u),s=u.lastChild;pe(a,s)}else pe(u,u);return u}}function Nn(e,r,t="svg"){var n=!e.startsWith("<!>"),f=`<${t}>${n?e:"<!>"+e}</${t}>`,i;return()=>{if(!i){var u=Er(f),a=B(u);i=B(a)}var s=i.cloneNode(!0);return pe(s,s),s}}function ni(e,r){return Nn(e,r,"svg")}function ii(e=""){{var r=le(e+"");return pe(r,r),r}}function fi(){var e=document.createDocumentFragment(),r=document.createComment(""),t=le();return e.append(r,t),pe(r,t),e}function ui(e,r){e!==null&&e.before(r)}const Pn=["touchstart","touchmove"];function xn(e){return Pn.includes(e)}function si(e,r){var t=r==null?"":typeof r=="object"?r+"":r;t!==(e.__t??=e.nodeValue)&&(e.__t=t,e.nodeValue=t+"")}function li(e,r){return Cn(e,r)}const oe=new Map;function Cn(e,{target:r,anchor:t,props:n={},events:f,context:i,intro:u=!0}){vn();var a=new Set,s=d=>{for(var c=0;c<d.length;c++){var _=d[c];if(!a.has(_)){a.add(_);var v=xn(_);r.addEventListener(_,me,{passive:v});var h=oe.get(_);h===void 0?(document.addEventListener(_,me,{passive:v}),oe.set(_,1)):oe.set(_,h+1)}}};s(fr(wt)),rr.add(s);var l=void 0,o=bn(()=>{var d=t??r.appendChild(le());return he(()=>{if(i){en({});var c=k;c.c=i}f&&(n.$$events=f),l=e(d,n)||{},i&&rn()}),()=>{for(var c of a){r.removeEventListener(c,me);var _=oe.get(c);--_===0?(document.removeEventListener(c,me),oe.delete(c)):oe.set(c,_)}rr.delete(s),d!==t&&d.parentNode?.removeChild(d)}});return tr.set(l,o),l}let tr=new WeakMap;function ai(e,r){const t=tr.get(e);return t?(tr.delete(e),t(r)):Promise.resolve()}function In(e){k===null&&Vr(),pn(()=>{const r=Ne(e);if(typeof r=="function")return r})}function oi(e){k===null&&Vr(),In(()=>()=>Ne(e))}function ci(e,r,t=!1){var n=e,f=null,i=null,u=O,a=t?Ue:0,s=!1;const l=(_,v=!0)=>{s=!0,c(v,_)};var o=null;function d(){o!==null&&(o.lastChild.remove(),n.before(o),o=null);var _=u?f:i,v=u?i:f;_&&gr(_),v&&Ve(v,()=>{u?i=null:f=null})}const c=(_,v)=>{if(u!==(u=_)){var h=pr(),p=n;if(h&&(o=document.createDocumentFragment(),o.append(p=le())),u?f??=v&&he(()=>v(p)):i??=v&&he(()=>v(p)),h){var m=C,b=u?f:i,y=u?i:f;b&&m.skipped_effects.delete(b),y&&m.skipped_effects.add(y),m.add_callback(d)}else d()}};br(()=>{s=!1,r(l),s||c(null,null)},a)}function vi(e,r){return r}function Rn(e,r,t){for(var n=e.items,f=[],i=r.length,u=0;u<i;u++)wr(r[u].e,f,!0);var a=i>0&&f.length===0&&t!==null;if(a){var s=t.parentNode;dn(s),s.append(t),n.clear(),U(e,r[0].prev,r[i-1].next)}ct(f,()=>{for(var l=0;l<i;l++){var o=r[l];a||(n.delete(o.k),U(e,o.prev,o.next)),W(o.e,!a)}})}function di(e,r,t,n,f,i=null){var u=e,a={flags:r,items:new Map,first:null},s=(r&Fr)!==0;if(s){var l=e;u=l.appendChild(le())}var o=null,d=!1,c=new Map,_=Zr(()=>{var m=t();return ir(m)?m:m==null?[]:fr(m)}),v,h;function p(){Mn(h,v,a,c,u,f,r,n,t),i!==null&&(v.length===0?o?gr(o):o=he(()=>i(u)):o!==null&&Ve(o,()=>{o=null}))}br(()=>{h??=g,v=q(_);var m=v.length;if(!(d&&m===0)){d=m===0;var b,y,x,T;if(pr()){var E=new Set,A=C;for(y=0;y<m;y+=1){x=v[y],T=n(x,y);var H=a.items.get(T)??c.get(T);H?(r&(qe|je))!==0&&Et(H,x,y,r):(b=mt(null,a,null,null,x,T,y,f,r,t,!0),c.set(T,b)),E.add(T)}for(const[Pe,We]of a.items)E.has(Pe)||A.skipped_effects.add(We.e);A.add_callback(p)}else p();q(_)}})}function Mn(e,r,t,n,f,i,u,a,s){var l=(u&Ot)!==0,o=(u&(qe|je))!==0,d=r.length,c=t.items,_=t.first,v=_,h,p=null,m,b=[],y=[],x,T,E,A;if(l)for(A=0;A<d;A+=1)x=r[A],T=a(x,A),E=c.get(T),E!==void 0&&(E.a?.measure(),(m??=new Set).add(E));for(A=0;A<d;A+=1){if(x=r[A],T=a(x,A),E=c.get(T),E===void 0){var H=n.get(T);if(H!==void 0){n.delete(T),c.set(T,H);var Pe=p?p.next:v;U(t,p,H),U(t,H,Pe),Ze(H,Pe,f),p=H}else{var We=v?v.e.nodes_start:f;p=mt(We,t,p,p===null?t.first:p.next,x,T,A,i,u,s)}c.set(T,p),b=[],y=[],v=p.next;continue}if(o&&Et(E,x,A,u),(E.e.f&j)!==0&&(gr(E.e),l&&(E.a?.unfix(),(m??=new Set).delete(E))),E!==v){if(h!==void 0&&h.has(E)){if(b.length<y.length){var xe=y[0],z;p=xe.prev;var Ar=b[0],Ke=b[b.length-1];for(z=0;z<b.length;z+=1)Ze(b[z],xe,f);for(z=0;z<y.length;z+=1)h.delete(y[z]);U(t,Ar.prev,Ke.next),U(t,p,Ar),U(t,Ke,xe),v=xe,p=Ke,A-=1,b=[],y=[]}else h.delete(E),Ze(E,v,f),U(t,E.prev,E.next),U(t,E,p===null?t.first:p.next),U(t,p,E),p=E;continue}for(b=[],y=[];v!==null&&v.k!==T;)(v.e.f&j)===0&&(h??=new Set).add(v),y.push(v),v=v.next;if(v===null)continue;E=v}b.push(E),p=E,v=E.next}if(v!==null||h!==void 0){for(var we=h===void 0?[]:fr(h);v!==null;)(v.e.f&j)===0&&we.push(v),v=v.next;var Ge=we.length;if(Ge>0){var At=(u&Fr)!==0&&d===0?f:null;if(l){for(A=0;A<Ge;A+=1)we[A].a?.measure();for(A=0;A<Ge;A+=1)we[A].a?.fix()}Rn(t,we,At)}}l&&dr(()=>{if(m!==void 0)for(E of m)E.a?.apply()}),e.first=t.first&&t.first.e,e.last=p&&p.e;for(var St of n.values())W(St.e);n.clear()}function Et(e,r,t,n){(n&qe)!==0&&Se(e.v,r),(n&je)!==0?Se(e.i,t):e.i=t}function mt(e,r,t,n,f,i,u,a,s,l,o){var d=(s&qe)!==0,c=(s&Nt)===0,_=d?c?et(f,!1,!1):Ae(f):f,v=(s&je)===0?u:Ae(u),h={i:v,v:_,k:i,a:null,e:null,prev:t,next:n};try{if(e===null){var p=document.createDocumentFragment();p.append(e=le())}return h.e=he(()=>a(e,_,v,l),Jt),h.e.prev=t&&t.e,h.e.next=n&&n.e,t===null?o||(r.first=h):(t.next=h,t.e.next=h.e),n!==null&&(n.prev=h,n.e.prev=h.e),h}finally{}}function Ze(e,r,t){for(var n=e.next?e.next.e.nodes_start:t,f=r?r.e.nodes_start:t,i=e.e.nodes_start;i!==null&&i!==n;){var u=He(i);f.before(i),i=u}}function U(e,r,t){r===null?e.first=t:(r.next=t,r.e.next=t&&t.e),t!==null&&(t.prev=r,t.e.prev=r&&r.e)}function _i(e,r,t=!1,n=!1,f=!1){var i=e,u="";mn(()=>{var a=g;if(u!==(u=r()??"")&&(a.nodes_start!==null&&(at(a.nodes_start,a.nodes_end),a.nodes_start=a.nodes_end=null),u!=="")){var s=u+"";t?s=`<svg>${s}</svg>`:n&&(s=`<math>${s}</math>`);var l=Er(s);if((t||n)&&(l=B(l)),pe(B(l),l.lastChild),t||n)for(;B(l);)i.before(B(l));else i.before(l)}})}function hi(e,r,t){var n=e,f,i,u=null,a=null;function s(){i&&(Ve(i),i=null),u&&(u.lastChild.remove(),n.before(u),u=null),i=a,a=null}br(()=>{if(f!==(f=r())){var l=pr();if(f){var o=n;l&&(u=document.createDocumentFragment(),u.append(o=le())),a=he(()=>t(o,f))}l?C.add_callback(s):s()}},Ue)}function yt(e){var r,t,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var f=e.length;for(r=0;r<f;r++)e[r]&&(t=yt(e[r]))&&(n&&(n+=" "),n+=t)}else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function Ln(){for(var e,r,t=0,n="",f=arguments.length;t<f;t++)(e=arguments[t])&&(r=yt(e))&&(n&&(n+=" "),n+=r);return n}function pi(e){return typeof e=="object"?Ln(e):e??""}const Mr=[...`
|
|
2
|
-
\r\f \v\uFEFF`];function kn(e,r,t){var n=e==null?"":""+e;if(r&&(n=n?n+" "+r:r),t){for(var f in t)if(t[f])n=n?n+" "+f:f;else if(n.length)for(var i=f.length,u=0;(u=n.indexOf(f,u))>=0;){var a=u+i;(u===0||Mr.includes(n[u-1]))&&(a===n.length||Mr.includes(n[a]))?n=(u===0?"":n.substring(0,u))+n.substring(a+1):u=a}}return n===""?null:n}function Lr(e,r=!1){var t=r?" !important;":";",n="";for(var f in e){var i=e[f];i!=null&&i!==""&&(n+=" "+f+": "+i+t)}return n}function Xe(e){return e[0]!=="-"||e[1]!=="-"?e.toLowerCase():e}function Dn(e,r){if(r){var t="",n,f;if(Array.isArray(r)?(n=r[0],f=r[1]):n=r,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var i=!1,u=0,a=!1,s=[];n&&s.push(...Object.keys(n).map(Xe)),f&&s.push(...Object.keys(f).map(Xe));var l=0,o=-1;const h=e.length;for(var d=0;d<h;d++){var c=e[d];if(a?c==="/"&&e[d-1]==="*"&&(a=!1):i?i===c&&(i=!1):c==="/"&&e[d+1]==="*"?a=!0:c==='"'||c==="'"?i=c:c==="("?u++:c===")"&&u--,!a&&i===!1&&u===0){if(c===":"&&o===-1)o=d;else if(c===";"||d===h-1){if(o!==-1){var _=Xe(e.substring(l,o).trim());if(!s.includes(_)){c!==";"&&d++;var v=e.substring(l,d).trim();t+=" "+v+";"}}l=d+1,o=-1}}}}return n&&(t+=Lr(n)),f&&(t+=Lr(f,!0)),t=t.trim(),t===""?null:t}return e==null?null:String(e)}function bi(e,r,t,n,f,i){var u=e.__className;if(u!==t||u===void 0){var a=kn(t,n,i);a==null?e.removeAttribute("class"):r?e.className=a:e.setAttribute("class",a),e.__className=t}else if(i&&f!==i)for(var s in i){var l=!!i[s];(f==null||l!==!!f[s])&&e.classList.toggle(s,l)}return i}function Je(e,r={},t,n){for(var f in t){var i=t[f];r[f]!==i&&(t[f]==null?e.style.removeProperty(f):e.style.setProperty(f,i,n))}}function wi(e,r,t,n){var f=e.__style;if(f!==r){var i=Dn(r,n);i==null?e.removeAttribute("style"):e.style.cssText=i,e.__style=r}else n&&(Array.isArray(n)?(Je(e,t?.[0],n[0]),Je(e,t?.[1],n[1],"important")):Je(e,t,n));return n}const Fn=Symbol("is custom element"),qn=Symbol("is html");function gi(e,r){var t=mr(e);t.value===(t.value=r??void 0)||e.value===r&&(r!==0||e.nodeName!=="PROGRESS")||(e.value=r??"")}function Ei(e,r){var t=mr(e);t.checked!==(t.checked=r??void 0)&&(e.checked=r)}function mi(e,r,t,n){var f=mr(e);f[r]!==(f[r]=t)&&(r==="loading"&&(e[Bt]=t),t==null?e.removeAttribute(r):typeof t!="string"&&jn(e).includes(r)?e[r]=t:e.setAttribute(r,t))}function mr(e){return e.__attributes??={[Fn]:e.nodeName.includes("-"),[qn]:e.namespaceURI===Lt}}var kr=new Map;function jn(e){var r=kr.get(e.nodeName);if(r)return r;kr.set(e.nodeName,r=[]);for(var t,n=e,f=Element.prototype;f!==n;){t=Dt(n);for(var i in t)t[i].set&&r.push(i);n=jr(n)}return r}function Dr(e,r){return e===r||e?.[ee]===r}function yi(e={},r,t,n){return wn(()=>{var f,i;return En(()=>{f=i,i=[],Ne(()=>{e!==t(...i)&&(r(e,...i),f&&Dr(t(...f),e)&&r(null,...f))})}),()=>{dr(()=>{i&&Dr(t(...i),e)&&r(null,...i)})}}),e}function yr(e,r,t){if(e==null)return r(void 0),t&&t(void 0),Q;const n=Ne(()=>e.subscribe(r,t));return n.unsubscribe?()=>n.unsubscribe():n}const ce=[];function Un(e,r){return{subscribe:Bn(e,r).subscribe}}function Bn(e,r=Q){let t=null;const n=new Set;function f(a){if(Wr(e,a)&&(e=a,t)){const s=!ce.length;for(const l of n)l[1](),ce.push(l,e);if(s){for(let l=0;l<ce.length;l+=2)ce[l][0](ce[l+1]);ce.length=0}}}function i(a){f(a(e))}function u(a,s=Q){const l=[a,s];return n.add(l),n.size===1&&(t=r(f,i)||Q),a(e),()=>{n.delete(l),n.size===0&&t&&(t(),t=null)}}return{set:f,update:i,subscribe:u}}function Ai(e,r,t){const n=!Array.isArray(e),f=n?[e]:e;if(!f.every(Boolean))throw new Error("derived() expects stores as input, got a falsy value");const i=r.length<2;return Un(t,(u,a)=>{let s=!1;const l=[];let o=0,d=Q;const c=()=>{if(o)return;d();const v=r(n?l[0]:l,u,a);i?u(v):d=typeof v=="function"?v:Q},_=f.map((v,h)=>yr(v,p=>{l[h]=p,o&=~(1<<h),s&&c()},()=>{o|=1<<h}));return s=!0,c(),function(){Ur(_),d(),s=!1}})}function $n(e){let r;return yr(e,t=>r=t)(),r}let Ie=!1,nr=Symbol();function Si(e,r,t){const n=t[r]??={store:null,source:et(void 0),unsubscribe:Q};if(n.store!==e&&!(nr in t))if(n.unsubscribe(),n.store=e??null,e==null)n.source.v=void 0,n.unsubscribe=Q;else{var f=!0;n.unsubscribe=yr(e,i=>{f?n.source.v=i:V(n.source,i)}),f=!1}return e&&nr in t?$n(e):q(n.source)}function Ti(){const e={};function r(){ft(()=>{for(var t in e)e[t].unsubscribe();Re(e,nr,{enumerable:!1,value:!0})})}return[e,r]}function Hn(e){var r=Ie;try{return Ie=!1,[e(),Ie]}finally{Ie=r}}const Vn={get(e,r){let t=e.props.length;for(;t--;){let n=e.props[t];if(ge(n)&&(n=n()),typeof n=="object"&&n!==null&&r in n)return n[r]}},set(e,r,t){let n=e.props.length;for(;n--;){let f=e.props[n];ge(f)&&(f=f());const i=J(f,r);if(i&&i.set)return i.set(t),!0}return!1},getOwnPropertyDescriptor(e,r){let t=e.props.length;for(;t--;){let n=e.props[t];if(ge(n)&&(n=n()),typeof n=="object"&&n!==null&&r in n){const f=J(n,r);return f&&!f.configurable&&(f.configurable=!0),f}}},has(e,r){if(r===ee||r===Hr)return!1;for(let t of e.props)if(ge(t)&&(t=t()),t!=null&&r in t)return!0;return!1},ownKeys(e){const r=[];for(let t of e.props)if(ge(t)&&(t=t()),!!t){for(const n in t)r.includes(n)||r.push(n);for(const n of Object.getOwnPropertySymbols(t))r.includes(n)||r.push(n)}return r}};function Oi(...e){return new Proxy({props:e},Vn)}function Ni(e,r,t,n){var f=(t&Ct)!==0,i=(t&It)!==0,u=n,a=!0,s=()=>(a&&(a=!1,u=i?Ne(n):n),u),l;if(f){var o=ee in e||Hr in e;l=J(e,r)?.set??(o&&r in e?b=>e[r]=b:void 0)}var d,c=!1;f?[d,c]=Hn(()=>e[r]):d=e[r],d===void 0&&n!==void 0&&(d=s(),l&&(Gt(),l(d)));var _;if(_=()=>{var b=e[r];return b===void 0?s():(a=!0,b)},(t&xt)===0)return _;if(l){var v=e.$$legacy;return function(b,y){return arguments.length>0?((!y||v||c)&&l(y?_():b),b):_()}}var h=!1,p=((t&Pt)!==0?Be:Zr)(()=>(h=!1,_()));f&&q(p);var m=g;return function(b,y){if(arguments.length>0){const x=y?q(p):f?ve(b):b;return V(p,x),h=!0,u!==void 0&&(u=x),b}return ae&&h||(m.f&se)!==0?p.v:q(p)}}export{
|
|
2
|
+
\r\f \v\uFEFF`];function kn(e,r,t){var n=e==null?"":""+e;if(r&&(n=n?n+" "+r:r),t){for(var f in t)if(t[f])n=n?n+" "+f:f;else if(n.length)for(var i=f.length,u=0;(u=n.indexOf(f,u))>=0;){var a=u+i;(u===0||Mr.includes(n[u-1]))&&(a===n.length||Mr.includes(n[a]))?n=(u===0?"":n.substring(0,u))+n.substring(a+1):u=a}}return n===""?null:n}function Lr(e,r=!1){var t=r?" !important;":";",n="";for(var f in e){var i=e[f];i!=null&&i!==""&&(n+=" "+f+": "+i+t)}return n}function Xe(e){return e[0]!=="-"||e[1]!=="-"?e.toLowerCase():e}function Dn(e,r){if(r){var t="",n,f;if(Array.isArray(r)?(n=r[0],f=r[1]):n=r,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var i=!1,u=0,a=!1,s=[];n&&s.push(...Object.keys(n).map(Xe)),f&&s.push(...Object.keys(f).map(Xe));var l=0,o=-1;const h=e.length;for(var d=0;d<h;d++){var c=e[d];if(a?c==="/"&&e[d-1]==="*"&&(a=!1):i?i===c&&(i=!1):c==="/"&&e[d+1]==="*"?a=!0:c==='"'||c==="'"?i=c:c==="("?u++:c===")"&&u--,!a&&i===!1&&u===0){if(c===":"&&o===-1)o=d;else if(c===";"||d===h-1){if(o!==-1){var _=Xe(e.substring(l,o).trim());if(!s.includes(_)){c!==";"&&d++;var v=e.substring(l,d).trim();t+=" "+v+";"}}l=d+1,o=-1}}}}return n&&(t+=Lr(n)),f&&(t+=Lr(f,!0)),t=t.trim(),t===""?null:t}return e==null?null:String(e)}function bi(e,r,t,n,f,i){var u=e.__className;if(u!==t||u===void 0){var a=kn(t,n,i);a==null?e.removeAttribute("class"):r?e.className=a:e.setAttribute("class",a),e.__className=t}else if(i&&f!==i)for(var s in i){var l=!!i[s];(f==null||l!==!!f[s])&&e.classList.toggle(s,l)}return i}function Je(e,r={},t,n){for(var f in t){var i=t[f];r[f]!==i&&(t[f]==null?e.style.removeProperty(f):e.style.setProperty(f,i,n))}}function wi(e,r,t,n){var f=e.__style;if(f!==r){var i=Dn(r,n);i==null?e.removeAttribute("style"):e.style.cssText=i,e.__style=r}else n&&(Array.isArray(n)?(Je(e,t?.[0],n[0]),Je(e,t?.[1],n[1],"important")):Je(e,t,n));return n}const Fn=Symbol("is custom element"),qn=Symbol("is html");function gi(e,r){var t=mr(e);t.value===(t.value=r??void 0)||e.value===r&&(r!==0||e.nodeName!=="PROGRESS")||(e.value=r??"")}function Ei(e,r){var t=mr(e);t.checked!==(t.checked=r??void 0)&&(e.checked=r)}function mi(e,r,t,n){var f=mr(e);f[r]!==(f[r]=t)&&(r==="loading"&&(e[Bt]=t),t==null?e.removeAttribute(r):typeof t!="string"&&jn(e).includes(r)?e[r]=t:e.setAttribute(r,t))}function mr(e){return e.__attributes??={[Fn]:e.nodeName.includes("-"),[qn]:e.namespaceURI===Lt}}var kr=new Map;function jn(e){var r=kr.get(e.nodeName);if(r)return r;kr.set(e.nodeName,r=[]);for(var t,n=e,f=Element.prototype;f!==n;){t=Dt(n);for(var i in t)t[i].set&&r.push(i);n=jr(n)}return r}function Dr(e,r){return e===r||e?.[ee]===r}function yi(e={},r,t,n){return wn(()=>{var f,i;return En(()=>{f=i,i=[],Ne(()=>{e!==t(...i)&&(r(e,...i),f&&Dr(t(...f),e)&&r(null,...f))})}),()=>{dr(()=>{i&&Dr(t(...i),e)&&r(null,...i)})}}),e}function yr(e,r,t){if(e==null)return r(void 0),t&&t(void 0),Q;const n=Ne(()=>e.subscribe(r,t));return n.unsubscribe?()=>n.unsubscribe():n}const ce=[];function Un(e,r){return{subscribe:Bn(e,r).subscribe}}function Bn(e,r=Q){let t=null;const n=new Set;function f(a){if(Wr(e,a)&&(e=a,t)){const s=!ce.length;for(const l of n)l[1](),ce.push(l,e);if(s){for(let l=0;l<ce.length;l+=2)ce[l][0](ce[l+1]);ce.length=0}}}function i(a){f(a(e))}function u(a,s=Q){const l=[a,s];return n.add(l),n.size===1&&(t=r(f,i)||Q),a(e),()=>{n.delete(l),n.size===0&&t&&(t(),t=null)}}return{set:f,update:i,subscribe:u}}function Ai(e,r,t){const n=!Array.isArray(e),f=n?[e]:e;if(!f.every(Boolean))throw new Error("derived() expects stores as input, got a falsy value");const i=r.length<2;return Un(t,(u,a)=>{let s=!1;const l=[];let o=0,d=Q;const c=()=>{if(o)return;d();const v=r(n?l[0]:l,u,a);i?u(v):d=typeof v=="function"?v:Q},_=f.map((v,h)=>yr(v,p=>{l[h]=p,o&=~(1<<h),s&&c()},()=>{o|=1<<h}));return s=!0,c(),function(){Ur(_),d(),s=!1}})}function $n(e){let r;return yr(e,t=>r=t)(),r}let Ie=!1,nr=Symbol();function Si(e,r,t){const n=t[r]??={store:null,source:et(void 0),unsubscribe:Q};if(n.store!==e&&!(nr in t))if(n.unsubscribe(),n.store=e??null,e==null)n.source.v=void 0,n.unsubscribe=Q;else{var f=!0;n.unsubscribe=yr(e,i=>{f?n.source.v=i:V(n.source,i)}),f=!1}return e&&nr in t?$n(e):q(n.source)}function Ti(){const e={};function r(){ft(()=>{for(var t in e)e[t].unsubscribe();Re(e,nr,{enumerable:!1,value:!0})})}return[e,r]}function Hn(e){var r=Ie;try{return Ie=!1,[e(),Ie]}finally{Ie=r}}const Vn={get(e,r){let t=e.props.length;for(;t--;){let n=e.props[t];if(ge(n)&&(n=n()),typeof n=="object"&&n!==null&&r in n)return n[r]}},set(e,r,t){let n=e.props.length;for(;n--;){let f=e.props[n];ge(f)&&(f=f());const i=J(f,r);if(i&&i.set)return i.set(t),!0}return!1},getOwnPropertyDescriptor(e,r){let t=e.props.length;for(;t--;){let n=e.props[t];if(ge(n)&&(n=n()),typeof n=="object"&&n!==null&&r in n){const f=J(n,r);return f&&!f.configurable&&(f.configurable=!0),f}}},has(e,r){if(r===ee||r===Hr)return!1;for(let t of e.props)if(ge(t)&&(t=t()),t!=null&&r in t)return!0;return!1},ownKeys(e){const r=[];for(let t of e.props)if(ge(t)&&(t=t()),!!t){for(const n in t)r.includes(n)||r.push(n);for(const n of Object.getOwnPropertySymbols(t))r.includes(n)||r.push(n)}return r}};function Oi(...e){return new Proxy({props:e},Vn)}function Ni(e,r,t,n){var f=(t&Ct)!==0,i=(t&It)!==0,u=n,a=!0,s=()=>(a&&(a=!1,u=i?Ne(n):n),u),l;if(f){var o=ee in e||Hr in e;l=J(e,r)?.set??(o&&r in e?b=>e[r]=b:void 0)}var d,c=!1;f?[d,c]=Hn(()=>e[r]):d=e[r],d===void 0&&n!==void 0&&(d=s(),l&&(Gt(),l(d)));var _;if(_=()=>{var b=e[r];return b===void 0?s():(a=!0,b)},(t&xt)===0)return _;if(l){var v=e.$$legacy;return function(b,y){return arguments.length>0?((!y||v||c)&&l(y?_():b),b):_()}}var h=!1,p=((t&Pt)!==0?Be:Zr)(()=>(h=!1,_()));f&&q(p);var m=g;return function(b,y){if(arguments.length>0){const x=y?q(p):f?ve(b):b;return V(p,x),h=!0,u!==void 0&&(u=x),b}return ae&&h||(m.f&se)!==0?p.v:q(p)}}export{Qn as $,Kn as A,bi as B,ui as C,rn as D,Ue as E,fi as F,Zn as G,hi as H,Oi as I,ve as J,ci as K,di as L,si as M,ii as N,fe as O,pi as P,Ei as Q,gi as R,ei as S,vi as T,Yn as U,mi as V,_i as W,In as X,oi as Y,ni as Z,Bn as _,he as a,$n as a0,Ai as a1,Ti as a2,Si as a3,li as a4,ai as a5,br as b,ir as c,W as d,Jn as e,Gn as f,q as g,ri as h,ze as i,Ni as j,pn as k,Z as l,V as m,Q as n,ti as o,en as p,dr as q,En as r,Ae as s,ft as t,Ne as u,zn as v,Xn as w,yi as x,mn as y,wi as z};
|
package/dist/frame.html
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<link rel="icon" href="/assets/favicon.svg" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>Gardenjs UI Component Explorer</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/frame-
|
|
9
|
-
<link rel="modulepreload" crossorigin href="/assets/props-
|
|
8
|
+
<script type="module" crossorigin src="/assets/frame-DZrm9TF0.js"></script>
|
|
9
|
+
<link rel="modulepreload" crossorigin href="/assets/props-BQOViwFg.js">
|
|
10
10
|
<link rel="stylesheet" crossorigin href="/assets/frame-BnV1YnGW.css">
|
|
11
11
|
</head>
|
|
12
12
|
<body
|
package/dist/index.html
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
<link rel="icon" href="/assets/favicon.svg" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>Gardenjs UI Component Explorer</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-
|
|
9
|
-
<link rel="modulepreload" crossorigin href="/assets/props-
|
|
10
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-BMUAOuQc.js"></script>
|
|
9
|
+
<link rel="modulepreload" crossorigin href="/assets/props-BQOViwFg.js">
|
|
10
|
+
<link rel="stylesheet" crossorigin href="/assets/index-qFmggI7l.css">
|
|
11
11
|
</head>
|
|
12
12
|
|
|
13
13
|
<body>
|
package/package.json
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
<script>
|
|
2
|
+
import { SvelteSet } from 'svelte/reactivity'
|
|
2
3
|
import ArrayControl from './controls/ArrayControl.svelte'
|
|
3
4
|
import BooleanControl from './controls/BooleanControl.svelte'
|
|
4
5
|
import ColorPickerControl from './controls/ColorPickerControl.svelte'
|
|
@@ -56,6 +57,13 @@
|
|
|
56
57
|
return 'text'
|
|
57
58
|
}
|
|
58
59
|
}
|
|
60
|
+
|
|
61
|
+
let openDescriptionKeys = new SvelteSet()
|
|
62
|
+
|
|
63
|
+
function toggleDescription(name) {
|
|
64
|
+
if (openDescriptionKeys.has(name)) openDescriptionKeys.delete(name)
|
|
65
|
+
else openDescriptionKeys.add(name)
|
|
66
|
+
}
|
|
59
67
|
</script>
|
|
60
68
|
|
|
61
69
|
<div class="pane">
|
|
@@ -75,8 +83,38 @@
|
|
|
75
83
|
<div class="grid">
|
|
76
84
|
{#each params as param (param.name)}
|
|
77
85
|
{@const controlType = getControlType(param)}
|
|
78
|
-
<div class="label">
|
|
79
|
-
{param.label || param.name}
|
|
86
|
+
<div class="label-cell">
|
|
87
|
+
<span class="label">{param.label || param.name}</span>
|
|
88
|
+
{#if param.description}
|
|
89
|
+
<button
|
|
90
|
+
type="button"
|
|
91
|
+
class="info-btn"
|
|
92
|
+
title={openDescriptionKeys.has(param.name)
|
|
93
|
+
? 'Close description'
|
|
94
|
+
: 'Show description'}
|
|
95
|
+
aria-label={openDescriptionKeys.has(param.name)
|
|
96
|
+
? 'Close description'
|
|
97
|
+
: 'Show description'}
|
|
98
|
+
aria-expanded={openDescriptionKeys.has(param.name)}
|
|
99
|
+
onclick={() => toggleDescription(param.name)}
|
|
100
|
+
>
|
|
101
|
+
<svg
|
|
102
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
103
|
+
width="16"
|
|
104
|
+
viewBox="0 0 24 24"
|
|
105
|
+
height="16"
|
|
106
|
+
fill="none"
|
|
107
|
+
stroke="currentColor"
|
|
108
|
+
stroke-width="1.5"
|
|
109
|
+
stroke-linecap="round"
|
|
110
|
+
stroke-linejoin="round"
|
|
111
|
+
aria-hidden="true"
|
|
112
|
+
><circle cx="12" cy="12" r="10" /><path
|
|
113
|
+
d="M12 16v-4m0-4h.01"
|
|
114
|
+
/></svg
|
|
115
|
+
>
|
|
116
|
+
</button>
|
|
117
|
+
{/if}
|
|
80
118
|
</div>
|
|
81
119
|
<div class="input">
|
|
82
120
|
{#if controlType === 'checkbox' || controlType === 'toggle'}
|
|
@@ -153,11 +191,14 @@
|
|
|
153
191
|
/>
|
|
154
192
|
{:else}
|
|
155
193
|
<JsonControl
|
|
156
|
-
value={values?.[param.name] ??
|
|
194
|
+
value={values?.[param.name] ?? null}
|
|
157
195
|
onChange={(v) => onChange?.(param.name, v)}
|
|
158
196
|
/>
|
|
159
197
|
{/if}
|
|
160
198
|
</div>
|
|
199
|
+
{#if param.description && openDescriptionKeys.has(param.name)}
|
|
200
|
+
<div class="description">{param.description}</div>
|
|
201
|
+
{/if}
|
|
161
202
|
{/each}
|
|
162
203
|
</div>
|
|
163
204
|
{/if}
|
|
@@ -192,10 +233,36 @@
|
|
|
192
233
|
gap: 0.75rem;
|
|
193
234
|
align-items: start;
|
|
194
235
|
}
|
|
236
|
+
.label-cell {
|
|
237
|
+
display: flex;
|
|
238
|
+
align-items: center;
|
|
239
|
+
gap: 0.35rem;
|
|
240
|
+
}
|
|
195
241
|
.label {
|
|
242
|
+
margin: 0.313rem 0 0;
|
|
196
243
|
font-size: 0.938rem;
|
|
197
244
|
font-weight: 500;
|
|
198
|
-
color: var(--c-basic-
|
|
199
|
-
|
|
245
|
+
color: var(--c-basic-900);
|
|
246
|
+
}
|
|
247
|
+
.info-btn {
|
|
248
|
+
display: inline-flex;
|
|
249
|
+
margin: -0.15rem 0;
|
|
250
|
+
padding: 0.15rem;
|
|
251
|
+
color: var(--c-basic-900);
|
|
252
|
+
}
|
|
253
|
+
.info-btn:hover {
|
|
254
|
+
color: var(--c-primary);
|
|
255
|
+
}
|
|
256
|
+
.info-btn[aria-expanded='true'] {
|
|
257
|
+
color: var(--c-primary);
|
|
258
|
+
}
|
|
259
|
+
.description {
|
|
260
|
+
grid-column: 1 / -1;
|
|
261
|
+
margin: -0.25rem 0 0;
|
|
262
|
+
padding: 0.5rem 0.75rem;
|
|
263
|
+
font-size: 0.813rem;
|
|
264
|
+
color: var(--c-basic-800);
|
|
265
|
+
line-height: 1.35;
|
|
266
|
+
background-color: var(--c-primary-bg);
|
|
200
267
|
}
|
|
201
268
|
</style>
|
|
@@ -10,39 +10,59 @@
|
|
|
10
10
|
} = $props()
|
|
11
11
|
</script>
|
|
12
12
|
|
|
13
|
-
<
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
<
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
13
|
+
<div class="boolean-row">
|
|
14
|
+
<div class="boolean-control">
|
|
15
|
+
<input
|
|
16
|
+
type="checkbox"
|
|
17
|
+
class={control}
|
|
18
|
+
checked={value === true}
|
|
19
|
+
onchange={(e) => {
|
|
20
|
+
onChange((e.currentTarget as HTMLInputElement).checked)
|
|
21
|
+
}}
|
|
22
|
+
/>
|
|
23
|
+
</div>
|
|
24
|
+
<div class="unset-area">
|
|
25
|
+
{#if value === undefined || value === null}
|
|
26
|
+
<span class="unset-info">is not set</span>
|
|
27
|
+
{:else}
|
|
28
|
+
<button class="btn_unset" onclick={() => onChange(undefined as any)}>
|
|
29
|
+
<svg
|
|
30
|
+
class="close"
|
|
31
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
32
|
+
width="12"
|
|
33
|
+
height="12"
|
|
34
|
+
viewBox="0 0 24 24"
|
|
35
|
+
fill="none"
|
|
36
|
+
stroke="currentColor"
|
|
37
|
+
stroke-width="2"
|
|
38
|
+
stroke-linecap="round"
|
|
39
|
+
stroke-linejoin="round"><path d="M18 6L6 18M6 6l12 12" /></svg
|
|
40
|
+
>
|
|
41
|
+
unset
|
|
42
|
+
</button>
|
|
43
|
+
{/if}
|
|
44
|
+
</div>
|
|
41
45
|
</div>
|
|
42
46
|
|
|
43
47
|
<style lang="scss">
|
|
44
48
|
@use './button_unset.scss';
|
|
45
49
|
|
|
50
|
+
.boolean-row {
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: flex-start;
|
|
53
|
+
gap: 0.5rem;
|
|
54
|
+
width: 100%;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.boolean-control {
|
|
58
|
+
flex: 1;
|
|
59
|
+
min-width: 0;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.boolean-row .unset-area {
|
|
63
|
+
flex-shrink: 0;
|
|
64
|
+
}
|
|
65
|
+
|
|
46
66
|
input {
|
|
47
67
|
border: 1px solid var(--c-basic-150);
|
|
48
68
|
background: var(--c-basic-0);
|
|
@@ -95,6 +115,7 @@
|
|
|
95
115
|
|
|
96
116
|
// checkbox variant
|
|
97
117
|
input[type='checkbox'].checkbox {
|
|
118
|
+
margin: 0.25rem 0 0;
|
|
98
119
|
width: 1.25rem;
|
|
99
120
|
border-radius: 0;
|
|
100
121
|
&:after {
|
|
@@ -3,27 +3,93 @@
|
|
|
3
3
|
value,
|
|
4
4
|
onChange,
|
|
5
5
|
}: {
|
|
6
|
-
value:
|
|
7
|
-
onChange: (value:
|
|
6
|
+
value: unknown
|
|
7
|
+
onChange: (value: unknown) => void
|
|
8
8
|
} = $props()
|
|
9
|
+
|
|
10
|
+
let isUnset = $derived(value === undefined || value === null)
|
|
11
|
+
|
|
12
|
+
function handleChange(raw: string) {
|
|
13
|
+
const trimmed = raw.trim()
|
|
14
|
+
if (trimmed === '') {
|
|
15
|
+
onChange(null)
|
|
16
|
+
return
|
|
17
|
+
}
|
|
18
|
+
try {
|
|
19
|
+
onChange(JSON.parse(trimmed))
|
|
20
|
+
} catch {
|
|
21
|
+
// ungültiges JSON – optional: Fehler anzeigen oder ignorieren
|
|
22
|
+
}
|
|
23
|
+
}
|
|
9
24
|
</script>
|
|
10
25
|
|
|
11
|
-
<
|
|
12
|
-
class="
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
26
|
+
<div class="row">
|
|
27
|
+
<div class="container">
|
|
28
|
+
<textarea
|
|
29
|
+
class="input textarea"
|
|
30
|
+
rows="10"
|
|
31
|
+
value={isUnset ? '' : JSON.stringify(value, null, 2)}
|
|
32
|
+
onchange={(e) =>
|
|
33
|
+
handleChange((e.currentTarget as HTMLTextAreaElement).value ?? '')}
|
|
34
|
+
></textarea>
|
|
35
|
+
<button type="button" class="btn-set-changes">Set changes</button>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="unset-area">
|
|
38
|
+
{#if isUnset}
|
|
39
|
+
<span class="unset-info">is not set</span>
|
|
40
|
+
{:else}
|
|
41
|
+
<button class="btn_unset" onclick={() => onChange(null)}>
|
|
42
|
+
<svg
|
|
43
|
+
class="close"
|
|
44
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
45
|
+
width="12"
|
|
46
|
+
height="12"
|
|
47
|
+
viewBox="0 0 24 24"
|
|
48
|
+
fill="none"
|
|
49
|
+
stroke="currentColor"
|
|
50
|
+
stroke-width="2"
|
|
51
|
+
stroke-linecap="round"
|
|
52
|
+
stroke-linejoin="round"
|
|
53
|
+
>
|
|
54
|
+
<path d="M18 6L6 18M6 6l12 12" />
|
|
55
|
+
</svg>
|
|
56
|
+
unset
|
|
57
|
+
</button>
|
|
58
|
+
{/if}
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
19
61
|
|
|
20
62
|
<style lang="scss">
|
|
63
|
+
@use './button_unset.scss';
|
|
21
64
|
@use './input.scss';
|
|
22
65
|
|
|
66
|
+
.row {
|
|
67
|
+
display: flex;
|
|
68
|
+
gap: 0.5rem;
|
|
69
|
+
align-items: flex-start;
|
|
70
|
+
}
|
|
71
|
+
.container {
|
|
72
|
+
flex: 1;
|
|
73
|
+
display: block;
|
|
74
|
+
min-width: 0;
|
|
75
|
+
}
|
|
23
76
|
.textarea {
|
|
24
77
|
resize: vertical;
|
|
25
78
|
height: auto;
|
|
26
79
|
line-height: 1.4;
|
|
27
80
|
padding: 0.375rem 0.5rem;
|
|
28
81
|
}
|
|
82
|
+
.btn-set-changes {
|
|
83
|
+
display: block;
|
|
84
|
+
margin-top: 0.5rem;
|
|
85
|
+
padding: 0.25rem 0.5rem;
|
|
86
|
+
font-size: 0.813rem;
|
|
87
|
+
color: var(--c-basic-700);
|
|
88
|
+
background: var(--c-basic-100);
|
|
89
|
+
cursor: pointer;
|
|
90
|
+
}
|
|
91
|
+
.btn-set-changes:hover {
|
|
92
|
+
background-color: var(--c-primary-bg);
|
|
93
|
+
color: var(--c-basic-800);
|
|
94
|
+
}
|
|
29
95
|
</style>
|