diff --git a/__sandbox.html b/__sandbox.html index a5e9f5c..ed23846 100644 --- a/__sandbox.html +++ b/__sandbox.html @@ -5,12 +5,12 @@ - - + +
- + \ No newline at end of file diff --git a/assets/BaseEmpty.vue-8b91d8da.js b/assets/BaseEmpty.vue-CgvTMRxY.js similarity index 77% rename from assets/BaseEmpty.vue-8b91d8da.js rename to assets/BaseEmpty.vue-CgvTMRxY.js index 97cae32..fd5360f 100644 --- a/assets/BaseEmpty.vue-8b91d8da.js +++ b/assets/BaseEmpty.vue-CgvTMRxY.js @@ -1,5 +1,5 @@ -import { _ as _export_sfc } from "./MobileOverlay.vue2-05040767.js"; -import { o as openBlock, e as createElementBlock, aY as renderSlot } from "./vendor-26cb3ca3.js"; +import { _ as _export_sfc } from "./MobileOverlay.vue2-BsiVAWKt.js"; +import { o as openBlock, b as createElementBlock, aR as renderSlot } from "./vendor-Ja7Mn0EQ.js"; const _sfc_main = {}; const _hoisted_1 = { class: "histoire-base-empty htw-base-empty htw-flex htw-flex-col htw-items-center htw-justify-center htw-space-y-4 htw-py-12 htw-h-full htw-text-center htw-text-gray-400 htw-text-lg" }; function _sfc_render(_ctx, _cache) { diff --git a/assets/GenericMountStory.vue2-e9273e88.js b/assets/GenericMountStory.vue2-D5vZWESL.js similarity index 81% rename from assets/GenericMountStory.vue2-e9273e88.js rename to assets/GenericMountStory.vue2-D5vZWESL.js index 218f142..cd2ee75 100644 --- a/assets/GenericMountStory.vue2-e9273e88.js +++ b/assets/GenericMountStory.vue2-D5vZWESL.js @@ -1,3 +1,9 @@ +function __vite__mapDeps(indexes) { + if (!__vite__mapDeps.viteFileDeps) { + __vite__mapDeps.viteFileDeps = ["assets/HomeView.vue-DWdM2v1Y.js","assets/vendor-Ja7Mn0EQ.js","assets/story-B6RHHWk-.js","assets/StoryView.vue-qzOuEai0.js","assets/MobileOverlay.vue2-BsiVAWKt.js","assets/BaseEmpty.vue-CgvTMRxY.js","assets/state-2ELynPSU.js"] + } + return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) +} var __defProp = Object.defineProperty; var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value; var __publicField = (obj, key2, value) => { @@ -35,7 +41,7 @@ var __privateMethod = (obj, member, method) => { return method; }; var _r, _g, _b, _calculateHue, calculateHue_fn, _h, _s, _l, _h2, _s2, _v, _a; -import { Y as SvelteComponentDev, Z as init, $ as safe_not_equal, a0 as dispatch_dev, a1 as validate_slots, a2 as element, a3 as attr_dev, a4 as add_location, a5 as insert_dev, a6 as listen_dev, a7 as prop_dev, a8 as noop, a9 as detach_dev, aa as run_all, ab as text, ac as append_dev, ad as set_data_dev, ae as toggle_class, af as set_style, ag as binding_callbacks, ah as bind, ai as space, aj as create_component, ak as add_render_callback, al as mount_component, am as select_option, an as group_outros, ao as transition_out, ap as check_outros, aq as transition_in, ar as add_flush_callback, as as destroy_component, at as select_value, au as self, av as svg_element, aw as create_slot, ax as update_slot_base, ay as get_all_dirty_from_scope, az as get_slot_changes, aA as bubble, aB as empty, aC as validate_each_argument, aD as destroy_each, aE as set_input_value, aF as to_number, aG as createEventDispatcher, aH as null_to_empty, aI as src_url_equal, aJ as xlink_attr, aK as onMount, C as toggleDark, _ as __vitePreload, aL as createRouter, v as histoireConfig, aM as createWebHistory, aN as createWebHashHistory, aO as markRaw, K as reactive, d as defineComponent, r as ref, aP as watchEffect, o as openBlock, q as createBlock, aQ as mergeProps, aR as resolveDynamicComponent, h as createCommentVNode } from "./vendor-26cb3ca3.js"; +import { Y as SvelteComponentDev, Z as init, $ as safe_not_equal, a0 as dispatch_dev, a1 as validate_slots, a2 as element, a3 as attr_dev, a4 as add_location, a5 as insert_dev, a6 as listen_dev, a7 as prop_dev, a8 as noop, a9 as detach_dev, aa as run_all, ab as text, ac as append_dev, ad as set_data_dev, ae as toggle_class, af as set_style, ag as binding_callbacks, ah as bind, ai as space, aj as create_component, ak as set_input_value, al as add_render_callback, am as mount_component, an as select_option, ao as group_outros, ap as transition_out, aq as check_outros, ar as transition_in, as as add_flush_callback, at as destroy_component, au as select_value, av as self, aw as svg_element, ax as create_slot, ay as update_slot_base, az as get_all_dirty_from_scope, aA as get_slot_changes, aB as bubble, aC as empty, aD as ensure_array_like_dev, aE as destroy_each, aF as createEventDispatcher, aG as null_to_empty, aH as src_url_equal, aI as xlink_attr, aJ as onMount, C as toggleDark, _ as __vitePreload, aK as createRouter, y as histoireConfig, aL as createWebHistory, aM as createWebHashHistory, aN as markRaw, K as reactive, d as defineComponent, r as ref, aO as watchEffect, o as openBlock, q as createBlock, aP as mergeProps, aQ as resolveDynamicComponent, h as createCommentVNode } from "./vendor-Ja7Mn0EQ.js"; function clamp$1(min, num, max) { return Math.min(Math.max(num, min), max); } @@ -45,7 +51,7 @@ class colorType { this.color = color; } } -const _RGB = class extends colorType { +const _RGB = class _RGB extends colorType { constructor(r, g, b, color) { super(color); __privateAdd(this, _r, void 0); @@ -169,7 +175,6 @@ const _RGB = class extends colorType { return (r.toString(16).padStart(2, "0") + g.toString(16).padStart(2, "0") + b.toString(16).padStart(2, "0") + (a < 100 ? Math.round(a * 2.55).toString(16).padStart(2, "0") : "")).toUpperCase(); } }; -let RGB = _RGB; _r = new WeakMap(); _g = new WeakMap(); _b = new WeakMap(); @@ -192,7 +197,8 @@ calculateHue_fn = function(r, g, b) { } return (h * 60 + 360) % 360; }; -__privateAdd(RGB, _calculateHue); +__privateAdd(_RGB, _calculateHue); +let RGB = _RGB; class HSL extends colorType { constructor(h, s, l, color) { super(color); @@ -399,7 +405,7 @@ class HSV extends colorType { _h2 = new WeakMap(); _s2 = new WeakMap(); _v = new WeakMap(); -const _Color = class { +const _Color = class _Color { constructor(r, g, b, a = 100) { __privateAdd(this, _a, void 0); __publicField(this, "rgb"); @@ -466,11 +472,10 @@ const _Color = class { return new _Color(..._Color.HEXtoRGBA(hex)); } }; -let Color = _Color; _a = new WeakMap(); -const HexInput_svelte_svelte_type_style_lang = ""; -const file$X = "src/components/ColorPicker/HexInput.svelte"; -function create_fragment$16(ctx) { +let Color = _Color; +const file$V = "src/components/ColorPicker/HexInput.svelte"; +function create_fragment$15(ctx) { let input; let mounted; let dispose; @@ -481,7 +486,7 @@ function create_fragment$16(ctx) { input.value = /*value*/ ctx[0]; attr_dev(input, "class", "s-uYwvhXTno0Hc"); - add_location(input, file$X, 46, 0, 950); + add_location(input, file$V, 51, 0, 950); }, l: function claim(nodes) { throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); @@ -529,22 +534,23 @@ function create_fragment$16(ctx) { i: noop, o: noop, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(input); + } mounted = false; run_all(dispose); } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$16.name, + id: create_fragment$15.name, type: "component", source: "", ctx }); return block; } -function instance$16($$self, $$props, $$invalidate) { +function instance$15($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("HexInput", slots, []); let { value } = $$props; @@ -618,12 +624,12 @@ function instance$16($$self, $$props, $$invalidate) { class HexInput extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$16, create_fragment$16, safe_not_equal, { value: 0 }); + init(this, options, instance$15, create_fragment$15, safe_not_equal, { value: 0 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "HexInput", options, - id: create_fragment$16.name + id: create_fragment$15.name }); } get value() { @@ -633,9 +639,8 @@ class HexInput extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const NumberInput_svelte_svelte_type_style_lang = ""; -const file$W = "src/components/ColorPicker/NumberInput.svelte"; -function create_fragment$15(ctx) { +const file$U = "src/components/ColorPicker/NumberInput.svelte"; +function create_fragment$14(ctx) { let span3; let input; let span2; @@ -677,15 +682,15 @@ function create_fragment$15(ctx) { input.value = /*value*/ ctx[0]; attr_dev(input, "class", "s-AtPy_6gOzO0N"); - add_location(input, file$W, 39, 1, 1102); + add_location(input, file$U, 43, 1, 1102); attr_dev(span0, "class", "pad s-AtPy_6gOzO0N"); - add_location(span0, file$W, 48, 2, 1244); + add_location(span0, file$U, 52, 2, 1244); attr_dev(span1, "class", "value s-AtPy_6gOzO0N"); - add_location(span1, file$W, 48, 34, 1276); + add_location(span1, file$U, 52, 34, 1276); attr_dev(span2, "class", "suffix s-AtPy_6gOzO0N"); - add_location(span2, file$W, 47, 3, 1220); + add_location(span2, file$U, 51, 3, 1220); attr_dev(span3, "class", "input s-AtPy_6gOzO0N"); - add_location(span3, file$W, 38, 0, 1080); + add_location(span3, file$U, 42, 0, 1080); }, l: function claim(nodes) { throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); @@ -771,15 +776,16 @@ function create_fragment$15(ctx) { i: noop, o: noop, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(span3); + } mounted = false; run_all(dispose); } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$15.name, + id: create_fragment$14.name, type: "component", source: "", ctx @@ -789,7 +795,7 @@ function create_fragment$15(ctx) { function clamp(min2, num, max2) { return Math.min(Math.max(num, min2), max2); } -function instance$15($$self, $$props, $$invalidate) { +function instance$14($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("NumberInput", slots, []); let { value } = $$props; @@ -882,7 +888,7 @@ function instance$15($$self, $$props, $$invalidate) { class NumberInput extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$15, create_fragment$15, safe_not_equal, { + init(this, options, instance$14, create_fragment$14, safe_not_equal, { value: 0, min: 1, max: 2, @@ -894,7 +900,7 @@ class NumberInput extends SvelteComponentDev { component: this, tagName: "NumberInput", options, - id: create_fragment$15.name + id: create_fragment$14.name }); } get value() { @@ -934,15 +940,22 @@ class NumberInput extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const Slider_svelte_svelte_type_style_lang = ""; -const file$V = "src/components/ColorPicker/Slider.svelte"; -function create_fragment$14(ctx) { +const file$T = "src/components/ColorPicker/Slider.svelte"; +function create_fragment$13(ctx) { let div; let mounted; let dispose; const block = { c: function create() { div = element("div"); + attr_dev(div, "role", "slider"); + attr_dev( + div, + "aria-valuenow", + /*value*/ + ctx[0] + ); + attr_dev(div, "tabindex", "0"); attr_dev(div, "class", "slider s-yKxbFAbhuAoV"); toggle_class( div, @@ -963,7 +976,7 @@ function create_fragment$14(ctx) { ctx[0] / /*max*/ ctx[2] ); - add_location(div, file$V, 24, 0, 558); + add_location(div, file$T, 27, 0, 558); }, l: function claim(nodes) { throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); @@ -1007,6 +1020,15 @@ function create_fragment$14(ctx) { } }, p: function update(ctx2, [dirty]) { + if (dirty & /*value*/ + 1) { + attr_dev( + div, + "aria-valuenow", + /*value*/ + ctx2[0] + ); + } if (dirty & /*checker*/ 8) { toggle_class( @@ -1039,22 +1061,23 @@ function create_fragment$14(ctx) { i: noop, o: noop, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(div); + } mounted = false; run_all(dispose); } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$14.name, + id: create_fragment$13.name, type: "component", source: "", ctx }); return block; } -function instance$14($$self, $$props, $$invalidate) { +function instance$13($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("Slider", slots, []); let { value } = $$props; @@ -1139,7 +1162,7 @@ function instance$14($$self, $$props, $$invalidate) { class Slider extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$14, create_fragment$14, safe_not_equal, { + init(this, options, instance$13, create_fragment$13, safe_not_equal, { value: 0, bg: 1, min: 7, @@ -1150,7 +1173,7 @@ class Slider extends SvelteComponentDev { component: this, tagName: "Slider", options, - id: create_fragment$14.name + id: create_fragment$13.name }); } get value() { @@ -1184,9 +1207,8 @@ class Slider extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const TwoDSelect_svelte_svelte_type_style_lang = ""; -const file$U = "src/components/ColorPicker/TwoDSelect.svelte"; -function create_fragment$13(ctx) { +const file$S = "src/components/ColorPicker/TwoDSelect.svelte"; +function create_fragment$12(ctx) { let div; let style___saturation = `${/*x*/ ctx[0]}%`; @@ -1197,6 +1219,8 @@ function create_fragment$13(ctx) { const block = { c: function create() { div = element("div"); + attr_dev(div, "role", "slider"); + attr_dev(div, "tabindex", "-1"); attr_dev(div, "class", "select-wb s-q3ZJiMphOIuF"); set_style( div, @@ -1212,7 +1236,7 @@ function create_fragment$13(ctx) { /*bg*/ ctx[3] ); - add_location(div, file$U, 25, 0, 565); + add_location(div, file$S, 31, 0, 622); }, l: function claim(nodes) { throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); @@ -1288,22 +1312,23 @@ function create_fragment$13(ctx) { i: noop, o: noop, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(div); + } mounted = false; run_all(dispose); } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$13.name, + id: create_fragment$12.name, type: "component", source: "", ctx }); return block; } -function instance$13($$self, $$props, $$invalidate) { +function instance$12($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("TwoDSelect", slots, []); let { h } = $$props; @@ -1389,12 +1414,12 @@ function instance$13($$self, $$props, $$invalidate) { class TwoDSelect extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$13, create_fragment$13, safe_not_equal, { h: 2, bg: 3, x: 0, y: 1 }); + init(this, options, instance$12, create_fragment$12, safe_not_equal, { h: 2, bg: 3, x: 0, y: 1 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "TwoDSelect", options, - id: create_fragment$13.name + id: create_fragment$12.name }); } get h() { @@ -1422,8 +1447,7 @@ class TwoDSelect extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const ColorPicker_svelte_svelte_type_style_lang = ""; -const file$T = "src/components/ColorPicker/ColorPicker.svelte"; +const file$R = "src/components/ColorPicker/ColorPicker.svelte"; function create_else_block(ctx) { let twodselect; let updating_x; @@ -1728,12 +1752,12 @@ function create_if_block_3(ctx) { current = false; }, d: function destroy(detaching) { - destroy_component(numberinput0, detaching); - if (detaching) + if (detaching) { detach_dev(t0); - destroy_component(numberinput1, detaching); - if (detaching) detach_dev(t1); + } + destroy_component(numberinput0, detaching); + destroy_component(numberinput1, detaching); destroy_component(numberinput2, detaching); } }; @@ -1864,12 +1888,12 @@ function create_if_block_2(ctx) { current = false; }, d: function destroy(detaching) { - destroy_component(numberinput0, detaching); - if (detaching) + if (detaching) { detach_dev(t0); - destroy_component(numberinput1, detaching); - if (detaching) detach_dev(t1); + } + destroy_component(numberinput0, detaching); + destroy_component(numberinput1, detaching); destroy_component(numberinput2, detaching); } }; @@ -2000,12 +2024,12 @@ function create_if_block_1(ctx) { current = false; }, d: function destroy(detaching) { - destroy_component(numberinput0, detaching); - if (detaching) + if (detaching) { detach_dev(t0); - destroy_component(numberinput1, detaching); - if (detaching) detach_dev(t1); + } + destroy_component(numberinput0, detaching); + destroy_component(numberinput1, detaching); destroy_component(numberinput2, detaching); } }; @@ -2041,7 +2065,7 @@ function create_if_block$2(ctx) { span = element("span"); create_component(hexinput.$$.fragment); attr_dev(span, "class", "hex s-tCXq3qTKsCNT"); - add_location(span, file$T, 51, 5, 1427); + add_location(span, file$R, 53, 5, 1427); }, m: function mount(target, anchor) { insert_dev(target, span, anchor); @@ -2070,8 +2094,9 @@ function create_if_block$2(ctx) { current = false; }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(span); + } destroy_component(hexinput); } }; @@ -2084,7 +2109,7 @@ function create_if_block$2(ctx) { }); return block; } -function create_fragment$12(ctx) { +function create_fragment$11(ctx) { let div6; let current_block_type_index; let if_block0; @@ -2235,23 +2260,23 @@ function create_fragment$12(ctx) { t9 = space(); create_component(numberinput.$$.fragment); attr_dev(div0, "class", "color s-tCXq3qTKsCNT"); - add_location(div0, file$T, 31, 2, 887); + add_location(div0, file$R, 33, 2, 887); attr_dev(div1, "class", "slider-container s-tCXq3qTKsCNT"); - add_location(div1, file$T, 32, 2, 911); + add_location(div1, file$R, 34, 2, 911); attr_dev(div2, "class", "controls s-tCXq3qTKsCNT"); - add_location(div2, file$T, 30, 1, 862); + add_location(div2, file$R, 32, 1, 862); option0.__value = "hex"; - option0.value = option0.__value; - add_location(option0, file$T, 44, 4, 1211); + set_input_value(option0, option0.__value); + add_location(option0, file$R, 46, 4, 1211); option1.__value = "rgb"; - option1.value = option1.__value; - add_location(option1, file$T, 45, 4, 1248); + set_input_value(option1, option1.__value); + add_location(option1, file$R, 47, 4, 1248); option2.__value = "hsl"; - option2.value = option2.__value; - add_location(option2, file$T, 46, 4, 1285); + set_input_value(option2, option2.__value); + add_location(option2, file$R, 48, 4, 1285); option3.__value = "hsv"; - option3.value = option3.__value; - add_location(option3, file$T, 47, 4, 1322); + set_input_value(option3, option3.__value); + add_location(option3, file$R, 49, 4, 1322); attr_dev(select, "class", "s-tCXq3qTKsCNT"); if ( /*colorType*/ @@ -2261,15 +2286,15 @@ function create_fragment$12(ctx) { /*select_change_handler*/ ctx[9].call(select) )); - add_location(select, file$T, 43, 3, 1175); + add_location(select, file$R, 45, 3, 1175); attr_dev(div3, "class", "values s-tCXq3qTKsCNT"); - add_location(div3, file$T, 49, 3, 1371); + add_location(div3, file$R, 51, 3, 1371); attr_dev(div4, "class", "value-input s-tCXq3qTKsCNT"); - add_location(div4, file$T, 42, 2, 1146); - add_location(div5, file$T, 41, 1, 1138); + add_location(div4, file$R, 44, 2, 1146); + add_location(div5, file$R, 43, 1, 1138); attr_dev(div6, "class", "color-picker s-tCXq3qTKsCNT"); set_style(div6, "--color", style___color); - add_location(div6, file$T, 12, 0, 352); + add_location(div6, file$R, 14, 0, 352); }, l: function claim(nodes) { throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); @@ -2430,8 +2455,9 @@ function create_fragment$12(ctx) { current = false; }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(div6); + } if_blocks[current_block_type_index].d(); destroy_component(slider0); destroy_component(slider1); @@ -2445,14 +2471,14 @@ function create_fragment$12(ctx) { }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$12.name, + id: create_fragment$11.name, type: "component", source: "", ctx }); return block; } -function instance$12($$self, $$props, $$invalidate) { +function instance$11($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("ColorPicker", slots, []); let { value = "#888" } = $$props; @@ -2629,12 +2655,12 @@ function instance$12($$self, $$props, $$invalidate) { class ColorPicker extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$12, create_fragment$12, safe_not_equal, { value: 2, colorType: 0 }); + init(this, options, instance$11, create_fragment$11, safe_not_equal, { value: 2, colorType: 0 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "ColorPicker", options, - id: create_fragment$12.name + id: create_fragment$11.name }); } get value() { @@ -2650,15 +2676,14 @@ class ColorPicker extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const ColorInput_svelte_svelte_type_style_lang = ""; -const file$S = "src/components/ColorInput.svelte"; +const file$Q = "src/components/ColorInput.svelte"; function create_if_block$1(ctx) { let div; let colorpicker; let updating_value; let current; function colorpicker_value_binding(value) { - ctx[4](value); + ctx[5](value); } let colorpicker_props = {}; if ( @@ -2675,7 +2700,7 @@ function create_if_block$1(ctx) { div = element("div"); create_component(colorpicker.$$.fragment); attr_dev(div, "class", "modal s-KRbMAwMhhDv-"); - add_location(div, file$S, 22, 3, 556); + add_location(div, file$Q, 28, 3, 609); }, m: function mount(target, anchor) { insert_dev(target, div, anchor); @@ -2704,8 +2729,9 @@ function create_if_block$1(ctx) { current = false; }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(div); + } destroy_component(colorpicker); } }; @@ -2713,12 +2739,12 @@ function create_if_block$1(ctx) { block, id: create_if_block$1.name, type: "if", - source: "(22:2) {#if open}", + source: "(26:2) {#if open}", ctx }); return block; } -function create_fragment$11(ctx) { +function create_fragment$10(ctx) { let span1; let t0; let t1; @@ -2741,8 +2767,11 @@ function create_fragment$11(ctx) { span0 = element("span"); if (if_block) if_block.c(); + attr_dev(span0, "role", "button"); + attr_dev(span0, "tabindex", "-1"); attr_dev(span0, "class", "input s-KRbMAwMhhDv-"); - add_location(span0, file$S, 20, 1, 482); + add_location(span0, file$Q, 26, 1, 521); + attr_dev(span1, "role", "button"); attr_dev(span1, "class", "container s-KRbMAwMhhDv-"); attr_dev(span1, "tabindex", "-1"); set_style( @@ -2751,7 +2780,7 @@ function create_fragment$11(ctx) { /*value*/ ctx[0] ); - add_location(span1, file$S, 9, 0, 195); + add_location(span1, file$Q, 14, 0, 233); }, l: function claim(nodes) { throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); @@ -2768,22 +2797,22 @@ function create_fragment$11(ctx) { if (!mounted) { dispose = [ listen_dev(span0, "click", self( - /*click_handler*/ - ctx[5] + /*toggle*/ + ctx[4] ), false, false, false, false), listen_dev(span1, "click", self( - /*click_handler_1*/ - ctx[7] + /*toggle*/ + ctx[4] ), false, false, false, false), listen_dev(span1, "keydown", self( /*keydown_handler*/ - ctx[8] + ctx[7] ), false, false, false, false), listen_dev( span1, "blur", /*blur_handler*/ - ctx[9], + ctx[8], false, false, false, @@ -2845,8 +2874,9 @@ function create_fragment$11(ctx) { current = false; }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(span1); + } if (if_block) if_block.d(); ctx[6](null); @@ -2856,20 +2886,23 @@ function create_fragment$11(ctx) { }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$11.name, + id: create_fragment$10.name, type: "component", source: "", ctx }); return block; } -function instance$11($$self, $$props, $$invalidate) { +function instance$10($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("ColorInput", slots, []); let { value } = $$props; let { title } = $$props; let open = false; let element2; + function toggle() { + $$invalidate(2, open = !open); + } $$self.$$.on_mount.push(function() { if (value === void 0 && !("value" in $$props || $$self.$$.bound[$$self.$$.props["value"]])) { console.warn(" was created without expected prop 'value'"); @@ -2887,14 +2920,12 @@ function instance$11($$self, $$props, $$invalidate) { value = value$1; $$invalidate(0, value); } - const click_handler = () => $$invalidate(2, open = !open); function span1_binding($$value) { binding_callbacks[$$value ? "unshift" : "push"](() => { element2 = $$value; $$invalidate(3, element2); }); } - const click_handler_1 = () => $$invalidate(2, open = !open); const keydown_handler = (e) => e.key === "Escape" && $$invalidate(2, open = false); const blur_handler = () => $$invalidate(2, open = false); $$self.$$set = ($$props2) => { @@ -2903,7 +2934,14 @@ function instance$11($$self, $$props, $$invalidate) { if ("title" in $$props2) $$invalidate(1, title = $$props2.title); }; - $$self.$capture_state = () => ({ ColorPicker, value, title, open, element: element2 }); + $$self.$capture_state = () => ({ + ColorPicker, + value, + title, + open, + element: element2, + toggle + }); $$self.$inject_state = ($$props2) => { if ("value" in $$props2) $$invalidate(0, value = $$props2.value); @@ -2928,10 +2966,9 @@ function instance$11($$self, $$props, $$invalidate) { title, open, element2, + toggle, colorpicker_value_binding, - click_handler, span1_binding, - click_handler_1, keydown_handler, blur_handler ]; @@ -2939,12 +2976,12 @@ function instance$11($$self, $$props, $$invalidate) { class ColorInput extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$11, create_fragment$11, safe_not_equal, { value: 0, title: 1 }); + init(this, options, instance$10, create_fragment$10, safe_not_equal, { value: 0, title: 1 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "ColorInput", options, - id: create_fragment$11.name + id: create_fragment$10.name }); } get value() { @@ -2960,8 +2997,8 @@ class ColorInput extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const file$R = "src/stories/SVG/Close.story.svelte"; -function create_default_slot$m(ctx) { +const file$P = "src/stories/SVG/Close.story.svelte"; +function create_default_slot$n(ctx) { let svg; let path; const block = { @@ -2969,7 +3006,7 @@ function create_default_slot$m(ctx) { svg = svg_element("svg"); path = svg_element("path"); attr_dev(path, "d", "M1 1L9 9M1 9L9 1"); - add_location(path, file$R, 12, 2, 452); + add_location(path, file$P, 15, 2, 449); attr_dev(svg, "viewBox", "0 0 10 10"); attr_dev(svg, "stroke-width", "2"); attr_dev( @@ -2979,7 +3016,7 @@ function create_default_slot$m(ctx) { ctx[1] ); attr_dev(svg, "stroke-linecap", "round"); - add_location(svg, file$R, 11, 1, 369); + add_location(svg, file$P, 14, 0, 366); }, m: function mount(target, anchor) { insert_dev(target, svg, anchor); @@ -2997,15 +3034,16 @@ function create_default_slot$m(ctx) { } }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(svg); + } } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_default_slot$m.name, + id: create_default_slot$n.name, type: "slot", - source: '(11:0) ', + source: '(6:0) `} title=\\"SVGs/Close\\" icon=\\"ic:round-close\\">', ctx }); return block; @@ -3015,7 +3053,7 @@ function create_controls_slot$j(ctx) { let updating_value; let current; function colorinput_value_binding(value) { - ctx[3](value); + ctx[2](value); } let colorinput_props = { title: "Color" }; if ( @@ -3064,26 +3102,30 @@ function create_controls_slot$j(ctx) { block, id: create_controls_slot$j.name, type: "slot", - source: '(15:1) ', + source: '(14:1) ', ctx }); return block; } -function create_fragment$10(ctx) { +function create_fragment$$(ctx) { let hst_story; let current; hst_story = new /*Hst*/ ctx[0].Story({ props: { + source: ` + + + +`, title: "SVGs/Close", icon: "ic:round-close", - source: ( - /*source*/ - ctx[2] - ), $$slots: { controls: [create_controls_slot$j], - default: [create_default_slot$m] + default: [create_default_slot$n] }, $$scope: { ctx } }, @@ -3102,8 +3144,18 @@ function create_fragment$10(ctx) { }, p: function update(ctx2, [dirty]) { const hst_story_changes = {}; + if (dirty & /*color*/ + 2) + hst_story_changes.source = ` + + + +`; if (dirty & /*$$scope, color*/ - 18) { + 10) { hst_story_changes.$$scope = { dirty, ctx: ctx2 }; } hst_story.$set(hst_story_changes); @@ -3124,23 +3176,18 @@ function create_fragment$10(ctx) { }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$10.name, + id: create_fragment$$.name, type: "component", source: "", ctx }); return block; } -function instance$10($$self, $$props, $$invalidate) { +function instance$$($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("Close_story", slots, []); let { Hst } = $$props; let color = "#000"; - let source = ` - - - - `; $$self.$$.on_mount.push(function() { if (Hst === void 0 && !("Hst" in $$props || $$self.$$.bound[$$self.$$.props["Hst"]])) { console.warn(" was created without expected prop 'Hst'"); @@ -3159,29 +3206,27 @@ function instance$10($$self, $$props, $$invalidate) { if ("Hst" in $$props2) $$invalidate(0, Hst = $$props2.Hst); }; - $$self.$capture_state = () => ({ ColorInput, Hst, color, source }); + $$self.$capture_state = () => ({ ColorInput, Hst, color }); $$self.$inject_state = ($$props2) => { if ("Hst" in $$props2) $$invalidate(0, Hst = $$props2.Hst); if ("color" in $$props2) $$invalidate(1, color = $$props2.color); - if ("source" in $$props2) - $$invalidate(2, source = $$props2.source); }; if ($$props && "$$inject" in $$props) { $$self.$inject_state($$props.$$inject); } - return [Hst, color, source, colorinput_value_binding]; + return [Hst, color, colorinput_value_binding]; } class Close_story extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$10, create_fragment$10, safe_not_equal, { Hst: 0 }); + init(this, options, instance$$, create_fragment$$, safe_not_equal, { Hst: 0 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "Close_story", options, - id: create_fragment$10.name + id: create_fragment$$.name }); } get Hst() { @@ -3191,8 +3236,8 @@ class Close_story extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const file$Q = "src/stories/SVG/Command.story.svelte"; -function create_default_slot$l(ctx) { +const file$O = "src/stories/SVG/Command.story.svelte"; +function create_default_slot$m(ctx) { let svg; let path; const block = { @@ -3200,7 +3245,7 @@ function create_default_slot$l(ctx) { svg = svg_element("svg"); path = svg_element("path"); attr_dev(path, "d", "M8 6v-2a4 4 0 1 0-4 4h2v3h-2a4 4 0 1 0 4 4v-2h3v2a4 4 0 1 0 4-4h-2v-3h2a4 4 0 1 0-4-4v2zM6 6v-2a2 2 0 1 0-2 2zm7 0h2a2 2 0 1 0-2-2zm0 7v2a2 2 0 1 0 2-2zm-7 0h-2a2 2 0 1 0 2 2zm2-5h3v3h-3z"); - add_location(path, file$Q, 12, 2, 577); + add_location(path, file$O, 17, 2, 574); attr_dev(svg, "viewBox", "0 0 19 19"); attr_dev(svg, "fill-rule", "evenodd"); attr_dev( @@ -3209,7 +3254,7 @@ function create_default_slot$l(ctx) { /*color*/ ctx[1] ); - add_location(svg, file$Q, 11, 1, 516); + add_location(svg, file$O, 16, 0, 513); }, m: function mount(target, anchor) { insert_dev(target, svg, anchor); @@ -3227,15 +3272,16 @@ function create_default_slot$l(ctx) { } }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(svg); + } } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_default_slot$l.name, + id: create_default_slot$m.name, type: "slot", - source: '(11:0) ', + source: '(6:0) `} title=\\"SVGs/Command\\" icon=\\"ph:command\\">', ctx }); return block; @@ -3245,7 +3291,7 @@ function create_controls_slot$i(ctx) { let updating_value; let current; function colorinput_value_binding(value) { - ctx[3](value); + ctx[2](value); } let colorinput_props = { title: "Color" }; if ( @@ -3294,26 +3340,32 @@ function create_controls_slot$i(ctx) { block, id: create_controls_slot$i.name, type: "slot", - source: '(17:1) ', + source: '(18:1) ', ctx }); return block; } -function create_fragment$$(ctx) { +function create_fragment$_(ctx) { let hst_story; let current; hst_story = new /*Hst*/ ctx[0].Story({ props: { + source: ` + + + +`, title: "SVGs/Command", icon: "ph:command", - source: ( - /*source*/ - ctx[2] - ), $$slots: { controls: [create_controls_slot$i], - default: [create_default_slot$l] + default: [create_default_slot$m] }, $$scope: { ctx } }, @@ -3332,8 +3384,20 @@ function create_fragment$$(ctx) { }, p: function update(ctx2, [dirty]) { const hst_story_changes = {}; + if (dirty & /*color*/ + 2) + hst_story_changes.source = ` + + + +`; if (dirty & /*$$scope, color*/ - 18) { + 10) { hst_story_changes.$$scope = { dirty, ctx: ctx2 }; } hst_story.$set(hst_story_changes); @@ -3354,23 +3418,18 @@ function create_fragment$$(ctx) { }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$$.name, + id: create_fragment$_.name, type: "component", source: "", ctx }); return block; } -function instance$$($$self, $$props, $$invalidate) { +function instance$_($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("Command_story", slots, []); let { Hst } = $$props; let color = "#000"; - let source = ` - - - - `; $$self.$$.on_mount.push(function() { if (Hst === void 0 && !("Hst" in $$props || $$self.$$.bound[$$self.$$.props["Hst"]])) { console.warn(" was created without expected prop 'Hst'"); @@ -3389,29 +3448,27 @@ function instance$$($$self, $$props, $$invalidate) { if ("Hst" in $$props2) $$invalidate(0, Hst = $$props2.Hst); }; - $$self.$capture_state = () => ({ ColorInput, Hst, color, source }); + $$self.$capture_state = () => ({ ColorInput, Hst, color }); $$self.$inject_state = ($$props2) => { if ("Hst" in $$props2) $$invalidate(0, Hst = $$props2.Hst); if ("color" in $$props2) $$invalidate(1, color = $$props2.color); - if ("source" in $$props2) - $$invalidate(2, source = $$props2.source); }; if ($$props && "$$inject" in $$props) { $$self.$inject_state($$props.$$inject); } - return [Hst, color, source, colorinput_value_binding]; + return [Hst, color, colorinput_value_binding]; } class Command_story extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$$, create_fragment$$, safe_not_equal, { Hst: 0 }); + init(this, options, instance$_, create_fragment$_, safe_not_equal, { Hst: 0 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "Command_story", options, - id: create_fragment$$.name + id: create_fragment$_.name }); } get Hst() { @@ -3421,8 +3478,8 @@ class Command_story extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const file$P = "src/stories/SVG/Dilk.story.svelte"; -function create_default_slot$k(ctx) { +const file$N = "src/stories/SVG/Dilk.story.svelte"; +function create_default_slot$l(ctx) { let svg; let path; const block = { @@ -3430,7 +3487,7 @@ function create_default_slot$k(ctx) { svg = svg_element("svg"); path = svg_element("path"); attr_dev(path, "d", "M3 0H5V1H6V2H4V3H3V5H4V6H2V4H1V3H0V2H2V1H3z"); - add_location(path, file$P, 12, 2, 388); + add_location(path, file$N, 15, 2, 385); attr_dev(svg, "viewBox", "0 0 6 6"); attr_dev( svg, @@ -3438,7 +3495,7 @@ function create_default_slot$k(ctx) { /*color*/ ctx[1] ); - add_location(svg, file$P, 11, 1, 349); + add_location(svg, file$N, 14, 0, 346); }, m: function mount(target, anchor) { insert_dev(target, svg, anchor); @@ -3456,15 +3513,16 @@ function create_default_slot$k(ctx) { } }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(svg); + } } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_default_slot$k.name, + id: create_default_slot$l.name, type: "slot", - source: '(11:0) ', + source: '(6:0) `} title=\\"SVGs/Dilk\\" icon=\\"lucide:image\\">', ctx }); return block; @@ -3474,7 +3532,7 @@ function create_controls_slot$h(ctx) { let updating_value; let current; function colorinput_value_binding(value) { - ctx[3](value); + ctx[2](value); } let colorinput_props = { title: "Color" }; if ( @@ -3523,26 +3581,30 @@ function create_controls_slot$h(ctx) { block, id: create_controls_slot$h.name, type: "slot", - source: '(15:1) ', + source: '(14:1) ', ctx }); return block; } -function create_fragment$_(ctx) { +function create_fragment$Z(ctx) { let hst_story; let current; hst_story = new /*Hst*/ ctx[0].Story({ props: { + source: ` + + + +`, title: "SVGs/Dilk", icon: "lucide:image", - source: ( - /*source*/ - ctx[2] - ), $$slots: { controls: [create_controls_slot$h], - default: [create_default_slot$k] + default: [create_default_slot$l] }, $$scope: { ctx } }, @@ -3561,8 +3623,18 @@ function create_fragment$_(ctx) { }, p: function update(ctx2, [dirty]) { const hst_story_changes = {}; + if (dirty & /*color*/ + 2) + hst_story_changes.source = ` + + + +`; if (dirty & /*$$scope, color*/ - 18) { + 10) { hst_story_changes.$$scope = { dirty, ctx: ctx2 }; } hst_story.$set(hst_story_changes); @@ -3583,23 +3655,18 @@ function create_fragment$_(ctx) { }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$_.name, + id: create_fragment$Z.name, type: "component", source: "", ctx }); return block; } -function instance$_($$self, $$props, $$invalidate) { +function instance$Z($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("Dilk_story", slots, []); let { Hst } = $$props; let color = "#000"; - let source = ` - - - - `; $$self.$$.on_mount.push(function() { if (Hst === void 0 && !("Hst" in $$props || $$self.$$.bound[$$self.$$.props["Hst"]])) { console.warn(" was created without expected prop 'Hst'"); @@ -3618,29 +3685,27 @@ function instance$_($$self, $$props, $$invalidate) { if ("Hst" in $$props2) $$invalidate(0, Hst = $$props2.Hst); }; - $$self.$capture_state = () => ({ ColorInput, Hst, color, source }); + $$self.$capture_state = () => ({ ColorInput, Hst, color }); $$self.$inject_state = ($$props2) => { if ("Hst" in $$props2) $$invalidate(0, Hst = $$props2.Hst); if ("color" in $$props2) $$invalidate(1, color = $$props2.color); - if ("source" in $$props2) - $$invalidate(2, source = $$props2.source); }; if ($$props && "$$inject" in $$props) { $$self.$inject_state($$props.$$inject); } - return [Hst, color, source, colorinput_value_binding]; + return [Hst, color, colorinput_value_binding]; } class Dilk_story extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$_, create_fragment$_, safe_not_equal, { Hst: 0 }); + init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { Hst: 0 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "Dilk_story", options, - id: create_fragment$_.name + id: create_fragment$Z.name }); } get Hst() { @@ -3650,8 +3715,8 @@ class Dilk_story extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const file$O = "src/stories/SVG/Download.story.svelte"; -function create_default_slot$j(ctx) { +const file$M = "src/stories/SVG/Download.story.svelte"; +function create_default_slot$k(ctx) { let svg; let path0; let path1; @@ -3668,7 +3733,7 @@ function create_default_slot$j(ctx) { ctx[1] ); attr_dev(path0, "stroke-width", "8"); - add_location(path0, file$O, 17, 2, 536); + add_location(path0, file$M, 20, 2, 573); attr_dev(path1, "d", "M48 89l-20-20h13v-27h14v27h13z"); attr_dev( path1, @@ -3676,10 +3741,10 @@ function create_default_slot$j(ctx) { /*color*/ ctx[1] ); - add_location(path1, file$O, 22, 2, 663); + add_location(path1, file$M, -1, 700); attr_dev(svg, "viewBox", "0 0 100 100"); attr_dev(svg, "fill", "none"); - add_location(svg, file$O, 16, 1, 494); + add_location(svg, file$M, 19, 0, 531); }, m: function mount(target, anchor) { insert_dev(target, svg, anchor); @@ -3707,15 +3772,16 @@ function create_default_slot$j(ctx) { } }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(svg); + } } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_default_slot$j.name, + id: create_default_slot$k.name, type: "slot", - source: '(16:0) ', + source: '(6:0) `} title=\\"SVGs/Download\\" icon=\\"tabler:cloud-download\\">', ctx }); return block; @@ -3725,7 +3791,7 @@ function create_controls_slot$g(ctx) { let updating_value; let current; function colorinput_value_binding(value) { - ctx[3](value); + ctx[2](value); } let colorinput_props = { title: "Color" }; if ( @@ -3774,26 +3840,38 @@ function create_controls_slot$g(ctx) { block, id: create_controls_slot$g.name, type: "slot", - source: '(25:1) ', + source: '(24:1) ', ctx }); return block; } -function create_fragment$Z(ctx) { +function create_fragment$Y(ctx) { let hst_story; let current; hst_story = new /*Hst*/ ctx[0].Story({ props: { + source: ` + + + + +`, title: "SVGs/Download", icon: "tabler:cloud-download", - source: ( - /*source*/ - ctx[2] - ), $$slots: { controls: [create_controls_slot$g], - default: [create_default_slot$j] + default: [create_default_slot$k] }, $$scope: { ctx } }, @@ -3812,8 +3890,26 @@ function create_fragment$Z(ctx) { }, p: function update(ctx2, [dirty]) { const hst_story_changes = {}; + if (dirty & /*color*/ + 2) + hst_story_changes.source = ` + + + + +`; if (dirty & /*$$scope, color*/ - 18) { + 10) { hst_story_changes.$$scope = { dirty, ctx: ctx2 }; } hst_story.$set(hst_story_changes); @@ -3834,28 +3930,18 @@ function create_fragment$Z(ctx) { }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$Z.name, + id: create_fragment$Y.name, type: "component", source: "", ctx }); return block; } -function instance$Z($$self, $$props, $$invalidate) { +function instance$Y($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("Download_story", slots, []); let { Hst } = $$props; let color = "#000"; - let source = ` - - - - - `; $$self.$$.on_mount.push(function() { if (Hst === void 0 && !("Hst" in $$props || $$self.$$.bound[$$self.$$.props["Hst"]])) { console.warn(" was created without expected prop 'Hst'"); @@ -3874,29 +3960,27 @@ function instance$Z($$self, $$props, $$invalidate) { if ("Hst" in $$props2) $$invalidate(0, Hst = $$props2.Hst); }; - $$self.$capture_state = () => ({ ColorInput, Hst, color, source }); + $$self.$capture_state = () => ({ ColorInput, Hst, color }); $$self.$inject_state = ($$props2) => { if ("Hst" in $$props2) $$invalidate(0, Hst = $$props2.Hst); if ("color" in $$props2) $$invalidate(1, color = $$props2.color); - if ("source" in $$props2) - $$invalidate(2, source = $$props2.source); }; if ($$props && "$$inject" in $$props) { $$self.$inject_state($$props.$$inject); } - return [Hst, color, source, colorinput_value_binding]; + return [Hst, color, colorinput_value_binding]; } class Download_story extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { Hst: 0 }); + init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { Hst: 0 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "Download_story", options, - id: create_fragment$Z.name + id: create_fragment$Y.name }); } get Hst() { @@ -3906,33 +3990,551 @@ class Download_story extends SvelteComponentDev { throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); } } -const Button_svelte_svelte_type_style_lang = ""; -const file$N = "src/lib/Button.svelte"; -function create_fragment$Y(ctx) { - let button; - let current; - let mounted; - let dispose; - const default_slot_template = ( - /*#slots*/ - ctx[1].default - ); - const default_slot = create_slot( - default_slot_template, - ctx, - /*$$scope*/ - ctx[0], - null - ); +const file$L = "src/stories/SVG/HotAirBalloon.story.svelte"; +function create_default_slot$j(ctx) { + let svg; + let style; + let t; + let circle; + let path0; + let path1; + let g; + let path2; + let path3; + let path4; + let path5; + let path6; + let path7; + let path8; + let path9; + let path10; + let path11; + let path12; + let path13; + let path14; + let path15; + let defs; + let linearGradient0; + let stop0; + let stop1; + let linearGradient1; + let stop2; + let stop3; + let linearGradient2; + let stop4; + let stop5; + let linearGradient3; + let stop6; + let stop7; const block = { c: function create() { - button = element("button"); - if (default_slot) - default_slot.c(); - attr_dev(button, "class", "s-phxJ07zyCj0K"); - add_location(button, file$N, 0, 0, 0); + svg = svg_element("svg"); + style = svg_element("style"); + t = text("svg {\n border-radius: 50%;\n }\n\n .cloud {\n fill: #fff;\n }\n\n .cloud.a {\n transform: translateX(-100%);\n animation: cloud1 2.3s 2s infinite linear;\n }\n\n .cloud.b {\n transform: translateX(82%);\n animation: cloud2 3.6s 1s infinite linear;\n }\n\n .cloud.c {\n animation: cloud3 6s infinite linear;\n }\n\n #balloon {\n animation: balloon 3s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes cloud1 {\n from {\n transform: translateX(-100%);\n }\n\n to {\n transform: translateX(90%);\n }\n }\n\n @keyframes cloud2 {\n from {\n transform: translateX(-82%);\n }\n\n to {\n transform: translateX(85%);\n }\n }\n\n @keyframes cloud3 {\n from {\n transform: translateX(-32%);\n }\n\n to {\n transform: translateX(97%);\n }\n }\n\n @keyframes balloon {\n from {\n transform: translateY(-25px);\n }\n\n to {\n transform: translateY(25px);\n }\n }\n "); + circle = svg_element("circle"); + path0 = svg_element("path"); + path1 = svg_element("path"); + g = svg_element("g"); + path2 = svg_element("path"); + path3 = svg_element("path"); + path4 = svg_element("path"); + path5 = svg_element("path"); + path6 = svg_element("path"); + path7 = svg_element("path"); + path8 = svg_element("path"); + path9 = svg_element("path"); + path10 = svg_element("path"); + path11 = svg_element("path"); + path12 = svg_element("path"); + path13 = svg_element("path"); + path14 = svg_element("path"); + path15 = svg_element("path"); + defs = svg_element("defs"); + linearGradient0 = svg_element("linearGradient"); + stop0 = svg_element("stop"); + stop1 = svg_element("stop"); + linearGradient1 = svg_element("linearGradient"); + stop2 = svg_element("stop"); + stop3 = svg_element("stop"); + linearGradient2 = svg_element("linearGradient"); + stop4 = svg_element("stop"); + stop5 = svg_element("stop"); + linearGradient3 = svg_element("linearGradient"); + stop6 = svg_element("stop"); + stop7 = svg_element("stop"); + add_location(style, file$L, -1, 5525); + attr_dev(circle, "cx", "300"); + attr_dev(circle, "cy", "300"); + attr_dev(circle, "r", "300"); + attr_dev(circle, "fill", "#b0e2f8"); + add_location(circle, file$L, -1, 6486); + attr_dev(path0, "class", "cloud b"); + attr_dev(path0, "d", "M331 498a32 32 0 01 0-65a18 18 0 0128-20a61 61 0 01118 10a39 39 0 1110 75z"); + add_location(path0, file$L, -1, 6540); + attr_dev(path1, "class", "cloud c"); + attr_dev(path1, "d", "M45 370a33 33 0 11 15-65a45 45 0 01 87-10a15 15 0 01 20 18a27 27 0 013 54z"); + add_location(path1, file$L, -1, 6654); + attr_dev(path2, "d", "M279.8 487.867v14.892a11 11 0 0 0 11 11h16.847a11 11 0 0 0 11-11v-14.892H279.8z"); + attr_dev(path2, "fill", "#92573e"); + add_location(path2, file$L, -1, 6788); + attr_dev(path3, "d", "M279.797 469.236c10.485-7 24.325-7.94 38.463 0 0 0-13.73-36.634 30.662-98.73-51.584-17.073-113.37-1.858-137.052 26.08 32.78 30.56 66.238 61.784 67.927 72.65z"); + attr_dev(path3, "fill", "url(#A)"); + add_location(path3, file$L, -1, 6910); + attr_dev(path4, "d", "M211.54 396.278l.33.31c23.682-27.938 85.468-43.153 137.052-26.08 4.565-6.387 9.745-13.042 15.62-19.955 12.8-15.077 25.32-32.268 35.685-50.592-85.955-47.727-223.136-4.254-245.564 40.025 10.907 13.435 33.695 34.68 56.877 56.293z"); + attr_dev(path4, "fill", "url(#B)"); + add_location(path4, file$L, -1, 7110); + attr_dev(path5, "d", "M154.662 339.985c22.428-44.28 159.61-87.752 245.564-40.025 11.285-19.95 20.03-41.246 23.853-62.62-89.77-34.857-252-38.092-307.966 45.313 8.593 19.404 21.734 36.622 38.55 57.333z"); + attr_dev(path5, "fill", "#ffd600"); + add_location(path5, file$L, -1, 7379); + attr_dev(path6, "d", "M106.027 246.37c1.783 13.498 5.2 25.243 10.086 36.28 55.976-83.405 218.197-80.17 307.966-45.313 1.956-10.932 2.624-21.885 1.687-32.7-127.1-55.217-272.86-11.118-319.74 41.722z"); + attr_dev(path6, "fill", "#fff"); + add_location(path6, file$L, -1, 7599); + attr_dev(path7, "d", "M106.027 246.37c46.88-52.84 192.64-96.94 319.74-41.722-1.58-18.224-7.726-36.027-19.967-52.597-111.307-41.332-282.866-15.52-299.772 94.32z"); + attr_dev(path7, "fill", "url(#C)"); + add_location(path7, file$L, -1, 7813); + attr_dev(path8, "d", "M299.13 86.867C112.16 86.455 101.11 209.145 106.027 246.37c16.906-109.838 188.465-135.65 299.772-94.32-18.99-25.705-52.645-48.444-106.668-65.185z"); + attr_dev(path8, "fill", "url(#D)"); + add_location(path8, file$L, -1, 7993); + attr_dev(path9, "d", "M495.508 229.252c.47-50.768-30.48-142.02-196.377-142.385 54.023 16.74 87.68 39.48 106.668 65.185 43.086 16 77.144 42.06 89.71 77.2z"); + attr_dev(path9, "fill", "#e46a11"); + add_location(path9, file$L, -1, 8181); + attr_dev(path10, "d", "M494.02 246.37c.862-4.873 1.428-10.67 1.488-17.12-12.565-35.14-46.623-61.2-89.71-77.2 12.24 16.57 18.388 34.373 19.967 52.597 23.65 10.274 46.654 23.987 68.254 41.722z"); + attr_dev(path10, "fill", "#e6a600"); + add_location(path10, file$L, -1, 8355); + attr_dev(path11, "d", "M482.502 279.437c9.59-20.56 10.33-26.343 11.518-33.066a288.19 288.19 0 0 0-68.253-41.722c.936 10.805.268 21.758-1.688 32.7 29.164 11.324 50.68 25.985 58.423 42.098z"); + attr_dev(path11, "fill", "#e6e6e6"); + add_location(path11, file$L, -1, 8565); + attr_dev(path12, "d", "M400.226 299.96c16.957 9.415 31.92 22.38 43.615 39.588 19.24-23.48 31.243-44.206 38.66-60.11-7.743-16.113-29.26-30.774-58.423-42.098-3.824 21.375-12.568 42.67-23.853 62.62z"); + attr_dev(path12, "fill", "#ccab00"); + add_location(path12, file$L, -1, 8772); + attr_dev(path13, "d", "M389.193 393.223c22.782-20.366 43.807-40.444 54.648-53.675-11.695-17.208-26.658-30.173-43.615-39.588-10.366 18.324-22.875 35.515-35.685 50.592-5.874 6.913-11.054 13.568-15.62 19.954 14.607 4.835 28.397 12.26 40.27 22.717z"); + attr_dev(path13, "fill", "#ee7e16"); + add_location(path13, file$L, -1, 8987); + attr_dev(path14, "d", "M318.26 469.236c3.2-15.177 37.767-46.363 70.933-76.012-11.874-10.458-25.664-17.883-40.27-22.717-44.393 62.095-30.662 98.73-30.662 98.73z"); + attr_dev(path14, "fill", "#d1610f"); + add_location(path14, file$L, -1, 9251); + attr_dev(g, "id", "balloon"); + add_location(g, file$L, -1, 6768); + attr_dev(path15, "class", "cloud a"); + attr_dev(path15, "d", "M280 255a60 60 0 1120-115a93 93 0 01180-20a30 30 0 0140 30a50 50 0 010 100z"); + add_location(path15, file$L, -1, 9436); + attr_dev(stop0, "stop-color", "#e79f11"); + add_location(stop0, file$L, -1, 9700); + attr_dev(stop1, "offset", "1"); + attr_dev(stop1, "stop-color", "#e76b11"); + add_location(stop1, file$L, -1, 9734); + attr_dev(linearGradient0, "id", "A"); + attr_dev(linearGradient0, "x1", "239.679"); + attr_dev(linearGradient0, "y1", "421.758"); + attr_dev(linearGradient0, "x2", "330.642"); + attr_dev(linearGradient0, "y2", "401.983"); + attr_dev(linearGradient0, "gradientUnits", "userSpaceOnUse"); + add_location(linearGradient0, file$L, -1, 9561); + attr_dev(stop2, "stop-color", "#f0d230"); + add_location(stop2, file$L, -1, 9936); + attr_dev(stop3, "offset", ".911"); + attr_dev(stop3, "stop-color", "#f08c30"); + add_location(stop3, file$L, -1, 9970); + attr_dev(linearGradient1, "id", "B"); + attr_dev(linearGradient1, "x1", "176.4"); + attr_dev(linearGradient1, "y1", "359.468"); + attr_dev(linearGradient1, "x2", "400.226"); + attr_dev(linearGradient1, "y2", "310.031"); + attr_dev(linearGradient1, "gradientUnits", "userSpaceOnUse"); + add_location(linearGradient1, file$L, -1, 9799); + attr_dev(stop4, "stop-color", "#f9d659"); + add_location(stop4, file$L, -1, 10177); + attr_dev(stop5, "offset", "1"); + attr_dev(stop5, "stop-color", "#ffb800"); + add_location(stop5, file$L, -1, 10211); + attr_dev(linearGradient2, "id", "C"); + attr_dev(linearGradient2, "x1", "106.027"); + attr_dev(linearGradient2, "y1", "238.842"); + attr_dev(linearGradient2, "x2", "409.741"); + attr_dev(linearGradient2, "y2", "174.575"); + attr_dev(linearGradient2, "gradientUnits", "userSpaceOnUse"); + add_location(linearGradient2, file$L, -1, 10038); + attr_dev(stop6, "stop-color", "#f0af30"); + add_location(stop6, file$L, -1, 10414); + attr_dev(stop7, "offset", "1"); + attr_dev(stop7, "stop-color", "#ef7d2b"); + add_location(stop7, file$L, -1, 10448); + attr_dev(linearGradient3, "id", "D"); + attr_dev(linearGradient3, "x1", "105.191"); + attr_dev(linearGradient3, "y1", "234.887"); + attr_dev(linearGradient3, "x2", "320.755"); + attr_dev(linearGradient3, "y2", "95.476"); + attr_dev(linearGradient3, "gradientUnits", "userSpaceOnUse"); + add_location(linearGradient3, file$L, -1, 10276); + add_location(defs, file$L, -1, 9551); + attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg"); + attr_dev(svg, "viewBox", "0 0 600 600"); + attr_dev(svg, "fill", "none"); + add_location(svg, file$L, -1, 5448); }, - l: function claim(nodes) { + m: function mount(target, anchor) { + insert_dev(target, svg, anchor); + append_dev(svg, style); + append_dev(style, t); + append_dev(svg, circle); + append_dev(svg, path0); + append_dev(svg, path1); + append_dev(svg, g); + append_dev(g, path2); + append_dev(g, path3); + append_dev(g, path4); + append_dev(g, path5); + append_dev(g, path6); + append_dev(g, path7); + append_dev(g, path8); + append_dev(g, path9); + append_dev(g, path10); + append_dev(g, path11); + append_dev(g, path12); + append_dev(g, path13); + append_dev(g, path14); + append_dev(svg, path15); + append_dev(svg, defs); + append_dev(defs, linearGradient0); + append_dev(linearGradient0, stop0); + append_dev(linearGradient0, stop1); + append_dev(defs, linearGradient1); + append_dev(linearGradient1, stop2); + append_dev(linearGradient1, stop3); + append_dev(defs, linearGradient2); + append_dev(linearGradient2, stop4); + append_dev(linearGradient2, stop5); + append_dev(defs, linearGradient3); + append_dev(linearGradient3, stop6); + append_dev(linearGradient3, stop7); + }, + p: noop, + d: function destroy(detaching) { + if (detaching) { + detach_dev(svg); + } + } + }; + dispatch_dev("SvelteRegisterBlock", { + block, + id: create_default_slot$j.name, + type: "slot", + source: '(4:0) `} title=\\"SVGs/Hot Air Balloon\\" icon=\\"iconoir:hot-air-balloon\\">', + ctx + }); + return block; +} +function create_fragment$X(ctx) { + let hst_story; + let current; + hst_story = new /*Hst*/ + ctx[0].Story({ + props: { + source: ` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`, + title: "SVGs/Hot Air Balloon", + icon: "iconoir:hot-air-balloon", + $$slots: { default: [create_default_slot$j] }, + $$scope: { ctx } + }, + $$inline: true + }); + const block = { + c: function create() { + create_component(hst_story.$$.fragment); + }, + l: function claim(nodes) { + throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); + }, + m: function mount(target, anchor) { + mount_component(hst_story, target, anchor); + current = true; + }, + p: function update(ctx2, [dirty]) { + const hst_story_changes = {}; + if (dirty & /*$$scope*/ + 2) { + hst_story_changes.$$scope = { dirty, ctx: ctx2 }; + } + hst_story.$set(hst_story_changes); + }, + i: function intro(local) { + if (current) + return; + transition_in(hst_story.$$.fragment, local); + current = true; + }, + o: function outro(local) { + transition_out(hst_story.$$.fragment, local); + current = false; + }, + d: function destroy(detaching) { + destroy_component(hst_story, detaching); + } + }; + dispatch_dev("SvelteRegisterBlock", { + block, + id: create_fragment$X.name, + type: "component", + source: "", + ctx + }); + return block; +} +function instance$X($$self, $$props, $$invalidate) { + let { $$slots: slots = {}, $$scope } = $$props; + validate_slots("HotAirBalloon_story", slots, []); + let { Hst } = $$props; + $$self.$$.on_mount.push(function() { + if (Hst === void 0 && !("Hst" in $$props || $$self.$$.bound[$$self.$$.props["Hst"]])) { + console.warn(" was created without expected prop 'Hst'"); + } + }); + const writable_props = ["Hst"]; + Object.keys($$props).forEach((key2) => { + if (!~writable_props.indexOf(key2) && key2.slice(0, 2) !== "$$" && key2 !== "slot") + console.warn(` was created with unknown prop '${key2}'`); + }); + $$self.$$set = ($$props2) => { + if ("Hst" in $$props2) + $$invalidate(0, Hst = $$props2.Hst); + }; + $$self.$capture_state = () => ({ Hst }); + $$self.$inject_state = ($$props2) => { + if ("Hst" in $$props2) + $$invalidate(0, Hst = $$props2.Hst); + }; + if ($$props && "$$inject" in $$props) { + $$self.$inject_state($$props.$$inject); + } + return [Hst]; +} +class HotAirBalloon_story extends SvelteComponentDev { + constructor(options) { + super(options); + init(this, options, instance$X, create_fragment$X, safe_not_equal, { Hst: 0 }); + dispatch_dev("SvelteRegisterComponent", { + component: this, + tagName: "HotAirBalloon_story", + options, + id: create_fragment$X.name + }); + } + get Hst() { + throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''"); + } + set Hst(value) { + throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''"); + } +} +const file$K = "src/lib/Button.svelte"; +function create_fragment$W(ctx) { + let button; + let current; + let mounted; + let dispose; + const default_slot_template = ( + /*#slots*/ + ctx[1].default + ); + const default_slot = create_slot( + default_slot_template, + ctx, + /*$$scope*/ + ctx[0], + null + ); + const block = { + c: function create() { + button = element("button"); + if (default_slot) + default_slot.c(); + attr_dev(button, "class", "s-phxJ07zyCj0K"); + add_location(button, file$K, 0, 0, 0); + }, + l: function claim(nodes) { throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); }, m: function mount(target, anchor) { @@ -3991,8 +4593,9 @@ function create_fragment$Y(ctx) { current = false; }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(button); + } if (default_slot) default_slot.d(detaching); mounted = false; @@ -4001,14 +4604,14 @@ function create_fragment$Y(ctx) { }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$Y.name, + id: create_fragment$W.name, type: "component", source: "", ctx }); return block; } -function instance$Y($$self, $$props, $$invalidate) { +function instance$W($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots("Button", slots, ["default"]); const writable_props = []; @@ -4028,16 +4631,16 @@ function instance$Y($$self, $$props, $$invalidate) { class Button extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$Y, create_fragment$Y, safe_not_equal, {}); + init(this, options, instance$W, create_fragment$W, safe_not_equal, {}); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "Button", options, - id: create_fragment$Y.name + id: create_fragment$W.name }); } } -const file$M = "src/stories/SVG/Logo.story.svelte"; +const file$J = "src/stories/SVG/Logo.story.svelte"; function create_default_slot_7$1(ctx) { let svg; let mask; @@ -4060,19 +4663,19 @@ function create_default_slot_7$1(ctx) { attr_dev(rect, "width", "100%"); attr_dev(rect, "height", "100%"); attr_dev(rect, "fill", "white"); - add_location(rect, file$M, 138, 4, 8546); + add_location(rect, file$J, 156, 3, 9772); attr_dev(path0, "fill", "#000"); attr_dev(path0, "d", "M0 -11l70 51c7 5 7 15 0 20l-70 51z"); - add_location(path0, file$M, 139, 4, 8611); + add_location(path0, file$J, 157, 2, 9837); attr_dev(mask, "id", "cutout"); - add_location(mask, file$M, 137, 3, 8523); + add_location(mask, file$J, 155, 3, 9749); attr_dev(path1, "fill-rule", "evenodd"); attr_dev(path1, "d", "M53.706 0h-7.41l-2.085 5.537-5.878 1.17-4.044-4.32-6.845 2.835.192 5.914-4.983 3.33-5.39-2.443-5.24 5.24 2.44 5.4-3.33 4.983-5.913-.195L2.4 34.287l4.318 4.046-1.17 5.878-5.538 2.083v7.41l5.537 2.085 1.17 5.878L2.4 65.713l2.835 6.845 5.913-.195 3.33 4.983-2.44 5.4 5.24 5.24 5.39-2.443 4.983 3.33-.192 5.914 6.845 2.835 4.044-4.32 5.878 1.17L46.297 100h7.41l2.083-5.538 5.878-1.17 4.046 4.318 6.845-2.835-.195-5.913 4.983-3.33 5.4 2.44 5.24-5.24-2.443-5.39 3.33-4.983 5.914.192 2.835-6.845-4.32-4.044 1.17-5.878L100 53.703v-7.41l-5.538-2.083-1.17-5.878 4.32-4.044-2.835-6.845-5.914.192-3.33-4.983 2.443-5.39-5.24-5.24-5.4 2.44-4.983-3.33.195-5.913-6.845-2.835-4.046 4.318-5.878-1.17L53.706 0zM50 83.213c18.343 0 33.214-14.87 33.214-33.213S68.344 16.787 50 16.787 16.787 31.657 16.787 50 31.657 83.213 50 83.213z"); - add_location(path1, file$M, 142, 4, 8713); + add_location(path1, file$J, 160, 4, 9939); attr_dev(g, "mask", "url(#cutout)"); - add_location(g, file$M, 141, 3, 8685); + add_location(g, file$J, 159, 3, 9911); attr_dev(path2, "d", "M7.5 24v52h7v-39l13 39l13 -39v39h7v-52h-10l-10 32l-10 -32z"); - add_location(path2, file$M, 147, 3, 9582); + add_location(path2, file$J, 165, 3, 10808); attr_dev(svg, "viewBox", "0 0 100 100"); attr_dev( svg, @@ -4080,7 +4683,7 @@ function create_default_slot_7$1(ctx) { /*color*/ ctx[3] ); - add_location(svg, file$M, 136, 2, 8479); + add_location(svg, file$J, 154, 0, 9705); }, m: function mount(target, anchor) { insert_dev(target, svg, anchor); @@ -4103,15 +4706,16 @@ function create_default_slot_7$1(ctx) { } }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(svg); + } } }; dispatch_dev("SvelteRegisterBlock", { block, id: create_default_slot_7$1.name, type: "slot", - source: '(136:1) ', + source: '(136:1) `}>', ctx }); return block; @@ -4121,7 +4725,7 @@ function create_controls_slot_4$2(ctx) { let updating_value; let current; function colorinput_value_binding(value) { - ctx[9](value); + ctx[4](value); } let colorinput_props = { title: "Color" }; if ( @@ -4170,7 +4774,7 @@ function create_controls_slot_4$2(ctx) { block, id: create_controls_slot_4$2.name, type: "slot", - source: '(150:2) ', + source: '(164:2) ', ctx }); return block; @@ -4183,7 +4787,7 @@ function create_default_slot_6$2(ctx) { svg = svg_element("svg"); path = svg_element("path"); attr_dev(path, "d", "M103.559 209.461l-33.01 24.243-.29 8.924 17.523 7.258 10.352-11.056 15.048 2.994 5.338 14.175h18.967l5.333-14.176 15.048-2.993 10.357 11.054 17.523-7.259-.498-15.138 12.758-8.523 13.798 6.249 13.412-13.412-6.253-13.795 8.524-12.756 15.14.492 7.258-17.523-11.056-10.352 2.994-15.048L256 137.481v-18.967l-14.176-5.333-2.993-15.048 11.056-10.352-7.258-17.523-15.14.492-8.524-12.757 6.253-13.795-13.412-13.412-13.798 6.249-12.758-8.523.498-15.138-17.523-7.258-10.357 11.053-15.048-2.992L137.487.001H118.52l-5.338 14.175-15.048 2.994L87.782 6.114l-17.523 7.258.29 8.924 33.01 24.243c7.741-2.319 15.946-3.566 24.442-3.566 46.959 0 85.026 38.068 85.026 85.026s-38.067 85.026-85.026 85.026c-8.496 0-16.701-1.246-24.442-3.565zM95.2 61.6h26v133h-18v-104l-33 104-33-104v104h-18v-133h26l25 82z"); - add_location(path, file$M, 155, 3, 9897); + add_location(path, file$J, 179, 0, 12014); attr_dev(svg, "viewBox", "0 0 256 256"); attr_dev( svg, @@ -4191,7 +4795,7 @@ function create_default_slot_6$2(ctx) { /*color*/ ctx[3] ); - add_location(svg, file$M, 154, 2, 9853); + add_location(svg, file$J, 178, 0, 11970); }, m: function mount(target, anchor) { insert_dev(target, svg, anchor); @@ -4209,15 +4813,16 @@ function create_default_slot_6$2(ctx) { } }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(svg); + } } }; dispatch_dev("SvelteRegisterBlock", { block, id: create_default_slot_6$2.name, type: "slot", - source: '(154:1) ', + source: '(168:1) `}>', ctx }); return block; @@ -4227,7 +4832,7 @@ function create_controls_slot_3$2(ctx) { let updating_value; let current; function colorinput_value_binding_1(value) { - ctx[10](value); + ctx[5](value); } let colorinput_props = { title: "Color" }; if ( @@ -4276,7 +4881,7 @@ function create_controls_slot_3$2(ctx) { block, id: create_controls_slot_3$2.name, type: "slot", - source: '(160:2) ', + source: '(180:2) ', ctx }); return block; @@ -4302,18 +4907,18 @@ function create_key_block_1(ctx) { g = svg_element("g"); path1 = svg_element("path"); path2 = svg_element("path"); - add_location(style, file$M, 166, 4, 10952); + add_location(style, file$J, 191, 0, 13058); attr_dev(rect, "x", "0"); attr_dev(rect, "y", "0"); attr_dev(rect, "width", "100%"); attr_dev(rect, "height", "100%"); attr_dev(rect, "fill", "#fff"); - add_location(rect, file$M, 210, 5, 11740); + add_location(rect, file$J, 235, 4, 13846); attr_dev(path0, "id", "cutout-path"); attr_dev(path0, "d", "M0 -11l70 51c7 5 7 15 0 20l-70 51z"); - add_location(path0, file$M, 211, 5, 11805); + add_location(path0, file$J, 236, 3, 13911); attr_dev(mask, "id", "cutout"); - add_location(mask, file$M, 209, 4, 11716); + add_location(mask, file$J, 234, 4, 13822); attr_dev(path1, "id", "cog"); attr_dev(path1, "fill-rule", "evenodd"); attr_dev(path1, "d", "M53.706 0h-7.41l-2.085 5.537-5.878 1.17-4.044-4.32-6.845 2.835.192 5.914-4.983 3.33-5.39-2.443-5.24 5.24 2.44 5.4-3.33 4.983-5.913-.195L2.4 34.287l4.318 4.046-1.17 5.878-5.538 2.083v7.41l5.537 2.085 1.17 5.878L2.4 65.713l2.835 6.845 5.913-.195 3.33 4.983-2.44 5.4 5.24 5.24 5.39-2.443 4.983 3.33-.192 5.914 6.845 2.835 4.044-4.32 5.878 1.17L46.297 100h7.41l2.083-5.538 5.878-1.17 4.046 4.318 6.845-2.835-.195-5.913 4.983-3.33 5.4 2.44 5.24-5.24-2.443-5.39 3.33-4.983 5.914.192 2.835-6.845-4.32-4.044 1.17-5.878L100 53.703v-7.41l-5.538-2.083-1.17-5.878 4.32-4.044-2.835-6.845-5.914.192-3.33-4.983 2.443-5.39-5.24-5.24-5.4 2.44-4.983-3.33.195-5.913-6.845-2.835-4.046 4.318-5.878-1.17L53.706 0zM50 83.213c18.343 0 33.214-14.87 33.214-33.213S68.344 16.787 50 16.787 16.787 31.657 16.787 50 31.657 83.213 50 83.213z"); @@ -4323,9 +4928,9 @@ function create_key_block_1(ctx) { /*color*/ ctx[3] ); - add_location(path1, file$M, 214, 5, 11915); + add_location(path1, file$J, 239, 4, 14021); attr_dev(g, "mask", "url(#cutout)"); - add_location(g, file$M, 213, 4, 11886); + add_location(g, file$J, 238, 3, 13992); attr_dev(path2, "id", "m"); attr_dev(path2, "d", "M7.5 24v52h7v-39l13 39l13 -39v39h7v-52h-10l-10 32l-10 -32z"); attr_dev( @@ -4334,9 +4939,9 @@ function create_key_block_1(ctx) { /*color*/ ctx[3] ); - add_location(path2, file$M, 221, 4, 12823); + add_location(path2, file$J, -1, 14929); attr_dev(svg, "viewBox", "0 0 100 100"); - add_location(svg, file$M, 165, 3, 10920); + add_location(svg, file$J, -1, 13026); }, m: function mount(target, anchor) { insert_dev(target, svg, anchor); @@ -4370,15 +4975,16 @@ function create_key_block_1(ctx) { } }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(svg); + } } }; dispatch_dev("SvelteRegisterBlock", { block, id: create_key_block_1.name, type: "key", - source: "(165:2) {#key key}", + source: "(186:2) {#key key}", ctx }); return block; @@ -4412,8 +5018,9 @@ function create_default_slot_5$3(ctx) { } }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(key_block_anchor); + } key_block.d(detaching); } }; @@ -4421,7 +5028,7 @@ function create_default_slot_5$3(ctx) { block, id: create_default_slot_5$3.name, type: "slot", - source: '(164:1) ', + source: '(184:1) ', ctx }); return block; @@ -4436,15 +5043,16 @@ function create_default_slot_4$3(ctx) { insert_dev(target, t, anchor); }, d: function destroy(detaching) { - if (detaching) + if (detaching) { detach_dev(t); + } } }; dispatch_dev("SvelteRegisterBlock", { block, id: create_default_slot_4$3.name, type: "slot", - source: "(230:3)