summaryrefslogtreecommitdiffstats
path: root/docs/static/img
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--docs/static/img/anatomy-en.pngbin0 -> 242248 bytes
-rw-r--r--docs/static/img/anatomy-en.svg347
-rw-r--r--docs/static/img/anatomy-es.svg288
-rw-r--r--docs/static/img/anchors.pngbin0 -> 31908 bytes
-rw-r--r--docs/static/img/apple-touch-icon.pngbin0 -> 1156 bytes
-rw-r--r--docs/static/img/composable.svg3
-rw-r--r--docs/static/img/encapsulated.svg3
-rw-r--r--docs/static/img/favicon.pngbin0 -> 2785 bytes
-rw-r--r--docs/static/img/favicon.svg7
-rw-r--r--docs/static/img/jinjax-logo-w.pngbin0 -> 10048 bytes
-rw-r--r--docs/static/img/jinjax-logo-w.svg1
-rw-r--r--docs/static/img/jinjax-logo.pngbin0 -> 9300 bytes
-rw-r--r--docs/static/img/jinjax-logo.svg1
-rw-r--r--docs/static/img/logo.pngbin0 -> 2485 bytes
-rw-r--r--docs/static/img/logo.svg9
-rw-r--r--docs/static/img/modern.svg8
-rw-r--r--docs/static/img/practical.svg3
-rw-r--r--docs/static/img/simple.svg3
-rw-r--r--docs/static/img/slots-_slot.pngbin0 -> 316281 bytes
-rw-r--r--docs/static/img/slots-diagram.pngbin0 -> 93431 bytes
-rw-r--r--docs/static/img/spaghetti_code.pngbin0 -> 189680 bytes
-rw-r--r--docs/static/img/ui-accordion.pngbin0 -> 161561 bytes
-rw-r--r--docs/static/img/ui-linkedlist.pngbin0 -> 234533 bytes
-rw-r--r--docs/static/img/ui-menu.pngbin0 -> 197852 bytes
-rw-r--r--docs/static/img/ui-popover.pngbin0 -> 191576 bytes
-rw-r--r--docs/static/img/ui-reldate.pngbin0 -> 48315 bytes
-rw-r--r--docs/static/img/ui-tabs.pngbin0 -> 171052 bytes
27 files changed, 673 insertions, 0 deletions
diff --git a/docs/static/img/anatomy-en.png b/docs/static/img/anatomy-en.png
new file mode 100644
index 0000000..d880437
--- /dev/null
+++ b/docs/static/img/anatomy-en.png
Binary files differ
diff --git a/docs/static/img/anatomy-en.svg b/docs/static/img/anatomy-en.svg
new file mode 100644
index 0000000..bacfb60
--- /dev/null
+++ b/docs/static/img/anatomy-en.svg
@@ -0,0 +1,347 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ width="420"
+ height="440"
+ version="1.1"
+ viewBox="0 0 420 440"
+ id="svg151"
+ sodipodi:docname="anatomy-en.svg"
+ inkscape:export-filename="/media/data/anatomy-en.png"
+ inkscape:export-xdpi="223.41818"
+ inkscape:export-ydpi="223.41818"
+ inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <sodipodi:namedview
+ id="namedview153"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0.0"
+ inkscape:pagecheckerboard="0"
+ showgrid="false"
+ inkscape:zoom="2.3136364"
+ inkscape:cx="172.45579"
+ inkscape:cy="357.66208"
+ inkscape:window-width="1280"
+ inkscape:window-height="740"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg151" />
+ <defs
+ id="defs5">
+ <marker
+ id="TriangleStart"
+ overflow="visible"
+ markerHeight="2.6867051"
+ markerWidth="2.3239999"
+ orient="auto-start-reverse"
+ preserveAspectRatio="xMidYMid"
+ viewBox="0 0 5.3244081 6.1553851">
+ <path
+ transform="scale(.6)"
+ d="m5.8 0-8.6 5v-10z"
+ fill="context-stroke"
+ fill-rule="evenodd"
+ stroke="context-stroke"
+ stroke-width="1pt"
+ id="path2" />
+ </marker>
+ </defs>
+ <rect
+ width="420"
+ height="440"
+ fill="#ffffff"
+ fill-opacity="0.85"
+ stroke="#dddddd"
+ id="rect7"
+ x="0.40752804"
+ y="1.6170791"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418" />
+ <path
+ d="m17 98h320"
+ stroke="#555"
+ stroke-width="1px"
+ id="path9"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418" />
+ <text
+ id="code"
+ fill="#444444"
+ font-family="'SF Mono', Monaco, monospace"
+ font-size="11px"
+ font-weight="bold"
+ stroke-width="1.4"
+ style="line-height:1.25;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418"><tspan
+ sodipodi:role="line"
+ id="tspan83456"
+ x="17"
+ y="90"><tspan
+ x="17"
+ y="90"
+ font-style="italic"
+ font-weight="600"
+ id="tspan8">components/Form.jinja</tspan><tspan
+ x="17"
+ y="131"
+ id="tspan10">{#def action, label, method=&quot;post&quot; #}</tspan><tspan
+ x="17"
+ y="145"
+ id="tspan12" /></tspan><tspan
+ sodipodi:role="line"
+ id="tspan83458"
+ x="17"
+ y="103.75"><tspan
+ x="17"
+ y="145"
+ id="tspan83460" /></tspan><tspan
+ sodipodi:role="line"
+ x="17"
+ y="145"
+ id="tspan83494"><tspan
+ x="17"
+ y="145"
+ id="tspan83496">{#css form.css, /static/theme.css #}</tspan><tspan
+ x="17"
+ y="160"
+ id="tspan14">{#js form.js #}</tspan><tspan
+ x="17"
+ y="187"
+ fill="#555555"
+ id="tspan16">{% set method = method.lower() %}</tspan><tspan
+ x="17"
+ y="215"
+ fill="#3771c8"
+ id="tspan22"><tspan
+ id="tspan18">&lt;</tspan><tspan
+ id="tspan20">form</tspan></tspan><tspan
+ x="24"
+ y="229"
+ id="tspan32"><tspan
+ fill="#5f8dd3"
+ id="tspan24">method=</tspan><tspan
+ fill="#008800"
+ id="tspan26">&quot;</tspan><tspan
+ fill="#ff7f2a"
+ id="tspan28">{{ method }}</tspan><tspan
+ fill="#008800"
+ id="tspan30">&quot;</tspan></tspan><tspan
+ x="24"
+ y="244"
+ id="tspan42"><tspan
+ fill="#5f8dd3"
+ id="tspan34">action=</tspan><tspan
+ fill="#008800"
+ id="tspan36">&quot;</tspan><tspan
+ fill="#ff7f2a"
+ id="tspan38">{{ action }}</tspan><tspan
+ fill="#008800"
+ id="tspan40">&quot;</tspan></tspan><tspan
+ x="24"
+ y="257"
+ fill="#ff7f2a"
+ id="tspan46">{{ attrs.render(<tspan
+ id="tspan44">class=&quot;form&quot;</tspan>) }}</tspan><tspan
+ x="17"
+ y="272"
+ fill="#3771c8"
+ id="tspan48">&gt;</tspan><tspan
+ x="24"
+ y="286"
+ fill="#555555"
+ id="tspan50">{% if method == &quot;post&quot; -%}</tspan><tspan
+ x="24"
+ y="299"
+ fill="#3771c8"
+ id="tspan60">&lt;input <tspan
+ fill="#5f8dd3"
+ id="tspan58">type=<tspan
+ fill="#008800"
+ id="tspan52">&quot;hidden&quot;</tspan> name=<tspan
+ fill="#008800"
+ id="tspan54">&quot;csrf&quot;</tspan> value=&quot;<tspan
+ fill="#ff7f2a"
+ id="tspan56">{{token}}</tspan>&quot; /&gt;</tspan></tspan><tspan
+ x="24"
+ y="314"
+ fill="#555555"
+ id="tspan62">{% endif -%}</tspan><tspan
+ x="24"
+ y="341"
+ id="tspan66"><tspan
+ fill="#ff7f2a"
+ id="tspan64">{{ content }}</tspan></tspan><tspan
+ x="24"
+ y="370"
+ fill="#214478"
+ id="tspan72">&lt;Button :label=<tspan
+ fill="#008800"
+ id="tspan53">&quot;label&quot;</tspan> /&gt;</tspan><tspan
+ x="17"
+ y="386"
+ fill="#3771c8"
+ id="tspan76">&lt;/<tspan
+ fill="#3771c8"
+ font-weight="bold"
+ id="tspan74">form</tspan>&gt;</tspan></tspan></text>
+ <g
+ id="arrows"
+ transform="translate(0.44852325)"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418">
+ <path
+ d="m 96,49 c 13,28 24,0.84 25,24"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000000"
+ stroke-width="1.7"
+ id="path94" />
+ <path
+ d="m 263.05173,66.190373 c 3.21374,29.013609 -66.83732,10.210641 -66.83732,43.210637"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000000"
+ stroke-width="1.7"
+ id="path96"
+ sodipodi:nodetypes="cc" />
+ <path
+ d="m 299.74715,171.9951 c -24.29574,-13.93589 13.75099,-34.69573 -30.19646,-30.86252"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000000"
+ stroke-width="1.7"
+ id="path98"
+ sodipodi:nodetypes="cc" />
+ <path
+ d="M 299.74715,171.9951 C 282.96418,161.72557 170.13518,157.37012 132.6202,158.53979"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000000"
+ stroke-width="1.7"
+ id="path100"
+ sodipodi:nodetypes="cc" />
+ <path
+ d="m 169,404 c -11,-17 -39.53849,-5.19589 -47.53849,-23.49589"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000000"
+ stroke-width="1.7"
+ id="path102"
+ sodipodi:nodetypes="cc" />
+ </g>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.99580394,0,0,0.99717236,22.306709,8.8220192)"
+ id="text111"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418"><tspan
+ x="0"
+ y="11"
+ id="tspan105">Everything before the </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan107">first dot is the component </tspan><tspan
+ x="0"
+ y="48"
+ id="tspan109">name</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.99585975,0,0,0.94509234,216.62806,15.846205)"
+ id="text115"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418"><tspan
+ x="0"
+ y="6"
+ id="tspan113">Arguments definition</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.99962611,0,0,0.98554306,218.63043,28.835757)"
+ id="text121"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418"><tspan
+ x="0"
+ y="11"
+ id="tspan117">Arguments without a </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan119">default value are required</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue';white-space:pre;inline-size:102.594"
+ transform="matrix(1.0036128,0,0,0.99557292,305.3546,154.45222)"
+ id="text127"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418"
+ xml:space="preserve"><tspan
+ x="0"
+ y="11"
+ id="tspan1018">Optional lists of </tspan><tspan
+ x="0"
+ y="26"
+ id="tspan1020">CSS and JS files</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue';white-space:pre;inline-size:138.046"
+ transform="translate(277.91845,188.39939)"
+ id="text135"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418"
+ xml:space="preserve"><tspan
+ x="0"
+ y="11"
+ id="tspan1022">Paths are absolute or </tspan><tspan
+ x="0"
+ y="26"
+ id="tspan1024">relative to the root of
+</tspan><tspan
+ x="0"
+ y="41"
+ id="tspan1026">the components folder</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.99764329,0,0,0.98692271,247.4097,314.31427)"
+ id="text143"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418"><tspan
+ x="0"
+ y="11"
+ id="tspan137">You can have more </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan139">than one parent </tspan><tspan
+ x="0"
+ y="48"
+ id="tspan141">element, unlike React</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue';white-space:pre;inline-size:165.6"
+ transform="matrix(0.9980174,0,0,0.98858774,171.78044,387.36773)"
+ id="text149"
+ inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
+ inkscape:export-xdpi="223.418"
+ inkscape:export-ydpi="223.418"
+ xml:space="preserve"><tspan
+ x="0"
+ y="11"
+ id="tspan1028">You can call any other </tspan><tspan
+ x="0"
+ y="26"
+ id="tspan1030">component and pass attributes </tspan><tspan
+ x="0"
+ y="41"
+ id="tspan1032">to them</tspan></text>
+</svg>
diff --git a/docs/static/img/anatomy-es.svg b/docs/static/img/anatomy-es.svg
new file mode 100644
index 0000000..a3b3952
--- /dev/null
+++ b/docs/static/img/anatomy-es.svg
@@ -0,0 +1,288 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ width="420"
+ height="440"
+ version="1.1"
+ viewBox="0 0 420 440"
+ id="svg151"
+ sodipodi:docname="anatomy-es.svg"
+ inkscape:export-filename="/media/data/Code/jinjax-docs/static/img/anatomy-es.png"
+ inkscape:export-xdpi="223.41818"
+ inkscape:export-ydpi="223.41818"
+ inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <sodipodi:namedview
+ id="namedview153"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0.0"
+ inkscape:pagecheckerboard="0"
+ showgrid="false"
+ inkscape:zoom="1.1568182"
+ inkscape:cx="14.695481"
+ inkscape:cy="220.86444"
+ inkscape:window-width="2560"
+ inkscape:window-height="1357"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg151" />
+ <defs
+ id="defs5">
+ <marker
+ id="TriangleStart"
+ overflow="visible"
+ markerHeight="2.6867051"
+ markerWidth="2.3239999"
+ orient="auto-start-reverse"
+ preserveAspectRatio="xMidYMid"
+ viewBox="0 0 5.3244081 6.1553851">
+ <path
+ transform="scale(.6)"
+ d="m5.8 0-8.6 5v-10z"
+ fill="context-stroke"
+ fill-rule="evenodd"
+ stroke="context-stroke"
+ stroke-width="1pt"
+ id="path2" />
+ </marker>
+ </defs>
+ <rect
+ width="420"
+ height="440"
+ fill="#fff"
+ fill-opacity=".85"
+ stroke="#ddd"
+ id="rect7" />
+ <path
+ d="m17 98h320"
+ stroke="#555"
+ stroke-width="1px"
+ id="path9" />
+ <text
+ id="code"
+ fill="#444"
+ font-family="'SF Mono', Monaco, monospace"
+ font-size="11px"
+ font-weight="bold"
+ stroke-width="1.4"
+ style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;line-height:1.25"><tspan
+ x="17"
+ y="90"
+ font-style="italic"
+ font-weight="600"
+ id="tspan1151">components/Form.jinja</tspan><tspan
+ x="17"
+ y="131"
+ id="tspan1153">{#def action, label, method=&quot;post&quot; #}</tspan><tspan
+ x="17"
+ y="145"
+ id="tspan1155">{#css form.css %}</tspan><tspan
+ x="17"
+ y="160"
+ id="tspan1157">{#js form.js %}</tspan><tspan
+ x="17"
+ y="187"
+ fill="#555"
+ id="tspan1159">{% set method = method.lower() %}</tspan><tspan
+ x="17"
+ y="215"
+ fill="#3771c8"
+ id="tspan1165"><tspan
+ id="tspan1161">&lt;</tspan><tspan
+ id="tspan1163">form</tspan></tspan><tspan
+ x="24"
+ y="229"
+ id="tspan1175"><tspan
+ fill="#5f8dd3"
+ id="tspan1167">method=</tspan><tspan
+ fill="#080"
+ id="tspan1169">&quot;</tspan><tspan
+ fill="#ff7f2a"
+ id="tspan1171">{{ method }}</tspan><tspan
+ fill="#080"
+ id="tspan1173">&quot;</tspan></tspan><tspan
+ x="24"
+ y="244"
+ id="tspan1185"><tspan
+ fill="#5f8dd3"
+ id="tspan1177">action=</tspan><tspan
+ fill="#080"
+ id="tspan1179">&quot;</tspan><tspan
+ fill="#ff7f2a"
+ id="tspan1181">{{ action }}</tspan><tspan
+ fill="#080"
+ id="tspan1183">&quot;</tspan></tspan><tspan
+ x="24"
+ y="257"
+ fill="#ff7f2a"
+ id="tspan1189">{{ attrs.render(<tspan
+ id="tspan1187">class=&quot;form&quot;</tspan>) }}
+ </tspan><tspan
+ x="17"
+ y="272"
+ fill="#3771c8"
+ id="tspan1191">&gt;</tspan><tspan
+ x="24"
+ y="286"
+ fill="#555"
+ id="tspan1193">{% if method == &quot;post&quot; -%}</tspan><tspan
+ x="24"
+ y="299"
+ fill="#3771c8"
+ id="tspan1203">
+ &lt;input <tspan
+ fill="#5f8dd3"
+ id="tspan1201">type=<tspan
+ fill="#080"
+ id="tspan1195">&quot;hidden&quot;</tspan> name=<tspan
+ fill="#080"
+ id="tspan1197">&quot;csrf&quot;</tspan> value=&quot;<tspan
+ fill="#ff7f2a"
+ id="tspan1199">{{token}}</tspan>&quot; /&gt;</tspan></tspan><tspan
+ x="24"
+ y="314"
+ fill="#555"
+ id="tspan1205">{% endif -%}</tspan><tspan
+ x="24"
+ y="341"
+ id="tspan1209"><tspan
+ fill="#ff7f2a"
+ id="tspan1207">{{ content }}</tspan></tspan><tspan
+ x="24"
+ y="370"
+ fill="#214478"
+ id="tspan1215">
+ &lt;Button <tspan
+ fill="#5f8dd3"
+ id="tspan1211">label=</tspan><tspan
+ fill="#ff7f2a"
+ id="tspan1213">{label}</tspan>&gt;
+ </tspan><tspan
+ x="17"
+ y="386"
+ fill="#3771c8"
+ id="tspan1219">&lt;/<tspan
+ fill="#3771c8"
+ font-weight="bold"
+ id="tspan1217">form</tspan>&gt;</tspan></text>
+ <g
+ id="arrows">
+ <path
+ d="m96 49c13 28 24 .84 25 24"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000"
+ stroke-width="1.7"
+ id="path94" />
+ <path
+ d="m255 65c13 28-60 16-60 49"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000"
+ stroke-width="1.7"
+ id="path96" />
+ <path
+ d="m260 151c-26 6.7-74-7.6-108-9.2"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000"
+ stroke-width="1.7"
+ id="path98" />
+ <path
+ d="m262 158c-26 5.2-91-.74-124-2"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000"
+ stroke-width="1.7"
+ id="path100" />
+ <path
+ d="m169 404c-11-17-56-3.7-64-22"
+ fill="none"
+ marker-end="url(#TriangleStart)"
+ stroke="#000"
+ stroke-width="1.7"
+ id="path102" />
+ </g>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.99580394,0,0,0.99717236,22.306709,8.8220192)"
+ id="text111"><tspan
+ x="0"
+ y="11"
+ id="tspan105">Todo antes del primer </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan107">punto es el nombre del </tspan><tspan
+ x="0"
+ y="48"
+ id="tspan109">componente</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.99585975,0,0,0.94509234,216.62806,15.846205)"
+ id="text115"><tspan
+ x="0"
+ y="6"
+ id="tspan113">Definición de argumentos</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.99962611,0,0,0.98554306,218.63043,28.835757)"
+ id="text121"><tspan
+ x="0"
+ y="11"
+ id="tspan117">Los argumentos sin valores </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan119">predefinidos son obligatorios</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(1.0036128,0,0,0.99557292,276.36705,142.82391)"
+ id="text127"><tspan
+ x="0"
+ y="11"
+ id="tspan123">Listas opcionales de </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan125">archivos CSS y JS</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="translate(275.93954,180.65106)"
+ id="text135"><tspan
+ x="0"
+ y="11"
+ id="tspan129">Las rutas son </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan131">relativas al folder </tspan><tspan
+ x="0"
+ y="48"
+ id="tspan133">de componentes</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.99764329,0,0,0.98692271,247.4097,314.31427)"
+ id="text143"><tspan
+ x="0"
+ y="11"
+ id="tspan137">Puedes tener mas de </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan139">un elemento padre, a </tspan><tspan
+ x="0"
+ y="48"
+ id="tspan141">diferencia de React</tspan></text>
+ <text
+ style="font-size:12px;font-family:'Comic Neue'"
+ transform="matrix(0.9980174,0,0,0.98858774,171.78044,387.36773)"
+ id="text149"><tspan
+ x="0"
+ y="11"
+ id="tspan145">Puedes llamar a cualquier </tspan><tspan
+ x="0"
+ y="30"
+ id="tspan147">otro componente</tspan></text>
+</svg>
diff --git a/docs/static/img/anchors.png b/docs/static/img/anchors.png
new file mode 100644
index 0000000..ba74fe5
--- /dev/null
+++ b/docs/static/img/anchors.png
Binary files differ
diff --git a/docs/static/img/apple-touch-icon.png b/docs/static/img/apple-touch-icon.png
new file mode 100644
index 0000000..aa04ca4
--- /dev/null
+++ b/docs/static/img/apple-touch-icon.png
Binary files differ
diff --git a/docs/static/img/composable.svg b/docs/static/img/composable.svg
new file mode 100644
index 0000000..c54628c
--- /dev/null
+++ b/docs/static/img/composable.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
+</svg>
diff --git a/docs/static/img/encapsulated.svg b/docs/static/img/encapsulated.svg
new file mode 100644
index 0000000..afb9119
--- /dev/null
+++ b/docs/static/img/encapsulated.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M21 11.25v8.25a1.5 1.5 0 01-1.5 1.5H5.25a1.5 1.5 0 01-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 109.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1114.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z" />
+</svg>
diff --git a/docs/static/img/favicon.png b/docs/static/img/favicon.png
new file mode 100644
index 0000000..9b6ccd2
--- /dev/null
+++ b/docs/static/img/favicon.png
Binary files differ
diff --git a/docs/static/img/favicon.svg b/docs/static/img/favicon.svg
new file mode 100644
index 0000000..d243cf2
--- /dev/null
+++ b/docs/static/img/favicon.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="512" height="512" viewBox="0 0 135 135" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <rect style="fill:#ffffff" width="128.0000" height="112.0000" x="4.0000" y="12.0000" />
+ <rect style="fill:#55b2ff" width="128.0000" height="16.0000" x="4.0000" y="12.0000" />
+ <path style="fill:#000000" d="m 1.6901338,127.07004 v 3e-5 C 1.3828219,126.9448 0.8768176,126.51851 0.56568825,126.12275 L -6.9341144e-6,125.40319 V 67.874657 C -6.9341144e-6,23.83623 0.07409113,10.183354 0.31607229,9.6520087 1.0219463,8.1019542 -3.7115247,8.2034435 67.877153,8.2034435 h 65.786837 l 0.90134,0.9018238 0.90133,0.9018247 c 0,0 -0.0453,38.573404 -0.0679,57.860106 -0.0226,19.286701 -0.0679,57.860102 -0.0679,57.860102 l -0.7336,0.73399 -0.73359,0.73399 m -3.69215,-5.16205 V 33.351884 H 5.291517 V 122.03323 M 130.17158,13.497852 H 5.291517 V 28.057476 H 130.17158 Z" />
+ <rect style="fill:#d0ec7e;stroke:#000000;stroke-width:4.81818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" width="58.46307" height="58.463062" x="55.0000" y="50.0000" />
+</svg>
diff --git a/docs/static/img/jinjax-logo-w.png b/docs/static/img/jinjax-logo-w.png
new file mode 100644
index 0000000..74f52c3
--- /dev/null
+++ b/docs/static/img/jinjax-logo-w.png
Binary files differ
diff --git a/docs/static/img/jinjax-logo-w.svg b/docs/static/img/jinjax-logo-w.svg
new file mode 100644
index 0000000..0b8c9bf
--- /dev/null
+++ b/docs/static/img/jinjax-logo-w.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="87mm" height="24mm" viewBox="0 0 87 24"><g style="fill:#f0f0f0;fill-opacity:1"><g style="font-size:40px;line-height:1.25;white-space:pre;shape-inside:url(#d);fill:#f0f0f0;fill-opacity:1;stroke:none;stroke-width:1.44682;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(.46943 0 0 .47617 -461.947 -45.454)"><path d="M1054.78 135.02c6.991 0 10.976-3.75 10.976-10.273v-18.691h-8.281v18.632c0 2.227-.957 3.399-2.813 3.399-1.836 0-3.027-1.27-3.027-3.496v-.04h-7.93v.06c0 6.523 4.316 10.41 11.074 10.41zm18.964-25.273c2.246 0 4.082-1.758 4.082-3.984 0-2.247-1.836-4.004-4.082-4.004-2.226 0-4.082 1.757-4.082 4.004 0 2.226 1.856 3.984 4.082 3.984zm-4.004 24.492h8.008v-21.953h-8.008zm11.29.001h8.007v-12.403c0-2.13 1.074-3.653 2.988-3.653 2.032 0 2.95 1.368 2.95 3.653v12.402h8.007v-14.18c0-5.273-2.5-8.32-7.343-8.32-3.047 0-5.313 1.602-6.211 4.024h-.39v-3.477h-8.009zm29.042-24.493c2.246 0 4.082-1.758 4.082-3.984 0-2.247-1.836-4.004-4.082-4.004-2.226 0-4.082 1.757-4.082 4.004 0 2.226 1.856 3.984 4.082 3.984zm-4.804 31.914c5.566 0 8.808-2.598 8.808-7.05v-22.325h-8.008v21.973c0 1.23-.703 1.757-2.324 1.757-.332 0-.683-.019-.918-.058v5.586c.469.058 1.64.117 2.442.117zm18.027-7.109c2.773 0 5.117-1.153 5.957-2.891h.39v2.578h7.852v-14.941c0-4.805-3.574-7.559-9.844-7.559-6.308 0-10.234 2.754-10.566 6.992l-.02.254h7.148l.04-.097c.37-.918 1.328-1.426 2.91-1.426 1.543 0 2.48.703 2.48 1.836v1.62l-4.336.255c-5.82.351-9.004 2.695-9.004 6.68v.038c0 4.004 2.793 6.66 6.992 6.66zm.645-7.266v-.04c0-1.054.976-1.757 2.656-1.874l3.047-.195v1.27c0 1.523-1.426 2.714-3.223 2.714-1.523 0-2.48-.742-2.48-1.875zm15.468 6.954h8.75l4.824-8.497h.157l4.863 8.496h9.219l-8.692-14.082v-.156l8.73-13.945h-9.179l-4.453 8.984h-.156l-4.434-8.984h-9.648l8.32 13.906v.156z" aria-label="JinjaX" style="font-weight:900;font-family:&quot;SF Pro Text&quot;;-inkscape-font-specification:&quot;SF Pro Text Heavy&quot;;fill:#f0f0f0;fill-opacity:1;stroke:none;stroke-width:1.44682;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/></g></g><g style="fill:#90d73b;stroke:#4d4d4d;stroke-width:4"><path fill="#fff" stroke="none" d="M1.74 1.616h23.704v20.906H1.741Z"/><path fill="#e6e6e6" stroke="none" d="M1.74 1.616h23.704v2.986H1.741Z"/><path fill="#4d4d4d" stroke="none" d="M1 23c.003-7.61 0-15.455 0-22h25v22m-.894-.846V5.601H1.98v16.553m23.126-18.9V1.897H1.98v2.718h23.126z"/><path d="M92.311 45.905h26.316v26.316H92.311Z" transform="matrix(.18519 0 0 .18666 1 -.624)"/><path fill="#fff" d="M17.147 45.887h64.319v64.319H17.147Z" transform="matrix(.18519 0 0 .18666 1 -.624)"/><path fill="#55b2ff" d="M25.854 53.803h35.304v35.304H25.854Z" transform="matrix(.18519 0 0 .18666 1 -.624)"/><path fill="#e6e6e6" d="M92.311 83.873h26.316v26.316H92.311Z" transform="matrix(.18519 0 0 .18666 1 -.624)"/></g></svg> \ No newline at end of file
diff --git a/docs/static/img/jinjax-logo.png b/docs/static/img/jinjax-logo.png
new file mode 100644
index 0000000..941df9f
--- /dev/null
+++ b/docs/static/img/jinjax-logo.png
Binary files differ
diff --git a/docs/static/img/jinjax-logo.svg b/docs/static/img/jinjax-logo.svg
new file mode 100644
index 0000000..4870abb
--- /dev/null
+++ b/docs/static/img/jinjax-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="87mm" height="24mm" viewBox="0 0 87 24"><g style="fill:#000;fill-opacity:1"><g style="font-size:40px;line-height:1.25;white-space:pre;shape-inside:url(#d);fill:#000;fill-opacity:1;stroke:none;stroke-width:1.44682;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(.46943 0 0 .47617 -461.947 -45.454)"><path d="M1054.78 135.02c6.991 0 10.976-3.75 10.976-10.273v-18.691h-8.281v18.632c0 2.227-.957 3.399-2.813 3.399-1.836 0-3.027-1.27-3.027-3.496v-.04h-7.93v.06c0 6.523 4.316 10.41 11.074 10.41zm18.964-25.273c2.246 0 4.082-1.758 4.082-3.984 0-2.247-1.836-4.004-4.082-4.004-2.226 0-4.082 1.757-4.082 4.004 0 2.226 1.856 3.984 4.082 3.984zm-4.004 24.492h8.008v-21.953h-8.008zm11.29.001h8.007v-12.403c0-2.13 1.074-3.653 2.988-3.653 2.032 0 2.95 1.368 2.95 3.653v12.402h8.007v-14.18c0-5.273-2.5-8.32-7.343-8.32-3.047 0-5.313 1.602-6.211 4.024h-.39v-3.477h-8.009zm29.042-24.493c2.246 0 4.082-1.758 4.082-3.984 0-2.247-1.836-4.004-4.082-4.004-2.226 0-4.082 1.757-4.082 4.004 0 2.226 1.856 3.984 4.082 3.984zm-4.804 31.914c5.566 0 8.808-2.598 8.808-7.05v-22.325h-8.008v21.973c0 1.23-.703 1.757-2.324 1.757-.332 0-.683-.019-.918-.058v5.586c.469.058 1.64.117 2.442.117zm18.027-7.109c2.773 0 5.117-1.153 5.957-2.891h.39v2.578h7.852v-14.941c0-4.805-3.574-7.559-9.844-7.559-6.308 0-10.234 2.754-10.566 6.992l-.02.254h7.148l.04-.097c.37-.918 1.328-1.426 2.91-1.426 1.543 0 2.48.703 2.48 1.836v1.62l-4.336.255c-5.82.351-9.004 2.695-9.004 6.68v.038c0 4.004 2.793 6.66 6.992 6.66zm.645-7.266v-.04c0-1.054.976-1.757 2.656-1.874l3.047-.195v1.27c0 1.523-1.426 2.714-3.223 2.714-1.523 0-2.48-.742-2.48-1.875zm15.468 6.954h8.75l4.824-8.497h.157l4.863 8.496h9.219l-8.692-14.082v-.156l8.73-13.945h-9.179l-4.453 8.984h-.156l-4.434-8.984h-9.648l8.32 13.906v.156z" aria-label="JinjaX" style="font-weight:900;font-family:&quot;SF Pro Text&quot;;-inkscape-font-specification:&quot;SF Pro Text Heavy&quot;;fill:#000;fill-opacity:1;stroke:none;stroke-width:1.44682;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/></g></g><g style="fill:#90d73b;stroke:#4d4d4d;stroke-width:4"><path fill="#fff" stroke="none" d="M1.74 1.616h23.704v20.906H1.741Z"/><path fill="#e6e6e6" stroke="none" d="M1.74 1.616h23.704v2.986H1.741Z"/><path fill="#4d4d4d" stroke="none" d="M1 23c.003-7.61 0-15.455 0-22h25v22m-.894-.846V5.601H1.98v16.553m23.126-18.9V1.897H1.98v2.718h23.126z"/><path d="M92.311 45.905h26.316v26.316H92.311Z" transform="matrix(.18519 0 0 .18666 1 -.624)"/><path fill="#fff" d="M17.147 45.887h64.319v64.319H17.147Z" transform="matrix(.18519 0 0 .18666 1 -.624)"/><path fill="#55b2ff" d="M25.854 53.803h35.304v35.304H25.854Z" transform="matrix(.18519 0 0 .18666 1 -.624)"/><path fill="#e6e6e6" d="M92.311 83.873h26.316v26.316H92.311Z" transform="matrix(.18519 0 0 .18666 1 -.624)"/></g></svg> \ No newline at end of file
diff --git a/docs/static/img/logo.png b/docs/static/img/logo.png
new file mode 100644
index 0000000..4b12c00
--- /dev/null
+++ b/docs/static/img/logo.png
Binary files differ
diff --git a/docs/static/img/logo.svg b/docs/static/img/logo.svg
new file mode 100644
index 0000000..ed5ce3f
--- /dev/null
+++ b/docs/static/img/logo.svg
@@ -0,0 +1,9 @@
+<svg width="512" height="512" viewBox="0 0 135 135" fill="#90d73b" stroke-width="4" stroke="#4d4d4d" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 12h128v112H4z" fill="#fff" stroke-width="0"/>
+<path d="M4 12h128v16H4z" fill="#e6e6e6" stroke-width="0"/>
+<path d="M0 126.563C.014 85.794 0 43.763 0 8.7h135v117.862m-4.828-4.53V33.35H5.292v88.681M130.17 20.78V13.5H5.29v14.56h124.88z" fill="#4d4d4d" stroke-width="0"/>
+<path d="M92.311 45.905h26.316v26.316H92.311z"/>
+<path d="M17.147 45.887h64.319v64.319H17.147z" fill="#fff"/>
+<path d="M25.854 53.803h35.304v35.304H25.854z" fill="#55b2ff"/>
+<path d="M92.311 83.873h26.316v26.316H92.311z" fill="#e6e6e6"/>
+</svg> \ No newline at end of file
diff --git a/docs/static/img/modern.svg b/docs/static/img/modern.svg
new file mode 100644
index 0000000..e986962
--- /dev/null
+++ b/docs/static/img/modern.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="32mm" height="20mm" version="1.1" viewBox="0 0 32 20" xmlns="http://www.w3.org/2000/svg">
+ <text transform="matrix(.38398 0 0 .3722 -42.207 -42.291)" fill="#000000" font-family="sans-serif" font-size="40px" style="line-height:1.25;shape-inside:url(#rect2079);white-space:pre" xml:space="preserve"/>
+ <path d="m21.48 2.5704e-6h-3.3855l-7.4789 20h3.3986z" fill="#3465a4" stroke-width=".7728"/>
+ <path d="m32 8.6678-10.497-3.7261v2.6314l7.9024 2.5711-7.9024 2.5812v2.5711l10.497-3.7261z" fill="#333" stroke-width=".44679"/>
+ <path d="m1.3575e-7 8.6678 10.497-3.7261v2.6314l-7.9024 2.5711 7.9024 2.5812v2.5711l-10.497-3.7261z" fill="#333" stroke-width=".44679"/>
+</svg>
diff --git a/docs/static/img/practical.svg b/docs/static/img/practical.svg
new file mode 100644
index 0000000..702446c
--- /dev/null
+++ b/docs/static/img/practical.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M18.375 12.739l-7.693 7.693a4.5 4.5 0 01-6.364-6.364l10.94-10.94A3 3 0 1119.5 7.372L8.552 18.32m.009-.01l-.01.01m5.699-9.941l-7.81 7.81a1.5 1.5 0 002.112 2.13" />
+</svg>
diff --git a/docs/static/img/simple.svg b/docs/static/img/simple.svg
new file mode 100644
index 0000000..b69150b
--- /dev/null
+++ b/docs/static/img/simple.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+</svg>
diff --git a/docs/static/img/slots-_slot.png b/docs/static/img/slots-_slot.png
new file mode 100644
index 0000000..93cbab3
--- /dev/null
+++ b/docs/static/img/slots-_slot.png
Binary files differ
diff --git a/docs/static/img/slots-diagram.png b/docs/static/img/slots-diagram.png
new file mode 100644
index 0000000..c085250
--- /dev/null
+++ b/docs/static/img/slots-diagram.png
Binary files differ
diff --git a/docs/static/img/spaghetti_code.png b/docs/static/img/spaghetti_code.png
new file mode 100644
index 0000000..df44455
--- /dev/null
+++ b/docs/static/img/spaghetti_code.png
Binary files differ
diff --git a/docs/static/img/ui-accordion.png b/docs/static/img/ui-accordion.png
new file mode 100644
index 0000000..adddd7b
--- /dev/null
+++ b/docs/static/img/ui-accordion.png
Binary files differ
diff --git a/docs/static/img/ui-linkedlist.png b/docs/static/img/ui-linkedlist.png
new file mode 100644
index 0000000..87667ba
--- /dev/null
+++ b/docs/static/img/ui-linkedlist.png
Binary files differ
diff --git a/docs/static/img/ui-menu.png b/docs/static/img/ui-menu.png
new file mode 100644
index 0000000..ee82e03
--- /dev/null
+++ b/docs/static/img/ui-menu.png
Binary files differ
diff --git a/docs/static/img/ui-popover.png b/docs/static/img/ui-popover.png
new file mode 100644
index 0000000..22507f5
--- /dev/null
+++ b/docs/static/img/ui-popover.png
Binary files differ
diff --git a/docs/static/img/ui-reldate.png b/docs/static/img/ui-reldate.png
new file mode 100644
index 0000000..e2258c5
--- /dev/null
+++ b/docs/static/img/ui-reldate.png
Binary files differ
diff --git a/docs/static/img/ui-tabs.png b/docs/static/img/ui-tabs.png
new file mode 100644
index 0000000..7b3bccd
--- /dev/null
+++ b/docs/static/img/ui-tabs.png
Binary files differ
generated by cgit v1.2.3 (git 2.39.1) at 2024-11-25 15:25:37 +0000