desy-html 8.12.0 → 8.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/ds/_ds.example.dropdowns-en-uso.njk +2 -2
- package/docs/ds/_ds.example.nav.njk +2 -2
- package/docs/ds/_ds.example.textos.njk +1 -1
- package/docs/ds/_ds.section.espaciado.njk +1 -1
- package/docs/ds/_ds.section.textos.njk +11 -1
- package/docs/ds/_ds.section.typography.njk +2 -1
- package/docs/index.html +14 -0
- package/package.json +3 -4
- package/src/js/aria/Nav.js +1 -1
- package/src/js/aria/accordion.js +2 -2
- package/src/js/aria/collapsible.js +1 -1
- package/src/js/aria/dialog.js +9 -4
- package/src/js/aria/listbox.js +11 -7
- package/src/js/aria/notification.js +1 -1
- package/src/js/aria/tabs.js +1 -1
- package/src/js/aria/treeitem.js +22 -5
- package/src/js/desy-html.js +1 -0
- package/src/templates/components/button/_examples.button.njk +8 -5
- package/src/templates/components/button-loader/_examples.button-loader.njk +6 -5
- package/src/templates/components/dropdown/_examples.dropdown.njk +1 -1
- package/src/templates/components/footer/_examples.footer.njk +17 -5
- package/src/templates/components/footer/_styles.footer.css +11 -4
- package/src/templates/components/footer/_template.footer.njk +18 -12
- package/src/templates/components/footer/params.footer.yaml +1 -1
- package/src/templates/components/header/_template.header.njk +3 -3
- package/src/templates/components/header-advanced/_examples.header-advanced.njk +67 -17
- package/src/templates/components/header-advanced/_template.header-advanced.njk +1 -1
- package/src/templates/components/listbox/_examples.listbox.njk +1 -1
- package/src/templates/components/menu-horizontal/_styles.menu-horizontal.css +11 -0
- package/src/templates/components/menu-navigation/_template.menu-navigation.njk +3 -3
- package/src/templates/components/menubar/_template.menubar.njk +1 -1
- package/src/templates/components/nav/_examples.nav.njk +1 -1
- package/src/templates/components/nav/_template.nav.njk +1 -1
- package/src/templates/components/pagination/_template.pagination.njk +1 -1
- package/src/templates/components/table-advanced/_styles.table-advanced.css +1 -0
- package/src/templates/components/toggle/_examples.toggle.njk +4 -4
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"text": "Opción 5 con texto muy largo para ver cómo salta de línea"
|
|
38
38
|
}
|
|
39
39
|
],
|
|
40
|
-
"classes": "
|
|
40
|
+
"classes": "max-w-64",
|
|
41
41
|
"attributes": {
|
|
42
42
|
"aria-label": "Nav"
|
|
43
43
|
}
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"text": "Opción 10 con texto muy largo para ver cómo salta de línea"
|
|
96
96
|
}
|
|
97
97
|
],
|
|
98
|
-
"classes": "
|
|
98
|
+
"classes": "max-w-64",
|
|
99
99
|
"attributes": {
|
|
100
100
|
"aria-label": "Nav"
|
|
101
101
|
}
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"text": "Opción 5 con texto muy largo para ver cómo salta de línea"
|
|
92
92
|
}
|
|
93
93
|
],
|
|
94
|
-
"classes": "
|
|
94
|
+
"classes": "max-w-64",
|
|
95
95
|
"attributes": {
|
|
96
96
|
"aria-label": "Nav"
|
|
97
97
|
}
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
"text": "Opción 10 con texto muy largo para ver cómo salta de línea"
|
|
150
150
|
}
|
|
151
151
|
],
|
|
152
|
-
"classes": "
|
|
152
|
+
"classes": "max-w-64",
|
|
153
153
|
"attributes": {
|
|
154
154
|
"aria-label": "Nav"
|
|
155
155
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<h3 class="c-h3">Título 3</h3>
|
|
5
5
|
<h4 class="c-h4">Título 4</h4>
|
|
6
6
|
<p>Esto es un <a href="#" class="c-link">link</a> en un texto</p>
|
|
7
|
-
<p>Esto es un <a href="#" class="c-link" title="Se abre en ventana nueva" target="_blank">enlace en ventana nueva<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
7
|
+
<p>Esto es un <a href="#" class="c-link" title="Se abre en ventana nueva" target="_blank">enlace en ventana nueva<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a> en un texto.</p>
|
|
8
8
|
<p>Esto es un <a href="#" class="c-link c-link--alert">link</a> en una notificación de error</p>
|
|
9
9
|
<p class="c-paragraph-lg">Párrafo destacados</p>
|
|
10
10
|
<p class="c-paragraph-base">Párrafo por defecto</p>
|
|
@@ -294,6 +294,6 @@
|
|
|
294
294
|
title: "Más espaciados"
|
|
295
295
|
}) }}
|
|
296
296
|
<div class="prose">
|
|
297
|
-
<p>Si necesitas más espaciados, usa los <a href="https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale">espaciados por defecto de Tailwind CSS<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
297
|
+
<p>Si necesitas más espaciados, usa los <a href="https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale">espaciados por defecto de Tailwind CSS<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a>.</p>
|
|
298
298
|
</div>
|
|
299
299
|
</div>
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
<li>
|
|
124
124
|
<dl class="grid grid-cols-2 lg:grid-cols-4 gap-x-lg gap-y-base mb-lg">
|
|
125
125
|
<dt class="col-span-2 lg:col-span-2">
|
|
126
|
-
<p>Esto es un <a href="#" class="c-link" title="Se abre en ventana nueva" target="_blank">enlace en ventana nueva<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
126
|
+
<p>Esto es un <a href="#" class="c-link" title="Se abre en ventana nueva" target="_blank">enlace en ventana nueva<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a> en un texto.</p>
|
|
127
127
|
</dt>
|
|
128
128
|
<dd class="col-span-2 lg:col-span-2 mb-lg">
|
|
129
129
|
<p class="text-neutral-dark text-sm"><code>.c-link</code> - <code>normal</code> - <code>underline</code> - <code>primary-base</code> - hover: <code>primary-dark</code>. Con un <code>title</code>, <code>svg</code> y <code>target</code></p>
|
|
@@ -140,6 +140,16 @@
|
|
|
140
140
|
</dd>
|
|
141
141
|
</dl>
|
|
142
142
|
</li>
|
|
143
|
+
<li>
|
|
144
|
+
<dl class="grid grid-cols-2 lg:grid-cols-4 gap-x-lg gap-y-base mb-lg">
|
|
145
|
+
<dt class="col-span-2 lg:col-span-2 p-base border border-neutral-base rounded relative hover:bg-neutral-light">
|
|
146
|
+
<a href="#" class="c-link c-link--full">Contenedor con enlace</a>
|
|
147
|
+
</dt>
|
|
148
|
+
<dd class="col-span-2 lg:col-span-2 mb-lg">
|
|
149
|
+
<p class="text-neutral-dark text-sm"><code>.c-link.c-link--full</code> + contenedor <code>.relative.hover:bg-neutral-light</code> - <code>normal</code> - <code>underline</code> - <code>primary-base</code> - hover: <code>bg-neutral-light</code></p>
|
|
150
|
+
</dd>
|
|
151
|
+
</dl>
|
|
152
|
+
</li>
|
|
143
153
|
</ul>
|
|
144
154
|
{% from "ds/_ds.macro.subsection-title.njk" import DSSubsectionTitle %}
|
|
145
155
|
{{ DSSubsectionTitle({
|
|
@@ -13,7 +13,8 @@
|
|
|
13
13
|
{{ DSSubsectionTitle({
|
|
14
14
|
title: "Tailwindcss typography plugin"
|
|
15
15
|
}) }}
|
|
16
|
-
|
|
16
|
+
|
|
17
|
+
<p class="c-paragraph-base">Para dar estilos por defecto a contenido html sin clases que proviene de markdown o de wysiwyg, utilizamos un plugin de Tailwindcss: <a href="https://github.com/tailwindlabs/tailwindcss-typography" class="c-link">tailwindcss-typography<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a>. Basta con añadir al contenedor la clase <code>.prose</code>. También hay variantes de estos estilos que pueden usarse con breakpoints, por ejemplo: <code>prose prose-sm lg:prose-base max-w-none lg:max-w-none mx-auto</code>. Leer la <a href="https://github.com/tailwindlabs/tailwindcss-typography" class="c-link">documentación<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a>.</p>
|
|
17
18
|
<div class="pb-lg"></div>
|
|
18
19
|
{% from "components/details/_macro.details.njk" import componentDetails %}
|
|
19
20
|
{% call componentDetails({
|
package/docs/index.html
CHANGED
|
@@ -38,6 +38,20 @@
|
|
|
38
38
|
|
|
39
39
|
<h2>Changelog (English)</h2>
|
|
40
40
|
<p>What's new in the latest version of desy-html</p>
|
|
41
|
+
<h3>v.8.13.0</h3>
|
|
42
|
+
<ul class="text-sm">
|
|
43
|
+
<li>Added logos in Header Advanced examples.</li>
|
|
44
|
+
<li>Added FEADER logos in Footer.</li>
|
|
45
|
+
<li>Tooltip now allows select content inside.</li>
|
|
46
|
+
<li>Updated to latest Tailwind CSS.</li>
|
|
47
|
+
<li>Accesibility fixes.</li>
|
|
48
|
+
<li>Minor improvements.</li>
|
|
49
|
+
</ul>
|
|
50
|
+
<h3>v.8.12.1</h3>
|
|
51
|
+
<ul class="text-sm">
|
|
52
|
+
<li>Fixed logo.html parameter in Footer and improved styles for logo.</li>
|
|
53
|
+
<li>Minor improvements.</li>
|
|
54
|
+
</ul>
|
|
41
55
|
<h3>v.8.12.0</h3>
|
|
42
56
|
<ul class="text-sm">
|
|
43
57
|
<li>Added new logos and parameters in Footer.</li>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "desy-html",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.13.0",
|
|
4
4
|
"description": "desy-html contains the code you need to start building a user interface for Gobierno de Aragón government webapps.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Desy (SDA Servicios Digitales de Aragón)",
|
|
@@ -33,15 +33,14 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@tailwindcss/forms": "^0.5.7",
|
|
36
|
-
"@tailwindcss/typography": "^0.5.
|
|
36
|
+
"@tailwindcss/typography": "^0.5.13",
|
|
37
37
|
"autoprefixer": "^10.0.2",
|
|
38
38
|
"hex-rgb": "^5.0.0",
|
|
39
39
|
"highlight.js": "^11.7.0",
|
|
40
|
-
"npm-run-all": "^4.1.5",
|
|
41
40
|
"postcss": "^8.2.15",
|
|
42
41
|
"postcss-cli": "^10.0.0",
|
|
43
42
|
"postcss-import": "^15.0.0",
|
|
44
|
-
"tailwindcss": "^3.3
|
|
43
|
+
"tailwindcss": "^3.4.3"
|
|
45
44
|
},
|
|
46
45
|
"devDependencies": {
|
|
47
46
|
"browser-sync": "^2.26.13",
|
package/src/js/aria/Nav.js
CHANGED
package/src/js/aria/accordion.js
CHANGED
|
@@ -211,7 +211,7 @@ export function accordion(aria) {
|
|
|
211
211
|
activateElement(menuId, activeItemId);
|
|
212
212
|
return [menu, activeItem]
|
|
213
213
|
} else {
|
|
214
|
-
console.log('There is no
|
|
214
|
+
console.log('There is no item with this id in the menu.');
|
|
215
215
|
return null;
|
|
216
216
|
}
|
|
217
217
|
} else {
|
|
@@ -226,7 +226,7 @@ export function accordion(aria) {
|
|
|
226
226
|
toggleAllAccordion(button, show);
|
|
227
227
|
return [button, show]
|
|
228
228
|
} else {
|
|
229
|
-
console.log('There is no
|
|
229
|
+
console.log('There is no accordion with this id in the menu.');
|
|
230
230
|
return null;
|
|
231
231
|
}
|
|
232
232
|
};
|
|
@@ -37,7 +37,7 @@ export function Collapsible(aria) {
|
|
|
37
37
|
handleToggle(collapsible, isOpen)
|
|
38
38
|
return [collapsible, isOpen];
|
|
39
39
|
} else {
|
|
40
|
-
console.log('There is no
|
|
40
|
+
console.log('There is no element with this id in the document.');
|
|
41
41
|
return null;
|
|
42
42
|
}
|
|
43
43
|
};
|
package/src/js/aria/dialog.js
CHANGED
|
@@ -312,8 +312,14 @@ export function dialog(aria) {
|
|
|
312
312
|
}; // end trapFocus
|
|
313
313
|
|
|
314
314
|
window.openDialog = function (dialogId, focusAfterClosed, focusFirst) {
|
|
315
|
-
|
|
316
|
-
|
|
315
|
+
const dialogElement = document.getElementById(dialogId);
|
|
316
|
+
if(dialogElement) {
|
|
317
|
+
var dialog = new aria.Dialog(dialogId, focusAfterClosed, focusFirst);
|
|
318
|
+
return [dialogId, focusAfterClosed, focusFirst]
|
|
319
|
+
} else {
|
|
320
|
+
console.log('There is no dialog with this id in the document.');
|
|
321
|
+
return null;
|
|
322
|
+
}
|
|
317
323
|
};
|
|
318
324
|
|
|
319
325
|
window.closeDialog = function (closeButton) {
|
|
@@ -323,8 +329,7 @@ export function dialog(aria) {
|
|
|
323
329
|
}
|
|
324
330
|
}; // end closeDialog
|
|
325
331
|
|
|
326
|
-
window.replaceDialog = function (newDialogId, newFocusAfterClosed,
|
|
327
|
-
newFocusFirst) {
|
|
332
|
+
window.replaceDialog = function (newDialogId, newFocusAfterClosed, newFocusFirst) {
|
|
328
333
|
var topDialog = aria.getCurrentDialog();
|
|
329
334
|
if (topDialog.dialogNode.contains(document.activeElement)) {
|
|
330
335
|
topDialog.replace(newDialogId, newFocusAfterClosed, newFocusFirst);
|
package/src/js/aria/listbox.js
CHANGED
|
@@ -604,14 +604,18 @@ export function listbox(aria) {
|
|
|
604
604
|
|
|
605
605
|
window.toggleMenuListbox = function (menuId, open) {
|
|
606
606
|
const getListBoxButton = document.querySelector(`#${menuId} .c-listbox`);
|
|
607
|
-
getListBoxButton
|
|
608
|
-
|
|
609
|
-
|
|
607
|
+
if(getListBoxButton) {
|
|
608
|
+
getListBoxButton.click();
|
|
609
|
+
if(open) {
|
|
610
|
+
getListBoxButton._tippy.popper._tippy.show();
|
|
611
|
+
} else {
|
|
612
|
+
getListBoxButton._tippy.popper._tippy.hide();
|
|
613
|
+
}
|
|
614
|
+
return [menuId]
|
|
610
615
|
} else {
|
|
611
|
-
|
|
616
|
+
console.log('There is no menu with this id in the document.');
|
|
617
|
+
return null;
|
|
612
618
|
}
|
|
613
|
-
|
|
614
|
-
return [ menuId ]
|
|
615
619
|
}
|
|
616
620
|
|
|
617
621
|
window.activateItemListBox = function (menuId, activeItemId) {
|
|
@@ -638,7 +642,7 @@ export function listbox(aria) {
|
|
|
638
642
|
return null;
|
|
639
643
|
}
|
|
640
644
|
} else {
|
|
641
|
-
console.log('There is no
|
|
645
|
+
console.log('There is no listbox with this id in the document.');
|
|
642
646
|
return null;
|
|
643
647
|
}
|
|
644
648
|
};
|
|
@@ -49,7 +49,7 @@ export function Notification(aria) {
|
|
|
49
49
|
aria.closeNotification(notification)
|
|
50
50
|
return [notification];
|
|
51
51
|
} else {
|
|
52
|
-
console.log('There is no
|
|
52
|
+
console.log('There is no notification with this id in the document.');
|
|
53
53
|
return null;
|
|
54
54
|
}
|
|
55
55
|
};
|
package/src/js/aria/tabs.js
CHANGED
package/src/js/aria/treeitem.js
CHANGED
|
@@ -268,8 +268,7 @@ export function Treeitem(aria) {
|
|
|
268
268
|
arrayOrSingleElement(elementId, itemsIds, open);
|
|
269
269
|
return [elementId, itemsIds, open];
|
|
270
270
|
} else {
|
|
271
|
-
|
|
272
|
-
return null;
|
|
271
|
+
returnMessage()
|
|
273
272
|
}
|
|
274
273
|
};
|
|
275
274
|
|
|
@@ -277,19 +276,32 @@ export function Treeitem(aria) {
|
|
|
277
276
|
if(typeof itemsIds === 'object' && open !== null) {
|
|
278
277
|
itemsIds.forEach((item) => {
|
|
279
278
|
const selectItem = document.querySelector(`#${elementId} #${item}`)
|
|
280
|
-
|
|
279
|
+
if(selectItem) {
|
|
280
|
+
activateElement(selectItem, open)
|
|
281
|
+
} else {
|
|
282
|
+
returnMessage()
|
|
283
|
+
}
|
|
281
284
|
})
|
|
282
285
|
}
|
|
283
286
|
|
|
284
287
|
if(typeof itemsIds !== 'object' && open !== null) {
|
|
285
288
|
const selectItem = document.querySelector(`#${elementId} #${itemsIds}`)
|
|
286
|
-
|
|
289
|
+
if(selectItem) {
|
|
290
|
+
activateElement(selectItem, open)
|
|
291
|
+
} else {
|
|
292
|
+
returnMessage()
|
|
293
|
+
}
|
|
287
294
|
}
|
|
288
295
|
|
|
289
296
|
if(typeof itemsIds === 'object' && open === null) {
|
|
290
297
|
itemsIds.forEach((item) => {
|
|
291
298
|
const selectItem = document.querySelector(`#${elementId} #${item[0]}`)
|
|
292
|
-
|
|
299
|
+
if(selectItem) {
|
|
300
|
+
activateElement(selectItem, item[1])
|
|
301
|
+
} else {
|
|
302
|
+
console.log('There is no item with this id in the document.');
|
|
303
|
+
return null;
|
|
304
|
+
}
|
|
293
305
|
})
|
|
294
306
|
}
|
|
295
307
|
}
|
|
@@ -315,4 +327,9 @@ export function Treeitem(aria) {
|
|
|
315
327
|
}
|
|
316
328
|
}
|
|
317
329
|
}
|
|
330
|
+
|
|
331
|
+
function returnMessage() {
|
|
332
|
+
console.log('There is no item with this id in the document.');
|
|
333
|
+
return null;
|
|
334
|
+
}
|
|
318
335
|
}
|
package/src/js/desy-html.js
CHANGED
|
@@ -197,13 +197,14 @@
|
|
|
197
197
|
{
|
|
198
198
|
"name": "botón enlace con target blank",
|
|
199
199
|
"data": {
|
|
200
|
-
"html": 'Botón enlace con target <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
200
|
+
"html": 'Botón enlace con target <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="self-center ml-sm" aria-hidden="true" focusable="false" role="img"><g><path id="Union" fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>',
|
|
201
201
|
"href": "http://www.google.com",
|
|
202
202
|
"target": "_blank",
|
|
203
203
|
"attributes": {
|
|
204
204
|
"title": "Se abre en ventana nueva"
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
|
+
|
|
207
208
|
},
|
|
208
209
|
{
|
|
209
210
|
"name": "enlace deshabilitado",
|
|
@@ -216,14 +217,14 @@
|
|
|
216
217
|
{
|
|
217
218
|
"name": "botón con icono a la derecha",
|
|
218
219
|
"data": {
|
|
219
|
-
"html": 'Botón con icono<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
220
|
+
"html": 'Botón con icono<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="1em" width="1em" class="self-center ml-2" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M6.585782857142856 2.3000685714285716C6.960857142857142 1.9249942857142854 7.469565714285714 1.7142857142857142 8 1.7142857142857142c0.5304342857142856 0 1.0391428571428571 0.2107085714285714 1.4142171428571428 0.5857828571428572 0.2369828571428571 0.2369942857142857 0.4083542857142857 0.5273257142857143 0.5024114285714285 0.8427885714285713h-3.8332571428571427c0.09405714285714285 -0.3154628571428571 0.2654285714285714 -0.6057942857142857 0.5024114285714285 -0.8427885714285713ZM4.3299199999999995 3.142857142857143c0.12042285714285714 -0.7734742857142857 0.48325714285714283 -1.4945485714285713 1.04368 -2.054968C6.070171428571428 0.3913257142857143 7.014914285714285 0 8 0c0.9850857142857142 0 1.9298285714285714 0.3913257142857143 2.6264 1.0878891428571429 0.5604228571428571 0.5604194285714286 0.9233142857142856 1.2814937142857143 1.0436571428571428 2.054968H14.571428571428571c0.47337142857142855 0 0.8571428571428571 0.38375999999999993 0.8571428571428571 0.8571428571428571s-0.38377142857142854 0.8571428571428571 -0.8571428571428571 0.8571428571428571H13.714285714285714v9.428571428571429c0 0.4546285714285714 -0.18057142857142855 0.8907428571428571 -0.5020571428571429 1.2122285714285714S12.454628571428572 16 12 16h-8c-0.45466285714285715 0 -0.8906971428571429 -0.18057142857142855 -1.212182857142857 -0.5020571428571429C2.466331428571429 15.176457142857142 2.2857142857142856 14.740342857142856 2.2857142857142856 14.285714285714285V4.857142857142857h-0.8571428571428571C0.955184 4.857142857142857 0.5714285714285714 4.473382857142857 0.5714285714285714 4s0.3837554285714285 -0.8571428571428571 0.8571428571428571 -0.8571428571428571h2.901348571428571ZM6 6.715954285714285c0.39449142857142855 0 0.7142857142857142 0.3198057142857143 0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 -0.3197942857142857 0.7142857142857142 -0.7142857142857142 0.7142857142857142s-0.7142857142857142 -0.3198857142857143 -0.7142857142857142 -0.7142857142857142V7.4302399999999995c0 -0.39447999999999994 0.3197942857142857 -0.7142857142857142 0.7142857142857142 -0.7142857142857142Zm4.714285714285714 0.7142857142857142c0 -0.39447999999999994 -0.3197942857142857 -0.7142857142857142 -0.7142857142857142 -0.7142857142857142s-0.7142857142857142 0.3198057142857143 -0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 0.3197942857142857 0.7142857142857142 0.7142857142857142 0.7142857142857142s0.7142857142857142 -0.3198857142857143 0.7142857142857142 -0.7142857142857142V7.4302399999999995Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>',
|
|
220
221
|
"href": "/"
|
|
221
222
|
}
|
|
222
223
|
},
|
|
223
224
|
{
|
|
224
225
|
"name": "botón con icono a la izquierda",
|
|
225
226
|
"data": {
|
|
226
|
-
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
227
|
+
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="1em" width="1em" class="self-center mr-2" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M6.585782857142856 2.3000685714285716C6.960857142857142 1.9249942857142854 7.469565714285714 1.7142857142857142 8 1.7142857142857142c0.5304342857142856 0 1.0391428571428571 0.2107085714285714 1.4142171428571428 0.5857828571428572 0.2369828571428571 0.2369942857142857 0.4083542857142857 0.5273257142857143 0.5024114285714285 0.8427885714285713h-3.8332571428571427c0.09405714285714285 -0.3154628571428571 0.2654285714285714 -0.6057942857142857 0.5024114285714285 -0.8427885714285713ZM4.3299199999999995 3.142857142857143c0.12042285714285714 -0.7734742857142857 0.48325714285714283 -1.4945485714285713 1.04368 -2.054968C6.070171428571428 0.3913257142857143 7.014914285714285 0 8 0c0.9850857142857142 0 1.9298285714285714 0.3913257142857143 2.6264 1.0878891428571429 0.5604228571428571 0.5604194285714286 0.9233142857142856 1.2814937142857143 1.0436571428571428 2.054968H14.571428571428571c0.47337142857142855 0 0.8571428571428571 0.38375999999999993 0.8571428571428571 0.8571428571428571s-0.38377142857142854 0.8571428571428571 -0.8571428571428571 0.8571428571428571H13.714285714285714v9.428571428571429c0 0.4546285714285714 -0.18057142857142855 0.8907428571428571 -0.5020571428571429 1.2122285714285714S12.454628571428572 16 12 16h-8c-0.45466285714285715 0 -0.8906971428571429 -0.18057142857142855 -1.212182857142857 -0.5020571428571429C2.466331428571429 15.176457142857142 2.2857142857142856 14.740342857142856 2.2857142857142856 14.285714285714285V4.857142857142857h-0.8571428571428571C0.955184 4.857142857142857 0.5714285714285714 4.473382857142857 0.5714285714285714 4s0.3837554285714285 -0.8571428571428571 0.8571428571428571 -0.8571428571428571h2.901348571428571ZM6 6.715954285714285c0.39449142857142855 0 0.7142857142857142 0.3198057142857143 0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 -0.3197942857142857 0.7142857142857142 -0.7142857142857142 0.7142857142857142s-0.7142857142857142 -0.3198857142857143 -0.7142857142857142 -0.7142857142857142V7.4302399999999995c0 -0.39447999999999994 0.3197942857142857 -0.7142857142857142 0.7142857142857142 -0.7142857142857142Zm4.714285714285714 0.7142857142857142c0 -0.39447999999999994 -0.3197942857142857 -0.7142857142857142 -0.7142857142857142 -0.7142857142857142s-0.7142857142857142 0.3198057142857143 -0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 0.3197942857142857 0.7142857142857142 0.7142857142857142 0.7142857142857142s0.7142857142857142 -0.3198857142857143 0.7142857142857142 -0.7142857142857142V7.4302399999999995Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>Botón con icono',
|
|
227
228
|
"href": "/"
|
|
228
229
|
}
|
|
229
230
|
},
|
|
@@ -248,18 +249,20 @@
|
|
|
248
249
|
{
|
|
249
250
|
"name": "botón sólo con icono",
|
|
250
251
|
"data": {
|
|
251
|
-
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
252
|
+
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="1em" width="1em" class="self-center my-1" aria-hidden="true" focusable="false" role="img" aria-label="Borrar"><g><path fill="currentcolor" fill-rule="evenodd" d="M6.585782857142856 2.3000685714285716C6.960857142857142 1.9249942857142854 7.469565714285714 1.7142857142857142 8 1.7142857142857142c0.5304342857142856 0 1.0391428571428571 0.2107085714285714 1.4142171428571428 0.5857828571428572 0.2369828571428571 0.2369942857142857 0.4083542857142857 0.5273257142857143 0.5024114285714285 0.8427885714285713h-3.8332571428571427c0.09405714285714285 -0.3154628571428571 0.2654285714285714 -0.6057942857142857 0.5024114285714285 -0.8427885714285713ZM4.3299199999999995 3.142857142857143c0.12042285714285714 -0.7734742857142857 0.48325714285714283 -1.4945485714285713 1.04368 -2.054968C6.070171428571428 0.3913257142857143 7.014914285714285 0 8 0c0.9850857142857142 0 1.9298285714285714 0.3913257142857143 2.6264 1.0878891428571429 0.5604228571428571 0.5604194285714286 0.9233142857142856 1.2814937142857143 1.0436571428571428 2.054968H14.571428571428571c0.47337142857142855 0 0.8571428571428571 0.38375999999999993 0.8571428571428571 0.8571428571428571s-0.38377142857142854 0.8571428571428571 -0.8571428571428571 0.8571428571428571H13.714285714285714v9.428571428571429c0 0.4546285714285714 -0.18057142857142855 0.8907428571428571 -0.5020571428571429 1.2122285714285714S12.454628571428572 16 12 16h-8c-0.45466285714285715 0 -0.8906971428571429 -0.18057142857142855 -1.212182857142857 -0.5020571428571429C2.466331428571429 15.176457142857142 2.2857142857142856 14.740342857142856 2.2857142857142856 14.285714285714285V4.857142857142857h-0.8571428571428571C0.955184 4.857142857142857 0.5714285714285714 4.473382857142857 0.5714285714285714 4s0.3837554285714285 -0.8571428571428571 0.8571428571428571 -0.8571428571428571h2.901348571428571ZM6 6.715954285714285c0.39449142857142855 0 0.7142857142857142 0.3198057142857143 0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 -0.3197942857142857 0.7142857142857142 -0.7142857142857142 0.7142857142857142s-0.7142857142857142 -0.3198857142857143 -0.7142857142857142 -0.7142857142857142V7.4302399999999995c0 -0.39447999999999994 0.3197942857142857 -0.7142857142857142 0.7142857142857142 -0.7142857142857142Zm4.714285714285714 0.7142857142857142c0 -0.39447999999999994 -0.3197942857142857 -0.7142857142857142 -0.7142857142857142 -0.7142857142857142s-0.7142857142857142 0.3198057142857143 -0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 0.3197942857142857 0.7142857142857142 0.7142857142857142 0.7142857142857142s0.7142857142857142 -0.3198857142857143 0.7142857142857142 -0.7142857142857142V7.4302399999999995Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>',
|
|
252
253
|
"href": "/",
|
|
253
254
|
"classes": "c-button--primary align-bottom"
|
|
254
255
|
}
|
|
256
|
+
|
|
255
257
|
},
|
|
256
258
|
{
|
|
257
259
|
"name": "button peque sólo con icono",
|
|
258
260
|
"data": {
|
|
259
|
-
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
261
|
+
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="1em" width="1em" class="self-center my-1" aria-hidden="true" focusable="false" role="img" aria-label="Borrar"><g><path fill="currentcolor" fill-rule="evenodd" d="M6.585782857142856 2.3000685714285716C6.960857142857142 1.9249942857142854 7.469565714285714 1.7142857142857142 8 1.7142857142857142c0.5304342857142856 0 1.0391428571428571 0.2107085714285714 1.4142171428571428 0.5857828571428572 0.2369828571428571 0.2369942857142857 0.4083542857142857 0.5273257142857143 0.5024114285714285 0.8427885714285713h-3.8332571428571427c0.09405714285714285 -0.3154628571428571 0.2654285714285714 -0.6057942857142857 0.5024114285714285 -0.8427885714285713ZM4.3299199999999995 3.142857142857143c0.12042285714285714 -0.7734742857142857 0.48325714285714283 -1.4945485714285713 1.04368 -2.054968C6.070171428571428 0.3913257142857143 7.014914285714285 0 8 0c0.9850857142857142 0 1.9298285714285714 0.3913257142857143 2.6264 1.0878891428571429 0.5604228571428571 0.5604194285714286 0.9233142857142856 1.2814937142857143 1.0436571428571428 2.054968H14.571428571428571c0.47337142857142855 0 0.8571428571428571 0.38375999999999993 0.8571428571428571 0.8571428571428571s-0.38377142857142854 0.8571428571428571 -0.8571428571428571 0.8571428571428571H13.714285714285714v9.428571428571429c0 0.4546285714285714 -0.18057142857142855 0.8907428571428571 -0.5020571428571429 1.2122285714285714S12.454628571428572 16 12 16h-8c-0.45466285714285715 0 -0.8906971428571429 -0.18057142857142855 -1.212182857142857 -0.5020571428571429C2.466331428571429 15.176457142857142 2.2857142857142856 14.740342857142856 2.2857142857142856 14.285714285714285V4.857142857142857h-0.8571428571428571C0.955184 4.857142857142857 0.5714285714285714 4.473382857142857 0.5714285714285714 4s0.3837554285714285 -0.8571428571428571 0.8571428571428571 -0.8571428571428571h2.901348571428571ZM6 6.715954285714285c0.39449142857142855 0 0.7142857142857142 0.3198057142857143 0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 -0.3197942857142857 0.7142857142857142 -0.7142857142857142 0.7142857142857142s-0.7142857142857142 -0.3198857142857143 -0.7142857142857142 -0.7142857142857142V7.4302399999999995c0 -0.39447999999999994 0.3197942857142857 -0.7142857142857142 0.7142857142857142 -0.7142857142857142Zm4.714285714285714 0.7142857142857142c0 -0.39447999999999994 -0.3197942857142857 -0.7142857142857142 -0.7142857142857142 -0.7142857142857142s-0.7142857142857142 0.3198057142857143 -0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 0.3197942857142857 0.7142857142857142 0.7142857142857142 0.7142857142857142s0.7142857142857142 -0.3198857142857143 0.7142857142857142 -0.7142857142857142V7.4302399999999995Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>',
|
|
260
262
|
"href": "/",
|
|
261
263
|
"classes": "c-button--primary c-button--sm align-bottom"
|
|
262
264
|
}
|
|
265
|
+
|
|
263
266
|
},
|
|
264
267
|
{
|
|
265
268
|
"name": "input",
|
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
{
|
|
210
210
|
"name": "botón enlace con target blank",
|
|
211
211
|
"data": {
|
|
212
|
-
"html": 'Botón enlace con target <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
212
|
+
"html": 'Botón enlace con target <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="self-center ml-sm" aria-hidden="true" focusable="false" role="img"><g><path id="Union" fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>',
|
|
213
213
|
"href": "http://www.google.com",
|
|
214
214
|
"target": "_blank",
|
|
215
215
|
"attributes": {
|
|
@@ -228,21 +228,22 @@
|
|
|
228
228
|
{
|
|
229
229
|
"name": "botón con icono a la derecha",
|
|
230
230
|
"data": {
|
|
231
|
-
"html": 'Botón con icono<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
231
|
+
"html": 'Botón con icono<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="1em" width="1em" class="self-center ml-2" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M6.585782857142856 2.3000685714285716C6.960857142857142 1.9249942857142854 7.469565714285714 1.7142857142857142 8 1.7142857142857142c0.5304342857142856 0 1.0391428571428571 0.2107085714285714 1.4142171428571428 0.5857828571428572 0.2369828571428571 0.2369942857142857 0.4083542857142857 0.5273257142857143 0.5024114285714285 0.8427885714285713h-3.8332571428571427c0.09405714285714285 -0.3154628571428571 0.2654285714285714 -0.6057942857142857 0.5024114285714285 -0.8427885714285713ZM4.3299199999999995 3.142857142857143c0.12042285714285714 -0.7734742857142857 0.48325714285714283 -1.4945485714285713 1.04368 -2.054968C6.070171428571428 0.3913257142857143 7.014914285714285 0 8 0c0.9850857142857142 0 1.9298285714285714 0.3913257142857143 2.6264 1.0878891428571429 0.5604228571428571 0.5604194285714286 0.9233142857142856 1.2814937142857143 1.0436571428571428 2.054968H14.571428571428571c0.47337142857142855 0 0.8571428571428571 0.38375999999999993 0.8571428571428571 0.8571428571428571s-0.38377142857142854 0.8571428571428571 -0.8571428571428571 0.8571428571428571H13.714285714285714v9.428571428571429c0 0.4546285714285714 -0.18057142857142855 0.8907428571428571 -0.5020571428571429 1.2122285714285714S12.454628571428572 16 12 16h-8c-0.45466285714285715 0 -0.8906971428571429 -0.18057142857142855 -1.212182857142857 -0.5020571428571429C2.466331428571429 15.176457142857142 2.2857142857142856 14.740342857142856 2.2857142857142856 14.285714285714285V4.857142857142857h-0.8571428571428571C0.955184 4.857142857142857 0.5714285714285714 4.473382857142857 0.5714285714285714 4s0.3837554285714285 -0.8571428571428571 0.8571428571428571 -0.8571428571428571h2.901348571428571ZM6 6.715954285714285c0.39449142857142855 0 0.7142857142857142 0.3198057142857143 0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 -0.3197942857142857 0.7142857142857142 -0.7142857142857142 0.7142857142857142s-0.7142857142857142 -0.3198857142857143 -0.7142857142857142 -0.7142857142857142V7.4302399999999995c0 -0.39447999999999994 0.3197942857142857 -0.7142857142857142 0.7142857142857142 -0.7142857142857142Zm4.714285714285714 0.7142857142857142c0 -0.39447999999999994 -0.3197942857142857 -0.7142857142857142 -0.7142857142857142 -0.7142857142857142s-0.7142857142857142 0.3198057142857143 -0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 0.3197942857142857 0.7142857142857142 0.7142857142857142 0.7142857142857142s0.7142857142857142 -0.3198857142857143 0.7142857142857142 -0.7142857142857142V7.4302399999999995Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>',
|
|
232
232
|
"href": "/"
|
|
233
233
|
}
|
|
234
234
|
},
|
|
235
235
|
{
|
|
236
236
|
"name": "botón con icono a la izquierda",
|
|
237
237
|
"data": {
|
|
238
|
-
|
|
238
|
+
|
|
239
|
+
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="1em" width="1em" class="self-center mr-2" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M6.585782857142856 2.3000685714285716C6.960857142857142 1.9249942857142854 7.469565714285714 1.7142857142857142 8 1.7142857142857142c0.5304342857142856 0 1.0391428571428571 0.2107085714285714 1.4142171428571428 0.5857828571428572 0.2369828571428571 0.2369942857142857 0.4083542857142857 0.5273257142857143 0.5024114285714285 0.8427885714285713h-3.8332571428571427c0.09405714285714285 -0.3154628571428571 0.2654285714285714 -0.6057942857142857 0.5024114285714285 -0.8427885714285713ZM4.3299199999999995 3.142857142857143c0.12042285714285714 -0.7734742857142857 0.48325714285714283 -1.4945485714285713 1.04368 -2.054968C6.070171428571428 0.3913257142857143 7.014914285714285 0 8 0c0.9850857142857142 0 1.9298285714285714 0.3913257142857143 2.6264 1.0878891428571429 0.5604228571428571 0.5604194285714286 0.9233142857142856 1.2814937142857143 1.0436571428571428 2.054968H14.571428571428571c0.47337142857142855 0 0.8571428571428571 0.38375999999999993 0.8571428571428571 0.8571428571428571s-0.38377142857142854 0.8571428571428571 -0.8571428571428571 0.8571428571428571H13.714285714285714v9.428571428571429c0 0.4546285714285714 -0.18057142857142855 0.8907428571428571 -0.5020571428571429 1.2122285714285714S12.454628571428572 16 12 16h-8c-0.45466285714285715 0 -0.8906971428571429 -0.18057142857142855 -1.212182857142857 -0.5020571428571429C2.466331428571429 15.176457142857142 2.2857142857142856 14.740342857142856 2.2857142857142856 14.285714285714285V4.857142857142857h-0.8571428571428571C0.955184 4.857142857142857 0.5714285714285714 4.473382857142857 0.5714285714285714 4s0.3837554285714285 -0.8571428571428571 0.8571428571428571 -0.8571428571428571h2.901348571428571ZM6 6.715954285714285c0.39449142857142855 0 0.7142857142857142 0.3198057142857143 0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 -0.3197942857142857 0.7142857142857142 -0.7142857142857142 0.7142857142857142s-0.7142857142857142 -0.3198857142857143 -0.7142857142857142 -0.7142857142857142V7.4302399999999995c0 -0.39447999999999994 0.3197942857142857 -0.7142857142857142 0.7142857142857142 -0.7142857142857142Zm4.714285714285714 0.7142857142857142c0 -0.39447999999999994 -0.3197942857142857 -0.7142857142857142 -0.7142857142857142 -0.7142857142857142s-0.7142857142857142 0.3198057142857143 -0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 0.3197942857142857 0.7142857142857142 0.7142857142857142 0.7142857142857142s0.7142857142857142 -0.3198857142857143 0.7142857142857142 -0.7142857142857142V7.4302399999999995Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>Botón con icono',
|
|
239
240
|
"href": "/"
|
|
240
241
|
}
|
|
241
242
|
},
|
|
242
243
|
{
|
|
243
244
|
"name": "botón sólo con icono",
|
|
244
245
|
"data": {
|
|
245
|
-
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
246
|
+
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="1em" width="1em" class="self-center" aria-hidden="true" focusable="false" role="img" aria-label="Borrar"><g><path fill="currentcolor" fill-rule="evenodd" d="M6.585782857142856 2.3000685714285716C6.960857142857142 1.9249942857142854 7.469565714285714 1.7142857142857142 8 1.7142857142857142c0.5304342857142856 0 1.0391428571428571 0.2107085714285714 1.4142171428571428 0.5857828571428572 0.2369828571428571 0.2369942857142857 0.4083542857142857 0.5273257142857143 0.5024114285714285 0.8427885714285713h-3.8332571428571427c0.09405714285714285 -0.3154628571428571 0.2654285714285714 -0.6057942857142857 0.5024114285714285 -0.8427885714285713ZM4.3299199999999995 3.142857142857143c0.12042285714285714 -0.7734742857142857 0.48325714285714283 -1.4945485714285713 1.04368 -2.054968C6.070171428571428 0.3913257142857143 7.014914285714285 0 8 0c0.9850857142857142 0 1.9298285714285714 0.3913257142857143 2.6264 1.0878891428571429 0.5604228571428571 0.5604194285714286 0.9233142857142856 1.2814937142857143 1.0436571428571428 2.054968H14.571428571428571c0.47337142857142855 0 0.8571428571428571 0.38375999999999993 0.8571428571428571 0.8571428571428571s-0.38377142857142854 0.8571428571428571 -0.8571428571428571 0.8571428571428571H13.714285714285714v9.428571428571429c0 0.4546285714285714 -0.18057142857142855 0.8907428571428571 -0.5020571428571429 1.2122285714285714S12.454628571428572 16 12 16h-8c-0.45466285714285715 0 -0.8906971428571429 -0.18057142857142855 -1.212182857142857 -0.5020571428571429C2.466331428571429 15.176457142857142 2.2857142857142856 14.740342857142856 2.2857142857142856 14.285714285714285V4.857142857142857h-0.8571428571428571C0.955184 4.857142857142857 0.5714285714285714 4.473382857142857 0.5714285714285714 4s0.3837554285714285 -0.8571428571428571 0.8571428571428571 -0.8571428571428571h2.901348571428571ZM6 6.715954285714285c0.39449142857142855 0 0.7142857142857142 0.3198057142857143 0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 -0.3197942857142857 0.7142857142857142 -0.7142857142857142 0.7142857142857142s-0.7142857142857142 -0.3198857142857143 -0.7142857142857142 -0.7142857142857142V7.4302399999999995c0 -0.39447999999999994 0.3197942857142857 -0.7142857142857142 0.7142857142857142 -0.7142857142857142Zm4.714285714285714 0.7142857142857142c0 -0.39447999999999994 -0.3197942857142857 -0.7142857142857142 -0.7142857142857142 -0.7142857142857142s-0.7142857142857142 0.3198057142857143 -0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 0.3197942857142857 0.7142857142857142 0.7142857142857142 0.7142857142857142s0.7142857142857142 -0.3198857142857143 0.7142857142857142 -0.7142857142857142V7.4302399999999995Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>',
|
|
246
247
|
"href": "/",
|
|
247
248
|
"classes": "c-button-loader--primary p-3 align-bottom"
|
|
248
249
|
}
|
|
@@ -250,7 +251,7 @@
|
|
|
250
251
|
{
|
|
251
252
|
"name": "button peque sólo con icono",
|
|
252
253
|
"data": {
|
|
253
|
-
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
254
|
+
"html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="1em" width="1em" class="self-center" aria-hidden="true" focusable="false" role="img" aria-label="Borrar"><g><path fill="currentcolor" fill-rule="evenodd" d="M6.585782857142856 2.3000685714285716C6.960857142857142 1.9249942857142854 7.469565714285714 1.7142857142857142 8 1.7142857142857142c0.5304342857142856 0 1.0391428571428571 0.2107085714285714 1.4142171428571428 0.5857828571428572 0.2369828571428571 0.2369942857142857 0.4083542857142857 0.5273257142857143 0.5024114285714285 0.8427885714285713h-3.8332571428571427c0.09405714285714285 -0.3154628571428571 0.2654285714285714 -0.6057942857142857 0.5024114285714285 -0.8427885714285713ZM4.3299199999999995 3.142857142857143c0.12042285714285714 -0.7734742857142857 0.48325714285714283 -1.4945485714285713 1.04368 -2.054968C6.070171428571428 0.3913257142857143 7.014914285714285 0 8 0c0.9850857142857142 0 1.9298285714285714 0.3913257142857143 2.6264 1.0878891428571429 0.5604228571428571 0.5604194285714286 0.9233142857142856 1.2814937142857143 1.0436571428571428 2.054968H14.571428571428571c0.47337142857142855 0 0.8571428571428571 0.38375999999999993 0.8571428571428571 0.8571428571428571s-0.38377142857142854 0.8571428571428571 -0.8571428571428571 0.8571428571428571H13.714285714285714v9.428571428571429c0 0.4546285714285714 -0.18057142857142855 0.8907428571428571 -0.5020571428571429 1.2122285714285714S12.454628571428572 16 12 16h-8c-0.45466285714285715 0 -0.8906971428571429 -0.18057142857142855 -1.212182857142857 -0.5020571428571429C2.466331428571429 15.176457142857142 2.2857142857142856 14.740342857142856 2.2857142857142856 14.285714285714285V4.857142857142857h-0.8571428571428571C0.955184 4.857142857142857 0.5714285714285714 4.473382857142857 0.5714285714285714 4s0.3837554285714285 -0.8571428571428571 0.8571428571428571 -0.8571428571428571h2.901348571428571ZM6 6.715954285714285c0.39449142857142855 0 0.7142857142857142 0.3198057142857143 0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 -0.3197942857142857 0.7142857142857142 -0.7142857142857142 0.7142857142857142s-0.7142857142857142 -0.3198857142857143 -0.7142857142857142 -0.7142857142857142V7.4302399999999995c0 -0.39447999999999994 0.3197942857142857 -0.7142857142857142 0.7142857142857142 -0.7142857142857142Zm4.714285714285714 0.7142857142857142c0 -0.39447999999999994 -0.3197942857142857 -0.7142857142857142 -0.7142857142857142 -0.7142857142857142s-0.7142857142857142 0.3198057142857143 -0.7142857142857142 0.7142857142857142V12.003428571428572c0 0.3944 0.3197942857142857 0.7142857142857142 0.7142857142857142 0.7142857142857142s0.7142857142857142 -0.3198857142857143 0.7142857142857142 -0.7142857142857142V7.4302399999999995Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>',
|
|
254
255
|
"href": "/",
|
|
255
256
|
"classes": "c-button-loader--primary c-button-loader--sm p-2 align-bottom"
|
|
256
257
|
}
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"data": {
|
|
109
109
|
"text": "Dropdown anchura completa",
|
|
110
110
|
"classes": "w-full justify-between",
|
|
111
|
-
"classesTooltip": "
|
|
111
|
+
"classesTooltip": "max-h-64 overflow-y-auto",
|
|
112
112
|
"caller": "<div class=\" p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-64 \"><div style=\" width:900px \"></div></div></div>"
|
|
113
113
|
}
|
|
114
114
|
}
|