blue-chestnut-solar-expert 0.0.9 → 0.0.11

package/dist/cjs/stencil-library.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BFx4q5Ui.js');
+var index = require('./index-GZ-kuJi4.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["solar-calculator.cjs",[[0,"solar-calculator",{"apiKey":[1,"api-key"],"buildingInsights":[32],"isLoaded":[32],"autocomplete":[32],"place":[32]}]]],["eraser-icon_9.cjs",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32]}],[0,"map-draw",{"language":[1],"apiKey":[1,"api-key"],"latitude":[2],"longitude":[2],"config":[16],"solarPanel":[16,"solar-panel"],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"draggedPointIndex":[32],"hoveredPointIndex":[32],"hoveredPolygon":[32],"shiftKeyPressed":[32],"altKeyPressed":[32],"mousePoint":[32],"currentTool":[32],"roofPolygons":[32],"roofPolygonsSolarPanels":[32],"obstructionPolygons":[32],"selectedPolygon":[32],"buildingInsights":[32],"pixelInMeters":[32],"showAzimuth":[32]},[[5,"mousemove","handleMouseMove"],[4,"keydown","handleKeyDown"],[4,"keyup","handleKeyUp"],[5,"mousedown","handleMouseDown"],[5,"mouseup","handleMouseUp"]],{"latitude":["getBuildingInsights","getBuildingImages"],"longitude":["getBuildingInsights","getBuildingImages"],"rgbTiff":["drawMap"],"buildingInsights":["drawMap"],"canvasElement":["drawMap"]}],[0,"icon-selector",{"name":[1]}],[1,"solar-system-form",{"systemConfigs":[16,"system-configs"],"language":[1],"roofPolygons":[16,"roof-polygons"],"obstructionPolygons":[16,"obstruction-polygons"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"name":[32],"email":[32],"nameError":[32],"emailError":[32]},null,{"systemConfigs":["updateSystemConfigs"]}],[0,"eraser-icon"],[0,"house-icon"],[0,"move-icon"],[0,"octagon-minus-icon"],[0,"search-icon"]]]], options);
+  return index.bootstrapLazy([["loading-widget.cjs",[[0,"loading-widget"]]],["solar-calculator.cjs",[[0,"solar-calculator",{"apiKey":[1,"api-key"],"buildingInsights":[32],"isLoaded":[32],"autocomplete":[32],"place":[32]}]]],["eraser-icon_9.cjs",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32]}],[0,"map-draw",{"language":[1],"apiKey":[1,"api-key"],"latitude":[2],"longitude":[2],"config":[16],"solarPanel":[16,"solar-panel"],"showInstructions":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"draggedPointIndex":[32],"hoveredPointIndex":[32],"hoveredPolygon":[32],"shiftKeyPressed":[32],"altKeyPressed":[32],"mousePoint":[32],"currentTool":[32],"roofPolygons":[32],"roofPolygonsSolarPanels":[32],"obstructionPolygons":[32],"selectedPolygon":[32],"buildingInsights":[32],"pixelInMeters":[32],"showAzimuth":[32]},[[5,"mousemove","handleMouseMove"],[4,"keydown","handleKeyDown"],[4,"keyup","handleKeyUp"],[5,"mousedown","handleMouseDown"],[5,"mouseup","handleMouseUp"]],{"latitude":["getBuildingInsights","getBuildingImages"],"longitude":["getBuildingInsights","getBuildingImages"],"rgbTiff":["drawMap"],"buildingInsights":["drawMap"],"canvasElement":["drawMap"]}],[0,"icon-selector",{"name":[1],"inline":[4]}],[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"language":[1],"roofPolygons":[16,"roof-polygons"],"obstructionPolygons":[16,"obstruction-polygons"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"name":[32],"email":[32],"nameError":[32],"emailError":[32]},null,{"systemConfigs":["updateSystemConfigs"]}],[0,"eraser-icon",{"inline":[4]}],[0,"house-icon",{"inline":[4]}],[0,"move-icon",{"inline":[4]}],[0,"octagon-minus-icon",{"inline":[4]}],[0,"search-icon",{"inline":[4]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -9,7 +9,8 @@
     "components/map-draw/map-draw.js",
     "components/solar-calculator/solar-calculator.js",
     "components/solar-expert/solar-expert.js",
-    "components/solar-system-form/solar-system-form.js"
+    "components/solar-system-form/solar-system-form.js",
+    "components/widgets/loading-widget.js"
   ],
   "compiler": {
     "name": "@stencil/core",

package/dist/collection/components/icons/eraser.js

@@ -1,7 +1,8 @@
 import { h } from "@stencil/core";
 export class EraserIcon {
+    inline = false;
     render() {
-        return (h("svg", { key: '0ee60a12625e2827dcbdad1b8756c9402da84954', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-eraser-icon lucide-eraser" }, h("path", { key: '98080b66fe105b29ecb14d82bc8b18b296dab09f', d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }), h("path", { key: 'dd52fc8bc1f6f4bcea487a5509601c2add99d151', d: "M22 21H7" }), h("path", { key: '94fd0f7a4b8152101d5b6a613cca039497024de0', d: "m5 11 9 9" })));
+        return (h("svg", { key: '8074c8f7c250ac68425d1aa09df35c613b8011b4', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: `lucide lucide-eraser-icon lucide-eraser ${this.inline ? "inline-block" : ""}` }, h("path", { key: 'dfdfdb9d4e8592bec75408d0825a225c4b27a178', d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }), h("path", { key: '7ec9801caccecb184f4c7bada68a77ba9656e4d6', d: "M22 21H7" }), h("path", { key: 'f0382f8213c6d5bf2dbb66bfb654c5111491f197', d: "m5 11 9 9" })));
     }
     static get is() { return "eraser-icon"; }
     static get originalStyleUrls() {
@@ -14,5 +15,29 @@ export class EraserIcon {
             "$": ["../../output.css"]
         };
     }
+    static get properties() {
+        return {
+            "inline": {
+                "type": "boolean",
+                "attribute": "inline",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
 }
 //# sourceMappingURL=eraser.js.map

package/dist/collection/components/icons/eraser.js.map

@@ -1 +1 @@
-{"version":3,"file":"eraser.js","sourceRoot":"","sources":["../../../src/components/icons/eraser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACnB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAC,yCAAyC;YAE/C,6DAAM,CAAC,EAAC,sFAAsF,GAAG;YACjG,6DAAM,CAAC,EAAC,UAAU,GAAG;YACrB,6DAAM,CAAC,EAAC,WAAW,GAAG,CACpB,CACT,CAAC;IACN,CAAC;;;;;;;;CACJ","sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"eraser-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class EraserIcon {\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class=\"lucide lucide-eraser-icon lucide-eraser\"\r\n            >\r\n                <path d=\"m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21\" />\r\n                <path d=\"M22 21H7\" />\r\n                <path d=\"m5 11 9 9\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"eraser.js","sourceRoot":"","sources":["../../../src/components/icons/eraser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,UAAU;IAEnB,MAAM,GAAY,KAAK,CAAC;IAExB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAE,2CACH,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EACnC,EAAE;YAEF,6DAAM,CAAC,EAAC,sFAAsF,GAAG;YACjG,6DAAM,CAAC,EAAC,UAAU,GAAG;YACrB,6DAAM,CAAC,EAAC,WAAW,GAAG,CACpB,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"eraser-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class EraserIcon {\r\n    @Prop()\r\n    inline: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class={`lucide lucide-eraser-icon lucide-eraser ${\r\n                    this.inline ? \"inline-block\" : \"\"\r\n                }`}\r\n            >\r\n                <path d=\"m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21\" />\r\n                <path d=\"M22 21H7\" />\r\n                <path d=\"m5 11 9 9\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/components/icons/house.js

@@ -1,7 +1,8 @@
 import { h } from "@stencil/core";
 export class HouseIcon {
+    inline = false;
     render() {
-        return (h("svg", { key: 'd0b1e07fb7b1a1da92b5d48004ac151abfd44677', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-house-icon lucide-house" }, h("path", { key: '58ed725ac3227272ec36bc52b41c9e207af23073', d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }), h("path", { key: '7bd219ffb3c88c8ec1433cec54744b76c02cfd01', d: "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" })));
+        return (h("svg", { key: 'f96ca40e34a3fce498b9bb8f930430ca71d8f0c6', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: `lucide lucide-house-icon lucide-house ${this.inline ? "inline-block" : ""}` }, h("path", { key: '02c4c6a4674abf787145f9ef141c05d9ad53970d', d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }), h("path", { key: '3c50ec0b927eb7b2c68e05c3e7e65272363375ba', d: "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" })));
     }
     static get is() { return "house-icon"; }
     static get originalStyleUrls() {
@@ -14,5 +15,29 @@ export class HouseIcon {
             "$": ["../../output.css"]
         };
     }
+    static get properties() {
+        return {
+            "inline": {
+                "type": "boolean",
+                "attribute": "inline",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
 }
 //# sourceMappingURL=house.js.map

package/dist/collection/components/icons/house.js.map

@@ -1 +1 @@
-{"version":3,"file":"house.js","sourceRoot":"","sources":["../../../src/components/icons/house.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,SAAS;IAClB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAC,uCAAuC;YAE7C,6DAAM,CAAC,EAAC,4CAA4C,GAAG;YACvD,6DAAM,CAAC,EAAC,+GAA+G,GAAG,CACxH,CACT,CAAC;IACN,CAAC;;;;;;;;CACJ","sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"house-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class HouseIcon {\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class=\"lucide lucide-house-icon lucide-house\"\r\n            >\r\n                <path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\" />\r\n                <path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"house.js","sourceRoot":"","sources":["../../../src/components/icons/house.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IAElB,MAAM,GAAY,KAAK,CAAC;IAExB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAE,yCACH,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EACnC,EAAE;YAEF,6DAAM,CAAC,EAAC,4CAA4C,GAAG;YACvD,6DAAM,CAAC,EAAC,+GAA+G,GAAG,CACxH,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"house-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class HouseIcon {\r\n    @Prop()\r\n    inline: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class={`lucide lucide-house-icon lucide-house ${\r\n                    this.inline ? \"inline-block\" : \"\"\r\n                }`}\r\n            >\r\n                <path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\" />\r\n                <path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/components/icons/icon.js

@@ -1,23 +1,24 @@
 import { h } from "@stencil/core";
 export class Icon {
     name;
+    inline = false;
     render() {
         if (this.name === "search") {
-            return h("search-icon", null);
+            return h("search-icon", { inline: this.inline });
         }
         if (this.name === "house") {
-            return h("house-icon", null);
+            return h("house-icon", { inline: this.inline });
         }
         if (this.name === "move") {
-            return h("move-icon", null);
+            return h("move-icon", { inline: this.inline });
         }
         if (this.name === "octagon-minus") {
-            return h("octagon-minus-icon", null);
+            return h("octagon-minus-icon", { inline: this.inline });
         }
         if (this.name === "eraser") {
-            return h("eraser-icon", null);
+            return h("eraser-icon", { inline: this.inline });
         }
-        return h("div", null, "Icon ", this.name);
+        return (h("div", { class: `${this.inline ? "inline-block" : ""}` }, "Icon ", this.name));
     }
     static get is() { return "icon-selector"; }
     static get originalStyleUrls() {
@@ -50,6 +51,26 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false
+            },
+            "inline": {
+                "type": "boolean",
+                "attribute": "inline",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/icons/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icons/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,IAAI;IAEb,IAAI,CAAS;IAEb,MAAM;QACF,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACzB,OAAO,sBAAe,CAAC;QAC3B,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACxB,OAAO,qBAAc,CAAC;QAC1B,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACvB,OAAO,oBAAa,CAAC;QACzB,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;YAChC,OAAO,6BAAsB,CAAC;QAClC,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACzB,OAAO,sBAAe,CAAC;QAC3B,CAAC;QACD,OAAO;;YAAW,IAAI,CAAC,IAAI,CAAO,CAAC;IACvC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"icon-selector\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class Icon {\r\n    @Prop()\r\n    name: string;\r\n\r\n    render() {\r\n        if (this.name === \"search\") {\r\n            return <search-icon />;\r\n        }\r\n        if (this.name === \"house\") {\r\n            return <house-icon />;\r\n        }\r\n        if (this.name === \"move\") {\r\n            return <move-icon />;\r\n        }\r\n        if (this.name === \"octagon-minus\") {\r\n            return <octagon-minus-icon />;\r\n        }\r\n        if (this.name === \"eraser\") {\r\n            return <eraser-icon />;\r\n        }\r\n        return <div>Icon {this.name}</div>;\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icons/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,IAAI;IAEb,IAAI,CAAS;IAEb,MAAM,GAAY,KAAK,CAAC;IAExB,MAAM;QACF,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACzB,OAAO,mBAAa,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;QAChD,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACxB,OAAO,kBAAY,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;QAC/C,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACvB,OAAO,iBAAW,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;QAC9C,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;YAChC,OAAO,0BAAoB,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;QACvD,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACzB,OAAO,mBAAa,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;QAChD,CAAC;QACD,OAAO,CACH,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;;YACxC,IAAI,CAAC,IAAI,CACb,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"icon-selector\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class Icon {\r\n    @Prop()\r\n    name: string;\r\n    @Prop()\r\n    inline: boolean = false;\r\n\r\n    render() {\r\n        if (this.name === \"search\") {\r\n            return <search-icon inline={this.inline} />;\r\n        }\r\n        if (this.name === \"house\") {\r\n            return <house-icon inline={this.inline} />;\r\n        }\r\n        if (this.name === \"move\") {\r\n            return <move-icon inline={this.inline} />;\r\n        }\r\n        if (this.name === \"octagon-minus\") {\r\n            return <octagon-minus-icon inline={this.inline} />;\r\n        }\r\n        if (this.name === \"eraser\") {\r\n            return <eraser-icon inline={this.inline} />;\r\n        }\r\n        return (\r\n            <div class={`${this.inline ? \"inline-block\" : \"\"}`}>\r\n                Icon {this.name}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/components/icons/move.js

@@ -1,7 +1,8 @@
 import { h } from "@stencil/core";
 export class MoveIcon {
+    inline = false;
     render() {
-        return (h("svg", { key: '936ac8ac2ae494b01e2ce3bd0cc6725f611f4978', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-move-icon lucide-move" }, h("path", { key: 'f14f0dc820ed067413bce75a5b79869061b468d5', d: "M12 2v20" }), h("path", { key: '9c9db2a19d692ae8e20efedd6f284c882b109f6d', d: "m15 19-3 3-3-3" }), h("path", { key: '4337b52c7868038fa04ab339fc7b8df3f3693b25', d: "m19 9 3 3-3 3" }), h("path", { key: 'e069b6a00ed4c3ad30dd7b0406150ac045d3ea60', d: "M2 12h20" }), h("path", { key: '2191f33b0cd92de41ea14aadd14a38fe23d22b2a', d: "m5 9-3 3 3 3" }), h("path", { key: '363eb2dc0ebcb202bbb15f1687ebaf0f53a468ee', d: "m9 5 3-3 3 3" })));
+        return (h("svg", { key: 'cd051a538e57e2cdc0ea9d62d8b11ff8ff9f63a3', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: `lucide lucide-move-icon lucide-move ${this.inline ? "inline-block" : ""}` }, h("path", { key: 'b92537a85fce1627e7ad388281562ca8eda3122f', d: "M12 2v20" }), h("path", { key: '9dbe2fed1545dc4226f1636d910869674c6488aa', d: "m15 19-3 3-3-3" }), h("path", { key: '9c51f8798704e50caa69912b9cfc8079dc1bab9f', d: "m19 9 3 3-3 3" }), h("path", { key: '5324430ee24fd2d45ef81efd1917b65b2cda5879', d: "M2 12h20" }), h("path", { key: '39b6af13bcb9a38a7294ff5bafc550634bd36a68', d: "m5 9-3 3 3 3" }), h("path", { key: '6264f83b13ba17e4d20a6fad15a875fdff805209', d: "m9 5 3-3 3 3" })));
     }
     static get is() { return "move-icon"; }
     static get originalStyleUrls() {
@@ -14,5 +15,29 @@ export class MoveIcon {
             "$": ["../../output.css"]
         };
     }
+    static get properties() {
+        return {
+            "inline": {
+                "type": "boolean",
+                "attribute": "inline",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
 }
 //# sourceMappingURL=move.js.map

package/dist/collection/components/icons/move.js.map

@@ -1 +1 @@
-{"version":3,"file":"move.js","sourceRoot":"","sources":["../../../src/components/icons/move.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,QAAQ;IACjB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAC,qCAAqC;YAE3C,6DAAM,CAAC,EAAC,UAAU,GAAG;YACrB,6DAAM,CAAC,EAAC,gBAAgB,GAAG;YAC3B,6DAAM,CAAC,EAAC,eAAe,GAAG;YAC1B,6DAAM,CAAC,EAAC,UAAU,GAAG;YACrB,6DAAM,CAAC,EAAC,cAAc,GAAG;YACzB,6DAAM,CAAC,EAAC,cAAc,GAAG,CACvB,CACT,CAAC;IACN,CAAC;;;;;;;;CACJ","sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"move-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class MoveIcon {\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class=\"lucide lucide-move-icon lucide-move\"\r\n            >\r\n                <path d=\"M12 2v20\" />\r\n                <path d=\"m15 19-3 3-3-3\" />\r\n                <path d=\"m19 9 3 3-3 3\" />\r\n                <path d=\"M2 12h20\" />\r\n                <path d=\"m5 9-3 3 3 3\" />\r\n                <path d=\"m9 5 3-3 3 3\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"move.js","sourceRoot":"","sources":["../../../src/components/icons/move.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;IAEjB,MAAM,GAAY,KAAK,CAAC;IAExB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAE,uCACH,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EACnC,EAAE;YAEF,6DAAM,CAAC,EAAC,UAAU,GAAG;YACrB,6DAAM,CAAC,EAAC,gBAAgB,GAAG;YAC3B,6DAAM,CAAC,EAAC,eAAe,GAAG;YAC1B,6DAAM,CAAC,EAAC,UAAU,GAAG;YACrB,6DAAM,CAAC,EAAC,cAAc,GAAG;YACzB,6DAAM,CAAC,EAAC,cAAc,GAAG,CACvB,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"move-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class MoveIcon {\r\n    @Prop()\r\n    inline: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class={`lucide lucide-move-icon lucide-move ${\r\n                    this.inline ? \"inline-block\" : \"\"\r\n                }`}\r\n            >\r\n                <path d=\"M12 2v20\" />\r\n                <path d=\"m15 19-3 3-3-3\" />\r\n                <path d=\"m19 9 3 3-3 3\" />\r\n                <path d=\"M2 12h20\" />\r\n                <path d=\"m5 9-3 3 3 3\" />\r\n                <path d=\"m9 5 3-3 3 3\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/components/icons/octagonMinus.js

@@ -1,7 +1,8 @@
 import { h } from "@stencil/core";
 export class OctagonMinusIcon {
+    inline = false;
     render() {
-        return (h("svg", { key: 'c1250c925b2ffe36221195c9dfd68595d2436cb3', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-octagon-minus-icon lucide-octagon-minus" }, h("path", { key: '5a7741b029b9afa37a664eee5f5f560665f9d44b', d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z" }), h("path", { key: 'fdb789647e05118cfcba10dbf2c001687a851ac4', d: "M8 12h8" })));
+        return (h("svg", { key: '9b05ad54a904dd523737fee890ebcc34ad60e7a4', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: `lucide lucide-octagon-minus-icon lucide-octagon-minus ${this.inline ? "inline-block" : ""}` }, h("path", { key: '2bbdb865a1a4eab9ea30607208f28d830d70d983', d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z" }), h("path", { key: '46854cf79b2394f0c430b8b96cba84a2a233e516', d: "M8 12h8" })));
     }
     static get is() { return "octagon-minus-icon"; }
     static get originalStyleUrls() {
@@ -14,5 +15,29 @@ export class OctagonMinusIcon {
             "$": ["../../output.css"]
         };
     }
+    static get properties() {
+        return {
+            "inline": {
+                "type": "boolean",
+                "attribute": "inline",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
 }
 //# sourceMappingURL=octagonMinus.js.map

package/dist/collection/components/icons/octagonMinus.js.map

@@ -1 +1 @@
-{"version":3,"file":"octagonMinus.js","sourceRoot":"","sources":["../../../src/components/icons/octagonMinus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,gBAAgB;IACzB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAC,uDAAuD;YAE7D,6DAAM,CAAC,EAAC,4OAA4O,GAAG;YACvP,6DAAM,CAAC,EAAC,SAAS,GAAG,CAClB,CACT,CAAC;IACN,CAAC;;;;;;;;CACJ","sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"octagon-minus-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class OctagonMinusIcon {\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class=\"lucide lucide-octagon-minus-icon lucide-octagon-minus\"\r\n            >\r\n                <path d=\"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z\" />\r\n                <path d=\"M8 12h8\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"octagonMinus.js","sourceRoot":"","sources":["../../../src/components/icons/octagonMinus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,gBAAgB;IAEzB,MAAM,GAAY,KAAK,CAAC;IAExB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAE,yDACH,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EACnC,EAAE;YAEF,6DAAM,CAAC,EAAC,4OAA4O,GAAG;YACvP,6DAAM,CAAC,EAAC,SAAS,GAAG,CAClB,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"octagon-minus-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class OctagonMinusIcon {\r\n    @Prop()\r\n    inline: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class={`lucide lucide-octagon-minus-icon lucide-octagon-minus ${\r\n                    this.inline ? \"inline-block\" : \"\"\r\n                }`}\r\n            >\r\n                <path d=\"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z\" />\r\n                <path d=\"M8 12h8\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/components/icons/search.js

@@ -1,7 +1,8 @@
 import { h } from "@stencil/core";
 export class SearchIcon {
+    inline = false;
     render() {
-        return (h("svg", { key: '0e8ff56268e94ead08c1fe89b9a4eb9053542b9c', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-search-icon lucide-search" }, h("path", { key: 'a8f7b64ac7aa006921a28cf9a7457c0870328e62', d: "m21 21-4.34-4.34" }), h("circle", { key: '6dc9bd44e7f0288df59b6c939721084fb608c447', cx: "11", cy: "11", r: "8" })));
+        return (h("svg", { key: 'fe6ab0465f734d76f67a1bef8acde2f4b68adec4', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: `lucide lucide-search-icon lucide-search ${this.inline ? "inline-block" : ""}` }, h("path", { key: '30ebc16aa3ad74bf71bd9d29819b4abf00db32d0', d: "m21 21-4.34-4.34" }), h("circle", { key: '5fb6a2afca6aef0e63005550c60eb9fc517699bf', cx: "11", cy: "11", r: "8" })));
     }
     static get is() { return "search-icon"; }
     static get originalStyleUrls() {
@@ -14,5 +15,29 @@ export class SearchIcon {
             "$": ["../../output.css"]
         };
     }
+    static get properties() {
+        return {
+            "inline": {
+                "type": "boolean",
+                "attribute": "inline",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
 }
 //# sourceMappingURL=search.js.map

package/dist/collection/components/icons/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../src/components/icons/search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACnB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAC,yCAAyC;YAE/C,6DAAM,CAAC,EAAC,kBAAkB,GAAG;YAC7B,+DAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,CAC9B,CACT,CAAC;IACN,CAAC;;;;;;;;CACJ","sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"search-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class SearchIcon {\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class=\"lucide lucide-search-icon lucide-search\"\r\n            >\r\n                <path d=\"m21 21-4.34-4.34\" />\r\n                <circle cx=\"11\" cy=\"11\" r=\"8\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../src/components/icons/search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,UAAU;IAEnB,MAAM,GAAY,KAAK,CAAC;IAExB,MAAM;QACF,OAAO,CACH,4DACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,EACvB,KAAK,EAAE,2CACH,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EACnC,EAAE;YAEF,6DAAM,CAAC,EAAC,kBAAkB,GAAG;YAC7B,+DAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,CAC9B,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: \"search-icon\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class SearchIcon {\r\n    @Prop()\r\n    inline: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n            <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                class={`lucide lucide-search-icon lucide-search ${\r\n                    this.inline ? \"inline-block\" : \"\"\r\n                }`}\r\n            >\r\n                <path d=\"m21 21-4.34-4.34\" />\r\n                <circle cx=\"11\" cy=\"11\" r=\"8\" />\r\n            </svg>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/components/map-draw/map-draw.js

@@ -20,6 +20,7 @@ export class MapDraw {
     longitude = null;
     config = DEFAULT_SOLAR_EXPERT_CONFIG;
     solarPanel = DEFAULT_SOLAR_PANEL_TYPE;
+    showInstructions = true;
     zoom = 1;
     loadingState = "empty";
     rgbTiff = null;
@@ -63,11 +64,48 @@ export class MapDraw {
             }
         });
     }
+    // // Initial size update
+    // requestAnimationFrame(() => {
+    //     this.updateCanvasSize();
+    // });
+    // }
+    // disconnectedCallback() {
+    //     if (this.resizeObserver) {
+    //         this.resizeObserver.disconnect();
+    //     }
+    // }
+    // private updateCanvasSize() {
+    //     if (!this.containerRef || !this.canvasElement || !this.polygonCanvas) {
+    //         return;
+    //     }
+    //     const containerRect = this.containerRef.getBoundingClientRect();
+    //     const containerWidth = containerRect.width;
+    //     const containerHeight = containerRect.height;
+    //     // Calculate the scale to fit the image while maintaining aspect ratio
+    //     if (this.rgbTiff) {
+    //         const imageAspect = this.rgbTiff.width / this.rgbTiff.height;
+    //         const containerAspect = containerWidth / containerHeight;
+    //         let width, height;
+    //         if (imageAspect > containerAspect) {
+    //             width = containerWidth;
+    //             height = containerWidth / imageAspect;
+    //         } else {
+    //             height = containerHeight;
+    //             width = containerHeight * imageAspect;
+    //         }
+    //         // Set the canvas dimensions
+    //         this.canvasElement.width = width;
+    //         this.canvasElement.height = height;
+    //         this.polygonCanvas.width = width;
+    //         this.polygonCanvas.height = height;
+    //         this.polygonCtx = this.polygonCanvas.getContext("2d");
+    //         // Update zoom factor based on new size
+    //         this.zoom = width / this.rgbTiff.width;
+    //         // Force a redraw
+    //         this.drawMap();
+    //     }
+    // }
     sizeCanvas(width, height) {
-        // if (this.canvasElement) {
-        //     this.canvasElement.width = width;
-        //     this.canvasElement.height = height;
-        // }
         if (this.polygonCanvas) {
             this.polygonCanvas.width = width;
             this.polygonCanvas.height = height;
@@ -351,6 +389,7 @@ export class MapDraw {
                 _id = newPolygon._id;
             }
             this.selectedPolygon = { _id, type: this.currentTool.name };
+            this.drawPolygons();
             return;
         }
         const { _id, type } = this.selectedPolygon;
@@ -477,33 +516,35 @@ export class MapDraw {
     render() {
         const t = getLanguageStrings(this.language);
         const currentPolygon = this.getCurrentPolygon();
-        return (h("div", { key: '16a466a7726ff3fa023dadcc42dcd8afda72243c', class: "flex flex-col justify-center items-center w-full h-full gap-4" }, this.loadingState === "empty" && (h("div", { key: '52a8c08765bf0d9df5035e28c9f83887b0c92954', class: "absolute h-16" }, h("p", { key: 'c841d9e3556a0036bacdb9636854051b9dabce93', class: "text-white text-center h-full flex items-center justify-center rounded-4xl p-4", style: {
-                backgroundColor: "rgba(0, 0, 0, 0.5)",
-            } }, t.mapDraw.noAddressSelected))), (this.latitude && this.longitude &&
-            this.loadingState !== "loaded") && (h("div", { key: '391c7ec94e59db3ec783e9b00558b9cd85bd6b16', class: "absolute flex items-center justify-center bg-white bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: '1a4c89acbb2289e7fe08b87d5f94d400ed5058c2', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-[#271200]" }))), h("div", { key: '4549d63240b420c46136c42bd00d59b59d3b961b', class: "flex lg:gap-4 rounded-4xl bg-[#f3ebda] p-4" }, tools.map((tool) => {
+        return (h("div", { key: 'c1074bbc3cffffaa59d6b72d65460e3b58dae40e', class: "flex flex-col justify-center items-center w-full h-full gap-4" }, this.showInstructions && (h("div", { key: '2ec73b13be80dea76f8058750f49f8be5b9e56b3', class: "w-full rounded-4xl p-4", style: {
+                backgroundColor: "rgba(0, 0, 0, 0.1)",
+            } }, "After you have searched and selected your address. Highlight the part of your roof that you want to add solar panels to. Mark each surface with a polygon with the roof tool", " ", h("icon-selector", { key: '8fd5c274bd72dc287ffaf13622332c5000009a29', name: "house", inline: true }), " ", ". If you have skylights or other obstructions where you don't want to add solar panels, mark those as well with the obstruction tool", " ", h("icon-selector", { key: '21c377c9a081e89527090b3fd2f23972cbb7f085', name: "octagon-minus", inline: true }), ". You can delete polygons with the delete tool", " ", h("icon-selector", { key: '3bbd6ed32192bf4b0423d12234836dd20cd8d961', name: "eraser", inline: true }), ". If you want to change the azimuth or pitch of a polygon, select the move tool", " ", h("icon-selector", { key: '40ec20b5c99f6845edb56ff253d9d552d96fd739', name: "move", inline: true }), ", select the polygon you want to change and drag and drop the edges.")), h("div", { key: 'e6da73387ea43a51c1f5eb0e499af8a9ef3cf201', class: "flex lg:gap-4 rounded-4xl bg-[#f3ebda] p-4 flex-wrap justify-center w-full" }, tools.map((tool) => {
             const toolStrings = t.mapDraw.tools[tool.name];
-            return (h("button", { class: `px-4 py-2 rounded-4xl transition-colors duration-200 hover:bg-[#964500] ${this.currentTool.name === tool.name
-                    ? "bg-[#271200] hover:bg-[#964500]"
-                    : "bg-[#f3ebda] hover:bg-[#964500]"}`, style: {
+            return (h("button", { class: `px-4 py-2 rounded-4xl transition-colors duration-200 hover:bg-[#ffffff] ${this.currentTool.name === tool.name
+                    ? "bg-[#271200] hover:bg-gray-500"
+                    : "bg-[#f3ebda] hover:bg-[#ffffff]"}`, style: {
                     color: this.currentTool.name === tool.name
                         ? "#ffffff"
                         : "#000000",
                 }, "aria-label": toolStrings.ariaLabel, title: toolStrings.explanation, onClick: () => this.handleToolSelect(tool) }, h("div", { class: "flex items-center gap-1 flex-col" }, h("icon-selector", { name: tool.icon }), h("span", null, toolStrings.name))));
-        })), h("div", { key: '1d36068f300962b0f2ccbccd484076915412fbf1', class: "flex gap-4 items-start justify-center h-full" }, h("div", { key: '6a2492de11750cacedc3ffc9a9e01c66fa6e6031', class: "relative flex-1 h-full p-4 rounded-4xl flex items-center justify-center", style: {
+        })), this.loadingState === "empty" && (h("div", { key: 'fcd755d5b1034b65ee91f0e86ddb6255748cda0c', class: "w-full" }, h("p", { key: 'a139b9301c89a76d69ab400be70574478498069f', class: "text-white text-center flex items-center justify-center rounded-4xl p-4 w-full", style: {
+                backgroundColor: "rgba(0, 0, 0, 0.5)",
+            } }, t.mapDraw.noAddressSelected))), (this.latitude && this.longitude &&
+            this.loadingState === "loading") && (h("div", { key: '1c6fde5a93a076b82c7ea676325126e064b4fd7b', class: "flex items-center justify-center bg-white bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: '1e3011375805e4fcddf65a2e077894349190e1b0', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-[#271200]" }))), h("div", { key: '73cf21d0d11f0228688158ce4955c78ff034699a', class: "flex gap-4 items-start justify-center h-full" }, h("div", { key: '3294d1bf9edb999fa0a3b31f92a5da34246d694f', class: "relative flex-1 h-full p-4 rounded-4xl flex items-center justify-center", style: {
                 width: `${this.rgbTiff?.width * FACTOR || 0}px`,
                 height: `${this.rgbTiff?.height * FACTOR || 0}px`,
-            } }, h("canvas", { key: '93a50ba293f226152e614718767df0ffa274a08a', ref: (el) => this.canvasElement = el, class: `absolute top-0 left-0 z-1 rounded-4xl m-auto`, style: {
+            } }, h("canvas", { key: '12d9b7110cebb4022f8d25d0b6b62d1e83fc91c2', ref: (el) => this.canvasElement = el, class: `absolute top-0 left-0 z-1 rounded-4xl m-auto`, style: {
                 cursor: this.currentTool.cursor,
-            } }), h("canvas", { key: '4207b77d0f4b4cbcbb91d800328c9dc33740935e', ref: (el) => this.polygonCanvas = el, class: `absolute top-0 left-0 z-10 rounded-4xl m-auto`, style: {
+            } }), h("canvas", { key: 'f2f116e61c23ff59db85610814ea748210618151', ref: (el) => this.polygonCanvas = el, class: `absolute top-0 left-0 z-10 rounded-4xl m-auto`, style: {
                 cursor: this.currentTool.cursor,
-            } }))), h("div", { key: '89780b73df8b242f9b3da63ecdcc59a3bd72eb54', class: "flex gap-4 flex-row justify-center items-center" }, h("div", { key: '1505f155bff334fb693c606d9e6eaca62c355d1e', class: "w-52 bg-[#f3ebda] rounded-4xl p-4" }, h("h3", { key: 'aee747835a6458d930170d5a88e1225a0414ad2a', class: "text-lg font-semibold mb-4 text-center" }, t.mapDraw.information), currentPolygon?.details
-            ? (h("div", { class: "space-y-4" }, h("div", { class: "flex flex-col gap-2" }, h("button", { class: "px-4 py-2 bg-[#271200] rounded-4xl hover:bg-[#964500] transition-colors duration-200", onClick: () => this.calculateSolarPanels(), style: {
+            } }))), h("div", { key: 'ee1ca6d0acdd3b8a1200657a985726d0dd6c91a6', class: "flex gap-4 flex-row justify-center items-center w-full" }, h("div", { key: 'f3bcb0608a35c24886efdf49feebed250f504e82', class: "w-full bg-[#f3ebda] rounded-4xl p-4" }, h("h3", { key: 'c7e3efa275edfedb2dc99715fc6896e830c00ce1', class: "text-lg font-semibold mb-4 text-center" }, t.mapDraw.information), currentPolygon?.details
+            ? (h("div", { class: "space-y-4" }, h("div", { class: "flex flex-col gap-2" }, h("button", { class: "px-4 py-2 bg-[#271200] rounded-4xl hover:bg-[#ffffff] hover:text-[#271200] transition-colors duration-200", onClick: () => this.calculateSolarPanels(), style: {
                     color: "#ffffff",
                 } }, t.mapDraw.calculateSolarPanels), this
                 .roofPolygonsSolarPanels[currentPolygon._id] && (h("p", { class: "text-lg text-center" }, this
                 .roofPolygonsSolarPanels[currentPolygon._id].positionedPanels
                 .length, " ", t.mapDraw.panels))), h("div", null, h("h4", { class: "text-sm font-medium text-gray-600" }, t.mapDraw.area), h("p", { class: "text-lg" }, currentPolygon.details?.area
-                .toFixed(2), " m\u00B2")), h("div", null, h("h4", { class: "text-sm font-medium text-gray-600" }, "Orientation"), h("div", { class: "flex gap-2 flex-row justify-start" }, h("input", { class: "text-lg w-full", onKeyDown: (e) => {
+                .toFixed(2), " m\u00B2")), h("div", null, h("h4", { class: "text-sm font-medium text-gray-600" }, "Orientation"), h("div", { class: "flex gap-2 flex-row justify-start bg-white rounded-4xl p-2" }, h("input", { class: "text-lg w-full", onKeyDown: (e) => {
                     if (e.key === "Enter") {
                         this.handleAzimuthChange(e);
                         e.target
@@ -512,7 +553,7 @@ export class MapDraw {
                 }, value: currentPolygon
                     .details
                     ?.azimuth }), "(", azimuthToCardinal(currentPolygon.details
-                ?.azimuth), ")")), h("div", null, h("h4", { class: "text-sm font-medium text-gray-600" }, t.mapDraw.pitch), h("div", { class: "flex gap-2 flex-row justify-start" }, h("input", { class: "text-lg w-full", onKeyDown: (e) => {
+                ?.azimuth), ")")), h("div", null, h("h4", { class: "text-sm font-medium text-gray-600 pl-2" }, t.mapDraw.pitch), h("div", { class: "flex gap-2 flex-row justify-start bg-white rounded-4xl p-2" }, h("input", { class: "text-lg w-full", onKeyDown: (e) => {
                     if (e.key === "Enter") {
                         this.handlePitchChange(e);
                         e.target
@@ -521,7 +562,7 @@ export class MapDraw {
                 }, value: currentPolygon
                     .details
                     ?.pitch }), "\u00B0"))))
-            : (h("p", { class: "text-gray-500 text-center" }, t.mapDraw.noPolygonSelected)))), h("solar-system-form", { key: '89f1027028058c0c01f2be0f57ef099792805720', systemConfigs: this.roofPolygonsSolarPanels, language: this.language, roofPolygons: this.roofPolygons, obstructionPolygons: this.obstructionPolygons })));
+            : (h("p", { class: "text-gray-500 text-center" }, t.mapDraw.noPolygonSelected)))), h("div", { key: '1596027c6a5acffa915c99366f9e74e619f102a7', class: "w-full" }, h("solar-system-form", { key: 'a7712ddf9330d6fa6833d7c717d33af12e8fcfe5', systemConfigs: this.roofPolygonsSolarPanels, language: this.language, roofPolygons: this.roofPolygons, obstructionPolygons: this.obstructionPolygons }))));
     }
     static get is() { return "map-draw"; }
     static get originalStyleUrls() {
@@ -676,6 +717,7 @@ export class MapDraw {
     }
     static get states() {
         return {
+            "showInstructions": {},
             "zoom": {},
             "loadingState": {},
             "rgbTiff": {},