@node-projects/web-component-designer 0.0.32 → 0.0.36

package/README.md

@@ -75,3 +75,10 @@ Your addition to your index.html should look like this:
     <link rel="stylesheet" href="/node_modules/mobile-drag-drop/default.css">
     <script src="/node_modules/mobile-drag-drop/index.js"></script>
     <script src="/node_modules/@node-projects/web-component-designer/dist/polyfill/mobileDragDrop.js"></script>
+
+## Copyright notice:
+
+The Library uses Images from the Chrome Dev Tools, see
+https://github.com/ChromeDevTools/devtools-frontend/tree/main/front_end/Images/src
+and
+https://github.com/ChromeDevTools/devtools-frontend/blob/main/LICENSE

package/assets/images/chromeDevtools/LICENSE

@@ -0,0 +1,27 @@
+// Copyright 2014 The Chromium Authors. All rights reserved.
+//
+// Redistribution and use in source and binary forms, with or without
+// modification, are permitted provided that the following conditions are
+// met:
+//
+//    * Redistributions of source code must retain the above copyright
+// notice, this list of conditions and the following disclaimer.
+//    * Redistributions in binary form must reproduce the above
+// copyright notice, this list of conditions and the following disclaimer
+// in the documentation and/or other materials provided with the
+// distribution.
+//    * Neither the name of Google Inc. nor the names of its
+// contributors may be used to endorse or promote products derived from
+// this software without specific prior written permission.
+//
+// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/assets/images/chromeDevtools/align-content-center-icon.svg

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="align-content-center-icon.svg"
+   id="svg16"
+   version="1.1"
+   viewBox="0 0 13 13"
+   fill="none">
+  <metadata
+     id="metadata22">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs20" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg16"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="6.5"
+     inkscape:cx="4.0173611"
+     inkscape:zoom="77.538462"
+     showgrid="false"
+     id="namedview18"
+     inkscape:window-height="1303"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <rect
+     id="rect10"
+     transform="matrix(-1 0 0 1 10.5 2)"
+     rx="1"
+     fill="#000"
+     height="3"
+     width="8" />
+  <rect
+     id="rect12"
+     transform="matrix(-1 0 0 1 10.5 8)"
+     rx="1"
+     fill="#000"
+     height="3"
+     width="8" />
+  <rect
+     y="6.4854751"
+     x="1.46861"
+     height="0.054843348"
+     width="10.049883"
+     id="rect869"
+     style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.97095;stroke-opacity:1" />
+</svg>

package/assets/images/chromeDevtools/align-content-flex-end-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><rect width="8" height="3" fill="#000" rx="1" transform="matrix(-1 0 0 1 10.5 3.5)"/><path fill="#000" d="M10.5 8.5c0-.55228-.4477-1-1-1h-6c-.55228 0-1 .44772-1 1v2h8v-2z"/><path fill="#000" d="M1 10h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-content-flex-start-icon.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="align-content-start-icon.svg"
+   id="svg839"
+   version="1.1"
+   viewBox="0 0 13 13"
+   fill="none">
+  <metadata
+     id="metadata845">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs843" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg839"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="7.239521"
+     inkscape:cx="5.8188623"
+     inkscape:zoom="51.384615"
+     showgrid="false"
+     id="namedview841"
+     inkscape:window-height="1303"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <rect
+     y="-9.5"
+     x="-10.5"
+     id="rect833"
+     transform="scale(-1)"
+     rx="1"
+     fill="#000"
+     height="3"
+     width="8" />
+  <path
+     id="path835"
+     d="m 10.5,4.5000002 c 0,0.55228 -0.4477,1 -1,1 h -6 c -0.55228,0 -1,-0.44772 -1,-1 v -2 h 8 z"
+     fill="#000" />
+  <path
+     id="path837"
+     d="m 1,3.0000002 h 11 v -1 H 1 Z"
+     fill="#000" />
+</svg>

package/assets/images/chromeDevtools/align-content-space-around-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><rect width="8" height="3" fill="#000" rx="1" transform="matrix(-1 0 0 1 10.5 2.75)"/><rect width="8" height="3" fill="#000" rx="1" transform="matrix(-1 0 0 1 10.5 7.25)"/><path fill="#000" d="M1 11h11v1H1zM1 1h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-content-space-between-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><path fill="#000" d="M10.5 1.5h-8v2c0 .55228.44772 1 1 1h6c.5523 0 1-.44772 1-1v-2zM10.5 9.5c0-.55228-.4477-1-1-1h-6c-.55228 0-1 .44772-1 1v2h8v-2z"/><path fill="#000" d="M1 11h11v1H1zM1 1h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-content-space-evenly-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><rect width="8" height="3" fill="#000" rx="1" transform="matrix(-1 0 0 1 10.5 3)"/><rect width="8" height="3" fill="#000" rx="1" transform="matrix(-1 0 0 1 10.5 7)"/><path fill="#000" d="M1 11h11v1H1zM1 1h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-content-stretch-icon.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="align-content-stretch-icon.svg"
+   id="svg14"
+   version="1.1"
+   viewBox="0 0 13 13"
+   fill="none">
+  <metadata
+     id="metadata20">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs18" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg14"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="6.5"
+     inkscape:cx="6.5"
+     inkscape:zoom="77.538462"
+     showgrid="false"
+     id="namedview16"
+     inkscape:window-height="1303"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path12"
+     d="M10.5 2h-8v3c0 .55228.44772 1 1 1h6c.5523 0 1-.44772 1-1V2zM10.5 8c0-.55228-.4477-1-1-1h-6c-.55228 0-1 .44772-1 1v3h8V8zM1 11h11v1H1zM1 1h11v1H1z"
+     fill="#000" />
+</svg>

package/assets/images/chromeDevtools/align-items-baseline-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><path fill="#000" d="M1 11h11v1H1z"/><path fill="#000" fill-rule="evenodd" d="M7.27318 1H5.81552L2.5 9.80742h1.41l.93164-2.57812h3.26239l.87305 2.57812h1.49172L7.27318 1zM5.24841 6.08008l1.24283-3.40335 1.16941 3.40335H5.24841z" clip-rule="evenodd"/></svg>

package/assets/images/chromeDevtools/align-items-center-icon.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><rect x="7" y="2.5" width="3" height="8" rx="1" fill="#000"/><rect x="3" y="3.5" width="3" height="6" rx="1" fill="#000"/><path fill="#000" d="M1 6h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-items-end-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><path fill="#000" d="M7 4.5c0-.55228.44772-1 1-1h1c.55228 0 1 .44772 1 1v7H7v-7zM3 6.5c0-.55228.44772-1 1-1h1c.55228 0 1 .44772 1 1v5H3v-5z"/><path fill="#000" d="M1 11h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-items-flex-end-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><path fill="#000" d="M7 4.5c0-.55228.44772-1 1-1h1c.55228 0 1 .44772 1 1v7H7v-7zM3 6.5c0-.55228.44772-1 1-1h1c.55228 0 1 .44772 1 1v5H3v-5z"/><path fill="#000" d="M1 11h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-items-flex-start-icon.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="align-items-flex-start-icon.svg"
+   id="svg837"
+   version="1.1"
+   viewBox="0 0 13 13"
+   fill="none">
+  <metadata
+     id="metadata843">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs841" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg837"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="6.5"
+     inkscape:cx="6.5"
+     inkscape:zoom="51.384615"
+     showgrid="false"
+     id="namedview839"
+     inkscape:window-height="1303"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path833"
+     d="m 7,8.5000021 c 0,0.55228 0.44772,1 1,1 h 1 c 0.55228,0 1,-0.44772 1,-1 v -7 H 7 Z m -4,-2 c 0,0.55228 0.44772,1 1,1 h 1 c 0.55228,0 1,-0.44772 1,-1 v -5 H 3 Z"
+     fill="#000000" />
+  <path
+     id="path835"
+     d="m 1,2.0000021 h 11 v -1 H 1 Z"
+     fill="#000000" />
+</svg>

package/assets/images/chromeDevtools/align-items-start-icon.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="align-items-flex-start-icon.svg"
+   id="svg837"
+   version="1.1"
+   viewBox="0 0 13 13"
+   fill="none">
+  <metadata
+     id="metadata843">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs841" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg837"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="6.5"
+     inkscape:cx="6.5"
+     inkscape:zoom="51.384615"
+     showgrid="false"
+     id="namedview839"
+     inkscape:window-height="1303"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path833"
+     d="m 7,8.5000021 c 0,0.55228 0.44772,1 1,1 h 1 c 0.55228,0 1,-0.44772 1,-1 v -7 H 7 Z m -4,-2 c 0,0.55228 0.44772,1 1,1 h 1 c 0.55228,0 1,-0.44772 1,-1 v -5 H 3 Z"
+     fill="#000000" />
+  <path
+     id="path835"
+     d="m 1,2.0000021 h 11 v -1 H 1 Z"
+     fill="#000000" />
+</svg>

package/assets/images/chromeDevtools/align-items-stretch-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><path fill="#000" d="M7 2h3v9H7zM3 2h3v9H3zM1 1h11v1H1zM1 11h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-self-center-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><rect width="3" height="8" x="5" y="2.5" fill="#000" rx="1"/><path fill="#000" d="M1 6h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-self-flex-end-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><path fill="#000" d="M5 4.5c0-.55228.44772-1 1-1h1c.55228 0 1 .44772 1 1v7H5v-7z"/><path fill="#000" d="M1 11h11v1H1z"/></svg>

package/assets/images/chromeDevtools/align-self-flex-start-icon.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="align-self-flex-start-icon.svg"
+   id="svg837"
+   version="1.1"
+   viewBox="0 0 13 13"
+   fill="none">
+  <metadata
+     id="metadata843">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs841" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg837"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="6.5"
+     inkscape:cx="6.5"
+     inkscape:zoom="51.384615"
+     showgrid="false"
+     id="namedview839"
+     inkscape:window-height="1303"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path833"
+     d="m 5,8.499999 c 0,0.55228 0.44772,1 1,1 h 1 c 0.55228,0 1,-0.44772 1,-1 v -7 H 5 Z"
+     fill="#000000" />
+  <path
+     id="path835"
+     d="M 1,1.999999 H 12 V 0.99999905 H 1 Z"
+     fill="#000000" />
+</svg>

package/assets/images/chromeDevtools/align-self-stretch-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><path fill="#000" d="M5 2h3v9H5zM1 11h11v1H1zM1 1h11v1H1z"/></svg>

package/assets/images/chromeDevtools/baseline-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><path fill="#000" d="M1 11h11v1H1z"/><path fill="#000" fill-rule="evenodd" d="M7.27318 1H5.81552L2.5 9.80742h1.41l.93164-2.57812h3.26239l.87305 2.57812h1.49172L7.27318 1zM5.24841 6.08008l1.24283-3.40335 1.16941 3.40335H5.24841z" clip-rule="evenodd"/></svg>

package/assets/images/chromeDevtools/flex-direction-column-icon.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><g clip-path="url(#clip0)"><rect x="2" y="2.816" width="4.607" height="2.738" rx=".5" stroke="#000"/><rect x="1.5" y="6.989" width="5.607" height="3.738" rx="1" fill="#000"/><path d="M9.461 1.5v7.63H8L10.002 12 12 9.13h-1.458V1.5h-1.08z" fill="#000"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h13v13H0z"/></clipPath></defs></svg>

package/assets/images/chromeDevtools/flex-direction-icon.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><g clip-path="url(#clip0)"><rect x="2" y="2.816" width="4.607" height="2.738" rx=".5" stroke="#000"/><rect x="1.5" y="6.989" width="5.607" height="3.738" rx="1" fill="#000"/><path d="M9.461 1.5v7.63H8L10.002 12 12 9.13h-1.458V1.5h-1.08z" fill="#000"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h13v13H0z"/></clipPath></defs></svg>

package/assets/images/chromeDevtools/flex-direction-row-icon.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><g clip-path="url(#clip0)"><rect x="2" y="2.816" width="4.607" height="2.738" rx=".5" stroke="#000"/><rect x="1.5" y="6.989" width="5.607" height="3.738" rx="1" fill="#000"/><path d="M9.461 1.5v7.63H8L10.002 12 12 9.13h-1.458V1.5h-1.08z" fill="#000"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h13v13H0z"/></clipPath></defs></svg>

package/assets/images/chromeDevtools/flex-nowrap-icon.svg

@@ -0,0 +1,5 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 5H2L2 8H3V5ZM2 4C1.44772 4 1 4.44772 1 5V8C1 8.55228 1.44772 9 2 9H3C3.55228 9 4 8.55228 4 8V5C4 4.44772 3.55228 4 3 4H2Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 5H10L10 8H11V5ZM10 4C9.44772 4 9 4.44772 9 5V8C9 8.55228 9.44772 9 10 9H11C11.5523 9 12 8.55228 12 8V5C12 4.44772 11.5523 4 11 4H10Z" fill="black"/>
+<path d="M5 5C5 4.44772 5.44772 4 6 4H7C7.55228 4 8 4.44772 8 5V8C8 8.55228 7.55228 9 7 9H6C5.44772 9 5 8.55228 5 8V5Z" fill="black"/>
+</svg>

package/assets/images/chromeDevtools/flex-wrap-icon.svg

@@ -0,0 +1,8 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2H2L2 5H3V2ZM2 1C1.44772 1 1 1.44772 1 2V5C1 5.55228 1.44772 6 2 6H3C3.55228 6 4 5.55228 4 5V2C4 1.44772 3.55228 1 3 1H2Z" fill="black"/>
+<path d="M1 8C1 7.44772 1.44772 7 2 7H3C3.55228 7 4 7.44772 4 8V11C4 11.5523 3.55228 12 3 12H2C1.44772 12 1 11.5523 1 11V8Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 2H10L10 5H11V2ZM10 1C9.44772 1 9 1.44772 9 2V5C9 5.55228 9.44772 6 10 6H11C11.5523 6 12 5.55228 12 5V2C12 1.44772 11.5523 1 11 1H10Z" fill="black"/>
+<path d="M9 8C9 7.44772 9.44772 7 10 7H11C11.5523 7 12 7.44772 12 8V11C12 11.5523 11.5523 12 11 12H10C9.44772 12 9 11.5523 9 11V8Z" fill="black"/>
+<path d="M5 2C5 1.44772 5.44772 1 6 1H7C7.55228 1 8 1.44772 8 2V5C8 5.55228 7.55228 6 7 6H6C5.44772 6 5 5.55228 5 5V2Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 8H6L6 11H7V8ZM6 7C5.44772 7 5 7.44772 5 8V11C5 11.5523 5.44772 12 6 12H7C7.55228 12 8 11.5523 8 11V8C8 7.44772 7.55228 7 7 7H6Z" fill="black"/>
+</svg>

package/assets/images/chromeDevtools/info.txt

@@ -0,0 +1,2 @@
+Images from
+https://github.com/ChromeDevTools/devtools-frontend/tree/main/front_end/Images/src

package/assets/images/chromeDevtools/justify-content-center-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><rect width="3" height="6" x="2" y="3.5" fill="#000" rx="1"/><rect width="3" height="6" x="8" y="3.5" fill="#000" rx="1"/><path fill="#000" d="M6 1h1v11H6z"/></svg>

package/assets/images/chromeDevtools/justify-content-end-icon.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="flex-end.svg"
+   id="svg839"
+   version="1.1"
+   viewBox="0 0 13 13"
+   fill="none">
+  <metadata
+     id="metadata845">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs843" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg839"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="6.8113772"
+     inkscape:cx="6.5"
+     inkscape:zoom="51.384615"
+     showgrid="false"
+     id="namedview841"
+     inkscape:window-height="1303"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <rect
+     transform="scale(-1,1)"
+     id="rect833"
+     rx="1"
+     fill="#000000"
+     y="3.5"
+     x="-7"
+     height="6"
+     width="3" />
+  <rect
+     transform="scale(-1,1)"
+     id="rect835"
+     rx="1"
+     fill="#000000"
+     y="3.5"
+     x="-11"
+     height="6"
+     width="3" />
+  <path
+     id="path837"
+     d="m 12,1 h -1 v 11 h 1 z"
+     fill="#000000" />
+</svg>

package/assets/images/chromeDevtools/justify-content-flex-end-icon.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"
+   sodipodi:docname="flex-end.svg"
+   id="svg839"
+   version="1.1"
+   viewBox="0 0 13 13"
+   fill="none">
+  <metadata
+     id="metadata845">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs843" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg839"
+     inkscape:window-maximized="1"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="6.8113772"
+     inkscape:cx="6.5"
+     inkscape:zoom="51.384615"
+     showgrid="false"
+     id="namedview841"
+     inkscape:window-height="1303"
+     inkscape:window-width="2560"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <rect
+     transform="scale(-1,1)"
+     id="rect833"
+     rx="1"
+     fill="#000000"
+     y="3.5"
+     x="-7"
+     height="6"
+     width="3" />
+  <rect
+     transform="scale(-1,1)"
+     id="rect835"
+     rx="1"
+     fill="#000000"
+     y="3.5"
+     x="-11"
+     height="6"
+     width="3" />
+  <path
+     id="path837"
+     d="m 12,1 h -1 v 11 h 1 z"
+     fill="#000000" />
+</svg>

package/assets/images/chromeDevtools/justify-content-flex-start-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><rect width="3" height="6" x="6" y="3.5" fill="#000" rx="1"/><rect width="3" height="6" x="2" y="3.5" fill="#000" rx="1"/><path fill="#000" d="M1 1h1v11H1z"/></svg>

package/assets/images/chromeDevtools/justify-content-space-around-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><rect width="3" height="6" x="7.25" y="3.5" fill="#000" rx="1"/><rect width="3" height="6" x="2.75" y="3.5" fill="#000" rx="1"/><path fill="#000" d="M1 1h1v11H1zM11 1h1v11h-1z"/></svg>

package/assets/images/chromeDevtools/justify-content-space-between-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 13"><rect width="3" height="6" x="8" y="3.5" fill="#000" rx="1"/><rect width="3" height="6" x="2" y="3.5" fill="#000" rx="1"/><path fill="#000" d="M1 1h1v11H1zM11 1h1v11h-1z"/></svg>