windmill-components 1.22.42 → 1.28.1

package/components/icons/GmailIcon.svelte

@@ -0,0 +1,16 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	style=" fill:#000000;"
+	><path
+		d="M 43.753906 6.4023438 C 42.53621 6.3489969 41.294792 6.712898 40.271484 7.46875 L 37.525391 9.4960938 L 25 18.755859 L 12.591797 9.5839844 A 1.0001 1.0001 0 0 0 11.949219 9.3007812 L 12.199219 9.3007812 L 9.734375 7.4765625 C 8.7104042 6.7188363 7.4671493 6.3528895 6.2480469 6.40625 C 5.0289444 6.4596105 3.8349462 6.9314667 2.9082031 7.8457031 C 1.7309454 9.0063798 1 10.629831 1 12.410156 L 1 15.84375 A 1.0001 1.0001 0 0 0 1 16.138672 L 1 39.5 C 1 41.421188 2.5788117 43 4.5 43 L 12 43 A 1.0001 1.0001 0 0 0 13 42 L 13 25.373047 L 24.40625 33.804688 A 1.0001 1.0001 0 0 0 25.59375 33.804688 L 37 25.373047 L 37 42 A 1.0001 1.0001 0 0 0 38 43 L 45.5 43 C 47.421188 43 49 41.421188 49 39.5 L 49 16.119141 A 1.0001 1.0001 0 0 0 49 15.859375 L 49 12.410156 C 49 10.6517 48.290455 9.0357821 47.128906 7.8730469 C 47.095336 7.8394769 47.084086 7.83018 47.097656 7.84375 A 1.0001 1.0001 0 0 0 47.091797 7.8378906 C 46.165242 6.9256756 44.971603 6.4556905 43.753906 6.4023438 z M 43.644531 8.4003906 C 44.400835 8.4300436 45.134049 8.7168876 45.689453 9.2636719 C 45.708363 9.2823439 45.722171 9.2964424 45.712891 9.2871094 C 46.50934 10.084374 47 11.188613 47 12.410156 L 47 15.496094 L 39 21.408203 L 39 11 A 1.0001 1.0001 0 0 0 38.996094 10.898438 L 41.458984 9.078125 A 1.0001 1.0001 0 0 0 41.460938 9.078125 C 42.109578 8.598977 42.888228 8.3707375 43.644531 8.4003906 z M 6.3574219 8.40625 C 7.1145694 8.37661 7.8958927 8.6037105 8.5449219 9.0839844 L 11.003906 10.902344 A 1.0001 1.0001 0 0 0 11 11 L 11 21.408203 L 3 15.496094 L 3 12.410156 C 3 11.174482 3.5017577 10.068855 4.3125 9.2695312 C 4.8677569 8.7217677 5.6002743 8.4358895 6.3574219 8.40625 z M 37 12.371094 L 37 22.886719 L 25 31.755859 L 13 22.886719 L 13 12.373047 L 24.40625 20.804688 A 1.0001 1.0001 0 0 0 25.59375 20.804688 L 37 12.371094 z M 3 17.982422 L 11 23.896484 L 11 41 L 4.5 41 C 3.6591883 41 3 40.340812 3 39.5 L 3 17.982422 z M 47 17.982422 L 47 39.5 C 47 40.340812 46.340812 41 45.5 41 L 39 41 L 39 23.896484 L 47 17.982422 z"
+	/></svg
+>

package/components/icons/GmailIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type GmailIconProps = typeof __propDef.props;
+export declare type GmailIconEvents = typeof __propDef.events;
+export declare type GmailIconSlots = typeof __propDef.slots;
+export default class GmailIcon extends SvelteComponentTyped<GmailIconProps, GmailIconEvents, GmailIconSlots> {
+}
+export {};

package/components/icons/PostgresIcon.svelte

@@ -3,55 +3,14 @@ export let width = '24px';
 </script>
 
 <svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 432.071 445.383"
-	xml:space="preserve"
-	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 50 50"
+	style=" fill:#000000;"
+	><path
+		d="M 34.902344 2 C 32.863281 2 31.097656 2.550781 29.875 3.09375 C 28.675781 2.691406 26.6875 2.003906 24.300781 2.5 C 22.910156 2.742188 21.632813 3.316406 20.460938 4.195313 C 18.53125 3.265625 16.515625 2.695313 14.402344 2.601563 C 13.101563 2.5 7.800781 3.101563 5.898438 5.898438 C 5.199219 7 4.5 8.398438 4.199219 10.097656 C 3.898438 11.597656 3.898438 13.300781 4.398438 16.800781 C 4.699219 19.199219 5.101563 20.800781 6 24.097656 C 6.101563 24.398438 6.601563 26 8.101563 30.402344 C 8.398438 31.199219 9 32.699219 10.199219 34.097656 C 11 35.097656 11.800781 35.699219 12.800781 35.699219 C 14.101563 35.699219 15 34.800781 15.800781 33.800781 C 15.859375 33.734375 15.921875 33.660156 15.980469 33.59375 C 15.90625 33.710938 15.839844 33.839844 15.800781 34 C 15.601563 35 16.800781 35.800781 17.800781 36.199219 C 18.601563 36.597656 19.5 36.699219 20.199219 36.699219 C 21.097656 36.699219 21.800781 36.5 22.199219 36.402344 C 22.542969 36.285156 23.285156 35.964844 24.078125 35.4375 C 24.113281 37.992188 24.136719 41.007813 24.199219 41.699219 C 24.5 44.300781 25.199219 46.097656 26.5 47.097656 C 27.5 47.898438 29.300781 48 29.402344 48 C 31.199219 48 34 46.800781 35.199219 44.902344 C 35.800781 44 36 43.199219 36.199219 42.097656 C 36.398438 41.5 36.597656 38 36.699219 37.300781 C 36.835938 36.195313 36.941406 35.105469 37.046875 34.046875 C 37.707031 34.21875 38.519531 34.402344 39.402344 34.402344 C 41 34.402344 43.101563 33.300781 43.5 33.097656 C 44.300781 32.5 45.898438 31.101563 45.199219 29.902344 C 44.800781 29.199219 44.199219 29.199219 42.699219 29.402344 C 42.699219 29.402344 40.300781 29.699219 40.097656 29.597656 C 39.953125 29.542969 39.730469 29.402344 39.480469 29.21875 C 40 28.414063 40.460938 27.617188 41 26.902344 C 42.199219 24.601563 42.902344 22.800781 43.402344 21.402344 C 44.300781 18.902344 44.800781 16.898438 45.097656 15.5 C 45.800781 12.5 46 11.101563 45.597656 9.5 C 44.800781 6.699219 41.898438 4.300781 40.699219 3.601563 C 39.898438 3.199219 37.902344 2 34.902344 2 Z M 34.902344 4 C 37.402344 4 39.101563 5 40 5.398438 C 41.101563 6 43.601563 8 43.800781 9.898438 C 43.902344 11 44 12.101563 43.300781 15 C 42.902344 16.398438 42.5 18.199219 41.597656 20.699219 C 41.097656 22.097656 40.5 23.800781 39.300781 25.902344 C 39.269531 25.953125 39.234375 26.007813 39.203125 26.0625 C 39.320313 25.640625 39.402344 25.300781 39.402344 25.300781 C 39.601563 24.300781 39.601563 23.5 39.5 22.300781 C 39.398438 21.699219 39.300781 20.199219 39.300781 19.597656 C 39.300781 19.300781 39.597656 16.199219 39.699219 15.097656 C 39.800781 13.300781 38.699219 11.097656 38.402344 10.699219 C 36.902344 8.398438 36.101563 7.101563 34.5 5.800781 C 34.101563 5.460938 33.417969 4.894531 32.488281 4.324219 C 33.222656 4.144531 34.035156 4 34.902344 4 Z M 26.066406 4.410156 C 27.371094 4.441406 28.476563 4.800781 29.300781 5.101563 C 31.402344 5.800781 32.699219 6.898438 33.300781 7.398438 C 34.601563 8.5 35.300781 9.601563 36.800781 11.902344 C 36.910156 12.121094 37.195313 12.585938 37.421875 13.234375 C 35.375 13.046875 34.015625 13.765625 33.199219 14.5 C 32 15.5 32.097656 17 32.199219 18.097656 C 32.199219 18.898438 32.402344 19.902344 33.902344 23.300781 C 34.5 24.800781 35.097656 26.398438 35.699219 27.5 C 36.011719 28.121094 36.394531 28.691406 36.804688 29.199219 C 36.566406 29.320313 36.324219 29.476563 36.097656 29.699219 C 35.5 30.398438 35.398438 31.101563 35.199219 32.402344 C 35 33.402344 34.800781 35.5 34.699219 37.199219 C 34.699219 37.898438 34.402344 41.300781 34.300781 41.800781 C 34 42.800781 33.898438 43.300781 33.5 43.902344 C 32.800781 45 30.601563 45.902344 29.300781 45.800781 C 28.902344 45.800781 28.300781 45.800781 27.800781 45.402344 C 26.699219 44.601563 26.300781 42.800781 26.199219 41.402344 C 26.097656 40.402344 26.199219 33.199219 26 31.597656 C 25.898438 31.199219 25.800781 30.199219 25 29.5 C 24.664063 29.21875 23.96875 29.074219 23.3125 28.976563 C 23.320313 28.640625 23.339844 28.304688 23.402344 28 C 23.5 27.398438 23.699219 27.097656 23.902344 26.597656 C 24 26.300781 24.199219 25.902344 24.402344 25.402344 C 25.300781 22.601563 25.097656 18.898438 24.597656 16.597656 C 24.5 16.398438 24.097656 14.800781 22.699219 13.902344 C 21.199219 13 19.597656 13.5 18.699219 13.800781 C 18.328125 13.902344 17.960938 14.0625 17.59375 14.25 C 17.65625 13.832031 17.710938 13.410156 17.800781 13 C 18.199219 11 18.601563 9.300781 19.902344 7.601563 C 21.300781 5.898438 22.898438 4.800781 24.699219 4.5 C 25.175781 4.425781 25.632813 4.398438 26.066406 4.410156 Z M 13.71875 4.585938 C 13.953125 4.582031 14.152344 4.585938 14.300781 4.601563 C 15.863281 4.683594 17.359375 5.050781 18.84375 5.675781 C 18.660156 5.878906 18.476563 6.082031 18.300781 6.300781 C 16.601563 8.300781 16.199219 10.398438 15.800781 12.5 C 15.300781 15 15.199219 17.597656 15.597656 20.199219 L 15.402344 22.097656 C 15.300781 23.097656 15.097656 25 16.199219 27 C 16.585938 27.664063 17.011719 28.226563 17.480469 28.707031 C 16.464844 30.050781 15.386719 31.320313 14.300781 32.5 C 13.699219 33.199219 13.199219 33.699219 12.800781 33.699219 C 12.699219 33.699219 12.300781 33.5 11.699219 32.800781 C 10.597656 31.601563 10.199219 30.300781 10 29.800781 C 8.800781 26.199219 8.101563 23.898438 8 23.597656 C 7.199219 20.398438 6.800781 18.800781 6.398438 16.5 C 5.898438 13.300781 5.898438 11.699219 6.199219 10.402344 C 6.5 9 7 7.898438 7.5 7.101563 C 8.726563 5.175781 12.09375 4.628906 13.71875 4.585938 Z M 36.664063 15.125 C 36.984375 15.125 37.332031 15.164063 37.699219 15.242188 C 37.6875 16.175781 37.300781 19.105469 37.300781 19.5 C 37.300781 20.300781 37.5 21.898438 37.5 22.5 C 37.601563 23.601563 37.601563 24.199219 37.5 25 C 37.5 25 37.351563 25.714844 37.199219 26.222656 C 36.734375 25.171875 36.21875 23.917969 35.597656 22.5 C 34.097656 19.101563 34 18.402344 34 17.902344 C 34 17.199219 34 16.300781 34.597656 15.902344 C 35.160156 15.402344 35.84375 15.132813 36.664063 15.125 Z M 21.140625 15.417969 C 21.339844 15.441406 21.523438 15.5 21.699219 15.597656 C 22.5 16 22.699219 17 22.699219 17 C 23.199219 19.199219 23.398438 22.5 22.597656 24.699219 C 22.5 25.097656 22.300781 25.398438 22.199219 25.699219 C 22 26.199219 21.800781 26.699219 21.597656 27.597656 C 21.546875 27.96875 21.523438 28.335938 21.511719 28.703125 C 20.820313 28.558594 20.167969 28.3125 19.699219 28 C 18.898438 27.601563 18.300781 26.898438 17.902344 26.097656 C 17.199219 24.597656 17.300781 23.199219 17.402344 22.402344 L 17.597656 20.097656 C 17.457031 18.972656 17.390625 17.84375 17.40625 16.722656 C 17.867188 16.328125 18.46875 15.925781 19.300781 15.699219 C 19.902344 15.550781 20.558594 15.34375 21.140625 15.417969 Z M 35.886719 16.089844 C 35.625 16.101563 35.347656 16.148438 35.199219 16.199219 C 34.800781 16.300781 34.699219 16.300781 34.597656 16.5 C 34.5 16.699219 34.800781 17 34.902344 17.199219 C 35 17.199219 35.300781 17.5 35.699219 17.402344 C 36 17.300781 36.199219 17.101563 36.300781 17 C 36.402344 16.898438 36.800781 16.398438 36.5 16.199219 C 36.398438 16.097656 36.148438 16.074219 35.886719 16.089844 Z M 20.914063 16.816406 C 20.804688 16.824219 20.699219 16.851563 20.597656 16.902344 C 20.5 16.902344 20.300781 17 20.199219 17.199219 C 20.097656 17.398438 20.199219 17.597656 20.300781 17.699219 C 20.5 18 20.800781 18.300781 21.300781 18.300781 C 21.402344 18.300781 21.800781 18.300781 22.097656 18 C 22.097656 18 22.402344 17.699219 22.402344 17.402344 C 22.300781 17.199219 22.101563 17.101563 21.800781 17 C 21.574219 16.925781 21.238281 16.792969 20.914063 16.816406 Z M 19.074219 29.902344 C 19.6875 30.230469 20.425781 30.496094 21.234375 30.679688 C 21.019531 31.109375 20.710938 31.464844 20.402344 31.699219 C 19.699219 32.199219 18.800781 32.5 17.902344 32.699219 C 17.699219 32.699219 17.601563 32.800781 17.402344 32.800781 C 16.917969 32.9375 16.449219 33.089844 16.128906 33.421875 C 17.109375 32.332031 18.09375 31.128906 19.074219 29.902344 Z M 38.355469 30.703125 C 38.792969 31.03125 39.222656 31.273438 39.597656 31.402344 C 40.199219 31.601563 40.699219 31.601563 42.5 31.402344 C 42.199219 31.699219 41.300781 32.199219 40 32.402344 C 39.164063 32.484375 38.125 32.285156 37.28125 32.042969 C 37.359375 31.476563 37.449219 31.152344 37.597656 31 C 37.652344 30.949219 37.984375 30.847656 38.355469 30.703125 Z M 23.296875 31.003906 C 23.503906 31.039063 23.667969 31.066406 23.699219 31.097656 C 23.898438 31.300781 24 31.800781 24 32 C 24.011719 32.171875 24.019531 32.605469 24.027344 32.90625 C 23.203125 33.871094 21.878906 34.40625 21.597656 34.5 C 21.199219 34.699219 20 34.898438 18.800781 34.5 C 19.800781 34.199219 20.800781 33.902344 21.597656 33.300781 C 22.296875 32.800781 22.898438 32.003906 23.296875 31.003906 Z"
+	/></svg
 >
-	<g id="orginal" style="fill-rule:nonzero;clip-rule:nonzero;stroke:#000000;stroke-miterlimit:4;" />
-	<g
-		id="Layer_x0020_3"
-		style="fill-rule:nonzero;clip-rule:nonzero;fill:none;stroke:#FFFFFF;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;"
-	>
-		<path
-			style="fill:#000000;stroke:#000000;stroke-width:37.3953;stroke-linecap:butt;stroke-linejoin:miter;"
-			d="M323.205,324.227c2.833-23.601,1.984-27.062,19.563-23.239l4.463,0.392c13.517,0.615,31.199-2.174,41.587-7c22.362-10.376,35.622-27.7,13.572-23.148c-50.297,10.376-53.755-6.655-53.755-6.655c53.111-78.803,75.313-178.836,56.149-203.322    C352.514-5.534,262.036,26.049,260.522,26.869l-0.482,0.089c-9.938-2.062-21.06-3.294-33.554-3.496c-22.761-0.374-40.032,5.967-53.133,15.904c0,0-161.408-66.498-153.899,83.628c1.597,31.936,45.777,241.655,98.47,178.31    c19.259-23.163,37.871-42.748,37.871-42.748c9.242,6.14,20.307,9.272,31.912,8.147l0.897-0.765c-0.281,2.876-0.157,5.689,0.359,9.019c-13.572,15.167-9.584,17.83-36.723,23.416c-27.457,5.659-11.326,15.734-0.797,18.367c12.768,3.193,42.305,7.716,62.268-20.224    l-0.795,3.188c5.325,4.26,4.965,30.619,5.72,49.452c0.756,18.834,2.017,36.409,5.856,46.771c3.839,10.36,8.369,37.05,44.036,29.406c29.809-6.388,52.6-15.582,54.677-101.107"
-		/>
-		<path
-			style="fill:#336791;stroke:none;"
-			d="M402.395,271.23c-50.302,10.376-53.76-6.655-53.76-6.655c53.111-78.808,75.313-178.843,56.153-203.326c-52.27-66.785-142.752-35.2-144.262-34.38l-0.486,0.087c-9.938-2.063-21.06-3.292-33.56-3.496c-22.761-0.373-40.026,5.967-53.127,15.902    c0,0-161.411-66.495-153.904,83.63c1.597,31.938,45.776,241.657,98.471,178.312c19.26-23.163,37.869-42.748,37.869-42.748c9.243,6.14,20.308,9.272,31.908,8.147l0.901-0.765c-0.28,2.876-0.152,5.689,0.361,9.019c-13.575,15.167-9.586,17.83-36.723,23.416    c-27.459,5.659-11.328,15.734-0.796,18.367c12.768,3.193,42.307,7.716,62.266-20.224l-0.796,3.188c5.319,4.26,9.054,27.711,8.428,48.969c-0.626,21.259-1.044,35.854,3.147,47.254c4.191,11.4,8.368,37.05,44.042,29.406c29.809-6.388,45.256-22.942,47.405-50.555    c1.525-19.631,4.976-16.729,5.194-34.28l2.768-8.309c3.192-26.611,0.507-35.196,18.872-31.203l4.463,0.392c13.517,0.615,31.208-2.174,41.591-7c22.358-10.376,35.618-27.7,13.573-23.148z"
-		/>
-		<path
-			d="M215.866,286.484c-1.385,49.516,0.348,99.377,5.193,111.495c4.848,12.118,15.223,35.688,50.9,28.045c29.806-6.39,40.651-18.756,45.357-46.051c3.466-20.082,10.148-75.854,11.005-87.281"
-		/>
-		<path
-			d="M173.104,38.256c0,0-161.521-66.016-154.012,84.109c1.597,31.938,45.779,241.664,98.473,178.316c19.256-23.166,36.671-41.335,36.671-41.335"
-		/>
-		<path
-			d="M260.349,26.207c-5.591,1.753,89.848-34.889,144.087,34.417c19.159,24.484-3.043,124.519-56.153,203.329"
-		/>
-		<path
-			style="stroke-linejoin:bevel;"
-			d="M348.282,263.953c0,0,3.461,17.036,53.764,6.653c22.04-4.552,8.776,12.774-13.577,23.155c-18.345,8.514-59.474,10.696-60.146-1.069c-1.729-30.355,21.647-21.133,19.96-28.739c-1.525-6.85-11.979-13.573-18.894-30.338    c-6.037-14.633-82.796-126.849,21.287-110.183c3.813-0.789-27.146-99.002-124.553-100.599c-97.385-1.597-94.19,119.762-94.19,119.762"
-		/>
-		<path
-			d="M188.604,274.334c-13.577,15.166-9.584,17.829-36.723,23.417c-27.459,5.66-11.326,15.733-0.797,18.365c12.768,3.195,42.307,7.718,62.266-20.229c6.078-8.509-0.036-22.086-8.385-25.547c-4.034-1.671-9.428-3.765-16.361,3.994z"
-		/>
-		<path
-			d="M187.715,274.069c-1.368-8.917,2.93-19.528,7.536-31.942c6.922-18.626,22.893-37.255,10.117-96.339c-9.523-44.029-73.396-9.163-73.436-3.193c-0.039,5.968,2.889,30.26-1.067,58.548c-5.162,36.913,23.488,68.132,56.479,64.938"
-		/>
-		<path
-			style="fill:#FFFFFF;stroke-width:4.155;stroke-linecap:butt;stroke-linejoin:miter;"
-			d="M172.517,141.7c-0.288,2.039,3.733,7.48,8.976,8.207c5.234,0.73,9.714-3.522,9.998-5.559c0.284-2.039-3.732-4.285-8.977-5.015c-5.237-0.731-9.719,0.333-9.996,2.367z"
-		/>
-		<path
-			style="fill:#FFFFFF;stroke-width:2.0775;stroke-linecap:butt;stroke-linejoin:miter;"
-			d="M331.941,137.543c0.284,2.039-3.732,7.48-8.976,8.207c-5.238,0.73-9.718-3.522-10.005-5.559c-0.277-2.039,3.74-4.285,8.979-5.015c5.239-0.73,9.718,0.333,10.002,2.368z"
-		/>
-		<path
-			d="M350.676,123.432c0.863,15.994-3.445,26.888-3.988,43.914c-0.804,24.748,11.799,53.074-7.191,81.435"
-		/>
-		<path style="stroke-width:3;" d="M0,60.232" />
-	</g>
-</svg>

package/components/icons/Slack.svelte

@@ -3,24 +3,15 @@ export let width = '24px';
 </script>
 
 <svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
 	{width}
 	{height}
-	viewBox="-2.45 0 2452.5 2452.5"
-	enable-background="new 0 0 2447.6 2452.5"
-	xmlns="http://www.w3.org/2000/svg"
-	><g clip-rule="evenodd" fill-rule="evenodd"
-		><path
-			d="m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z"
-			fill="#36c5f0"
-		/><path
-			d="m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z"
-			fill="#2eb67d"
-		/><path
-			d="m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z"
-			fill="#ecb22e"
-		/><path
-			d="m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0"
-			fill="#e01e5a"
-		/></g
-	></svg
+	viewBox="0 0 30 30"
+	style=" fill:#000000;"
+>
+	<path
+		d="M 16.644531 2.0058594 C 16.365063 1.9841719 16.077422 2.0168281 15.794922 2.1113281 C 14.664922 2.4893281 14.053641 3.71375 14.431641 4.84375 L 15.324219 7.5117188 L 10.236328 9.2128906 L 9.3828125 6.6601562 C 9.0048125 5.5301563 7.7803906 4.9208281 6.6503906 5.2988281 C 5.5193906 5.6768281 4.9110625 6.8992969 5.2890625 8.0292969 L 6.1425781 10.582031 L 3.4746094 11.474609 C 2.3446094 11.852609 1.7333281 13.075078 2.1113281 14.205078 C 2.4893281 15.335078 3.71375 15.946359 4.84375 15.568359 L 7.5117188 14.675781 L 9.2128906 19.763672 L 6.6601562 20.617188 C 5.5301563 20.995187 4.9208281 22.219609 5.2988281 23.349609 C 5.6768281 24.480609 6.8992969 25.088938 8.0292969 24.710938 L 10.582031 23.857422 L 11.474609 26.525391 C 11.852609 27.655391 13.075078 28.266672 14.205078 27.888672 C 15.335078 27.510672 15.945359 26.28625 15.568359 25.15625 L 14.675781 22.488281 L 19.763672 20.785156 L 20.617188 23.339844 C 20.995187 24.469844 22.219609 25.079172 23.349609 24.701172 C 24.480609 24.323172 25.089891 23.100703 24.712891 21.970703 L 23.857422 19.416016 L 26.525391 18.523438 C 27.655391 18.145437 28.266672 16.922969 27.888672 15.792969 C 27.510672 14.662969 26.28625 14.053641 25.15625 14.431641 L 22.488281 15.324219 L 20.787109 10.236328 L 23.339844 9.3828125 C 24.469844 9.0048125 25.079172 7.7803906 24.701172 6.6503906 C 24.323172 5.5203906 23.100703 4.9110625 21.970703 5.2890625 L 19.417969 6.1425781 L 18.525391 3.4746094 C 18.241891 2.6271094 17.482937 2.0709219 16.644531 2.0058594 z M 16.693359 11.605469 L 18.394531 16.693359 L 13.306641 18.394531 L 11.605469 13.306641 L 16.693359 11.605469 z"
+	/></svg
 >

package/components/icons/TogglIcon.svelte

@@ -0,0 +1,59 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 60 60"
+	style=" fill:#000000;"
+	><linearGradient
+		id="2R_xNhRC2gDYhp_e6bogba"
+		x1="32"
+		x2="32"
+		y1="7"
+		y2="57"
+		gradientUnits="userSpaceOnUse"
+		><stop offset="0" stop-color="#000000" /><stop
+			offset="1"
+			stop-color="#000000"
+		/></linearGradient
+	><path
+		fill="url(#2R_xNhRC2gDYhp_e6bogba)"
+		d="M32,9c12.682,0,23,10.318,23,23S44.682,55,32,55S9,44.682,9,32S19.318,9,32,9 M32,7	C18.193,7,7,18.193,7,32s11.193,25,25,25s25-11.193,25-25S45.807,7,32,7L32,7z"
+	/><linearGradient
+		id="2R_xNhRC2gDYhp_e6bogbb"
+		x1="32.001"
+		x2="32.001"
+		y1="16.294"
+		y2="45.473"
+		gradientUnits="userSpaceOnUse"
+		><stop offset="0" stop-color="#000000" /><stop
+			offset="1"
+			stop-color="#000000"
+		/></linearGradient
+	><rect
+		width="3.999"
+		height="17.995"
+		x="30.001"
+		y="16.005"
+		fill="url(#2R_xNhRC2gDYhp_e6bogbb)"
+	/><linearGradient
+		id="2R_xNhRC2gDYhp_e6bogbc"
+		x1="32.001"
+		x2="32.001"
+		y1="16.294"
+		y2="45.473"
+		gradientUnits="userSpaceOnUse"
+		><stop offset="0" stop-color="#000000" /><stop
+			offset="1"
+			stop-color="#000000"
+		/></linearGradient
+	><path
+		fill="url(#2R_xNhRC2gDYhp_e6bogbc)"
+		d="M35.5,20.043v3.713c3.35,1.379,5.714,4.67,5.714,8.518c0,5.087-4.126,9.214-9.213,9.214	c-5.087,0-9.212-4.126-9.212-9.214c0-3.847,2.36-7.137,5.712-8.517v-3.714c-5.324,1.525-9.223,6.418-9.223,12.23	C19.277,39.3,24.976,45,32,45c7.026,0,12.724-5.7,12.724-12.725C44.724,26.461,40.822,21.567,35.5,20.043z"
+	/></svg
+>

package/components/icons/TogglIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type TogglIconProps = typeof __propDef.props;
+export declare type TogglIconEvents = typeof __propDef.events;
+export declare type TogglIconSlots = typeof __propDef.slots;
+export default class TogglIcon extends SvelteComponentTyped<TogglIconProps, TogglIconEvents, TogglIconSlots> {
+}
+export {};

package/components/propertyPicker/ObjectViewer.svelte

@@ -1,9 +1,12 @@
 <script>import { createEventDispatcher } from 'svelte';
-import { formatValue, getTypeAsString } from '../flows/utils';
+import { getTypeAsString } from '../flows/utils';
+import { computeKey } from './utils';
+import WarningMessage from './WarningMessage.svelte';
 export let json;
 export let level = 0;
 export let isLast = true;
 export let currentPath = '';
+export let pureViewer = false;
 const collapsedSymbol = '...';
 let keys;
 let isArray;
@@ -15,37 +18,27 @@ $: {
     openBracket = isArray ? '[' : '{';
     closeBracket = isArray ? ']' : '}';
 }
-$: collapsed = false;
+$: collapsed = level == 2;
 function collapse() {
     collapsed = !collapsed;
 }
 const dispatch = createEventDispatcher();
-function computeKey(key) {
-    if (isArray) {
-        return `${currentPath}[${key}]`;
-    }
-    else {
-        if (currentPath) {
-            return `${currentPath}.${key}`;
-        }
-        else {
-            return key;
-        }
-    }
-}
 function selectProp(key) {
-    dispatch('select', computeKey(key));
+    dispatch('select', computeKey(key, isArray, currentPath));
 }
 </script>
 
 {#if keys.length > 0}
 	<span class:hidden={collapsed}>
-		<span class="cursor-pointer hover:bg-slate-200" on:click={collapse}>{openBracket}</span>
-		<ul>
+		{#if level != 0}<span class="cursor-pointer hover:bg-slate-200" on:click={collapse}>(-)</span
+			>{/if}
+		<ul class="w-full">
 			{#each keys as key, index}
-				<li class={getTypeAsString(json[key]) !== 'object' ? 'hover:bg-sky-100 py-2' : 'py-2'}>
+				<li class={getTypeAsString(json[key]) !== 'object' ? 'hover:bg-sky-100 pt-1' : 'pt-1'}>
 					{#if !isArray}
-						<span class="key">{key}:</span>
+						<span class="key mr-1">{key}:</span>
+					{:else}
+						<span class="key mr-1">{index}:</span>
 					{/if}
 
 					{#if getTypeAsString(json[key]) === 'object'}
@@ -53,27 +46,25 @@ function selectProp(key) {
 							json={json[key]}
 							level={level + 1}
 							isLast={index === keys.length - 1}
-							currentPath={computeKey(key)}
+							currentPath={computeKey(key, isArray, currentPath)}
+							{pureViewer}
 							on:select
 						/>
 					{:else}
-						<span class="val {getTypeAsString(json[key])}">
-							{formatValue(json[key])}
-							{#if index < keys.length - 1}
-								<span class="text-black">,</span>
+						<button class="val {getTypeAsString(json[key])}" on:click={() => selectProp(key)}>
+							{#if json[key] === undefined}
+								<WarningMessage />
+							{:else}
+								<span> {JSON.stringify(json[key])}</span>
+								{#if !pureViewer}
+									<button class="ml-2 default-button-secondary py-0"> Select </button>
+								{/if}
 							{/if}
-							<button class="default-button-secondary" on:click={() => selectProp(key)}>
-								Select
-							</button>
-						</span>
+						</button>
 					{/if}
 				</li>
 			{/each}
 		</ul>
-		<span class="cursor-pointer hover:bg-slate-200" on:click={collapse}>{closeBracket}</span>
-		{#if !isLast}
-			<span class="text-black">,</span>
-		{/if}
 	</span>
 	<span class="cursor-pointer hover:bg-slate-200" class:hidden={!collapsed} on:click={collapse}>
 		{openBracket}{collapsedSymbol}{closeBracket}
@@ -81,6 +72,8 @@ function selectProp(key) {
 	{#if !isLast && collapsed}
 		<span class="text-black">,</span>
 	{/if}
+{:else}
+	<span class="text-black">{openBracket}{closeBracket}</span>
 {/if}
 
 <style>
@@ -92,12 +85,17 @@ function selectProp(key) {
 		color: rgb(0 0 0 / var(--tw-text-opacity));
 	}
 
-	.hidden {
-		display: none;
-	}
 	.val {
 		--tw-text-opacity: 1;
 		color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+	.val.undefined {
+		--tw-text-opacity: 1;
+		color: rgb(240 82 82 / var(--tw-text-opacity));
+}
+	.val.null {
+		--tw-text-opacity: 1;
+		color: rgb(240 82 82 / var(--tw-text-opacity));
 }
 	.val.string {
 		--tw-text-opacity: 1;
@@ -105,7 +103,7 @@ function selectProp(key) {
 }
 	.val.number {
 		--tw-text-opacity: 1;
-		color: rgb(234 88 12 / var(--tw-text-opacity));
+		color: rgb(208 56 1 / var(--tw-text-opacity));
 }
 	.val.boolean {
 		--tw-text-opacity: 1;

package/components/propertyPicker/ObjectViewer.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         level?: number | undefined;
         isLast?: boolean | undefined;
         currentPath?: string | undefined;
+        pureViewer?: boolean | undefined;
     };
     events: {
         select: CustomEvent<any>;

package/components/propertyPicker/OverlayPropertyPicker.svelte

@@ -1,69 +1,69 @@
 <script>import { createEventDispatcher } from 'svelte';
-import Overlay from 'svelte-overlay';
+import { createPopperActions } from 'svelte-popperjs';
 import PropPicker from './PropPicker.svelte';
-import WarningMessage from './WarningMessage.svelte';
-export let previousSchema;
-export let disabled = false;
+const [popperRef, popperContent] = createPopperActions({
+    placement: 'bottom',
+    strategy: 'fixed'
+});
+export let pickableProperties;
 let isOpen = false;
-const dispatch = createEventDispatcher();
-function handleWindowKeyDown(event) {
-    if (event.key === 'Escape') {
-        isOpen = false;
+let isFocused = false;
+let timeout;
+let pickerVariation = 'append';
+export function unfocus() {
+    isFocused = false;
+    close();
+}
+export function focus(newPickerVariation) {
+    if (newPickerVariation) {
+        pickerVariation = newPickerVariation;
     }
+    isFocused = true;
+    open();
 }
-function onMouseLeave(mouseEvent) {
-    const { offsetY } = mouseEvent;
-    const target = mouseEvent.target;
-    const down = offsetY >= target.clientHeight;
-    const up = offsetY <= 0;
-    const content = document.getElementsByClassName('content');
-    const overlayBottom = content.item(0)?.classList.contains('bottom-right');
-    if ((down && overlayBottom) || (up && !overlayBottom)) {
-        return;
+function open() {
+    if (isFocused) {
+        clearTimeout(timeout);
+        !isOpen && (isOpen = true);
     }
-    isOpen = !isOpen;
 }
+function close() {
+    if (pickerVariation === 'append') {
+        timeout = setTimeout(() => (isOpen = false), 50);
+    }
+}
+function closePropertyPicker() {
+    timeout = setTimeout(() => (isOpen = false), 50);
+}
+const dispatch = createEventDispatcher();
 </script>
 
-{#if !disabled}
-	<Overlay
-		onWindowKeyDown={handleWindowKeyDown}
-		closeOnClickOutside
-		closeOnScroll
-		bind:isOpen
-		class="w-full"
-		style="z-index:unset"
-	>
-		<div
-			slot="parent"
-			let:toggle
-			on:mousemove={() => !isOpen && toggle()}
-			on:mouseleave={onMouseLeave}
-		>
-			<slot />
-		</div>
+<div class="w-full">
+	<div use:popperRef on:click={open} on:input={open} on:mouseleave={close}>
+		<slot />
+	</div>
 
-		<div slot="content" class="content" let:toggle on:mouseleave={toggle} let:close>
-			{#if Boolean(previousSchema)}
-				<PropPicker
-					props={previousSchema}
-					on:select={(event) => {
-						isOpen = false
-						dispatch('select', event.detail)
-					}}
-				/>
-			{:else}
-				<WarningMessage {close} />
-			{/if}
+	{#if isOpen}
+		<div class="content" use:popperContent on:mouseenter={open} on:mouseleave={closePropertyPicker}>
+			<PropPicker
+				bind:pickableProperties
+				on:select={(event) => {
+					dispatch('select', { propPath: event.detail, pickerVariation })
+					isOpen = false
+					pickerVariation = 'append'
+				}}
+			/>
 		</div>
-	</Overlay>
-{:else}
-	<slot />
-{/if}
+	{/if}
+</div>
 
 <style>
 	.content {
-    width: 100%;
     --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+    width: 100%;
+    max-width: 56rem;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    z-index: 50
 }</style>

package/components/propertyPicker/OverlayPropertyPicker.svelte.d.ts

@@ -1,8 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        previousSchema: Object | undefined;
-        disabled?: boolean | undefined;
+        pickableProperties: Object | undefined;
+        unfocus?: (() => void) | undefined;
+        focus?: ((newPickerVariation?: ("append" | "connect") | undefined) => void) | undefined;
     };
     events: {
         select: CustomEvent<any>;
@@ -17,5 +18,7 @@ export declare type OverlayPropertyPickerProps = typeof __propDef.props;
 export declare type OverlayPropertyPickerEvents = typeof __propDef.events;
 export declare type OverlayPropertyPickerSlots = typeof __propDef.slots;
 export default class OverlayPropertyPicker extends SvelteComponentTyped<OverlayPropertyPickerProps, OverlayPropertyPickerEvents, OverlayPropertyPickerSlots> {
+    get unfocus(): () => void;
+    get focus(): (newPickerVariation?: ("append" | "connect") | undefined) => void;
 }
 export {};

package/components/propertyPicker/PropPicker.svelte

@@ -1,24 +1,22 @@
-<script>import { derived, writable } from 'svelte/store';
-import ObjectViewer from './ObjectViewer.svelte';
+<script>import ObjectViewer from './ObjectViewer.svelte';
 import { keepByKey } from './utils';
-export let props = {};
+export let pickableProperties = {};
 const EMPTY_STRING = '';
-const search = writable(EMPTY_STRING);
-$: propsFiltered = derived(search, ($search) => {
-    if ($search === EMPTY_STRING) {
-        return props;
-    }
-    return keepByKey(props, $search);
-});
+let search = '';
+$: propsFiltered =
+    search === EMPTY_STRING ? pickableProperties : keepByKey(pickableProperties, search);
 </script>
 
-<div class="relative">
-	<div class="p-3 bg-white rounded-lg border border-gray-200 shadow-md">
+<div
+	class="relative p-3  bg-white rounded-lg border border-gray-200 shadow-md max-h-max overflow-y-scroll"
+>
+	<div class="overflow-y-auto max-h-96">
 		<input
-			bind:value={$search}
-			class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2 mb-2"
+			type="text"
+			bind:value={search}
+			class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block p-2 mb-2"
 			placeholder="Search prop..."
 		/>
-		<ObjectViewer json={$propsFiltered} on:select />
+		<ObjectViewer json={propsFiltered} on:select />
 	</div>
 </div>

package/components/propertyPicker/PropPicker.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        props?: Object | undefined;
+        pickableProperties?: Object | undefined;
     };
     events: {
         select: CustomEvent<any>;

package/components/propertyPicker/WarningMessage.svelte

@@ -1,43 +1,16 @@
-<script>export let close;
-</script>
-
-<div class="relative">
-	<div class="p-3 bg-white rounded-lg border border-gray-200 shadow-md">
-		<div id="alert-4" class="flex p-4 bg-yellow-100 rounded-lg dark:bg-yellow-200" role="alert">
-			<svg
-				class="flex-shrink-0 w-5 h-5 text-yellow-700 dark:text-yellow-800"
-				fill="currentColor"
-				viewBox="0 0 20 20"
-				xmlns="http://www.w3.org/2000/svg"
-				><path
-					fill-rule="evenodd"
-					d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-					clip-rule="evenodd"
-				/></svg
-			>
-			<div class="ml-3 text-sm font-medium text-yellow-700 dark:text-yellow-800">
-				The property picker is not available unless a preview is run on the previous step.
-			</div>
-			<button
-				type="button"
-				class="ml-auto -mx-1.5 -my-1.5 bg-yellow-100 text-yellow-500 rounded-lg focus:ring-2 focus:ring-yellow-400 p-1.5 hover:bg-yellow-200 inline-flex h-8 w-8 dark:bg-yellow-200 dark:text-yellow-600 dark:hover:bg-yellow-300"
-				data-dismiss-target="#alert-4"
-				aria-label="Close"
-				on:click={close}
-			>
-				<span class="sr-only">Close</span>
-				<svg
-					class="w-5 h-5"
-					fill="currentColor"
-					viewBox="0 0 20 20"
-					xmlns="http://www.w3.org/2000/svg"
-					><path
-						fill-rule="evenodd"
-						d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-						clip-rule="evenodd"
-					/></svg
-				>
-			</button>
-		</div>
+<div class="flex px-4 pt-1 bg-yellow-100 rounded-lg dark:bg-yellow-200" role="alert">
+	<svg
+		class="flex-shrink-0 w-5 h-5 text-yellow-700 dark:text-yellow-800"
+		fill="currentColor"
+		viewBox="0 0 20 20"
+		xmlns="http://www.w3.org/2000/svg"
+		><path
+			fill-rule="evenodd"
+			d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
+			clip-rule="evenodd"
+		/></svg
+	>
+	<div class="ml-3 text-sm font-medium text-yellow-700 dark:text-yellow-800">
+		Previous results are not available unless a preview is run on the previous step.
 	</div>
 </div>