desy-html 12.0.0 → 12.1.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/README.md +36 -36
- package/config/tailwind.config.js +218 -218
- package/docs/_global.content-placeholder.njk +7 -7
- package/docs/_global.foot.njk +14 -14
- package/docs/_global.head.njk +28 -28
- package/docs/_include.template-header.njk +381 -387
- package/docs/_macro.component-example.njk +6 -6
- package/docs/_macro.example-render.njk +376 -376
- package/docs/_macro.load-component-params.njk +2 -2
- package/docs/_macro.load-component-template.njk +3 -3
- package/docs/_macro.render-caller.njk +3 -3
- package/docs/_macro.show-code-from-file.njk +57 -57
- package/docs/_macro.show-html-from-file.njk +42 -42
- package/docs/_template.default.njk +8 -8
- package/docs/_template.examples.njk +13 -13
- package/docs/catalogo.html +26 -26
- package/docs/componentes.html +180 -180
- package/docs/ds/_ds.example.accordion.njk +109 -109
- package/docs/ds/_ds.example.border.njk +39 -39
- package/docs/ds/_ds.example.botones-alert-sm.njk +264 -264
- package/docs/ds/_ds.example.botones-alert.njk +264 -264
- package/docs/ds/_ds.example.botones-default-sm.njk +264 -264
- package/docs/ds/_ds.example.botones-default.njk +258 -258
- package/docs/ds/_ds.example.botones-primary-lg.njk +264 -264
- package/docs/ds/_ds.example.botones-primary-sm.njk +264 -264
- package/docs/ds/_ds.example.botones-primary.njk +264 -264
- package/docs/ds/_ds.example.botones-transparent-sm.njk +264 -264
- package/docs/ds/_ds.example.botones-transparent.njk +264 -264
- package/docs/ds/_ds.example.breadcrumbs.njk +65 -65
- package/docs/ds/_ds.example.card.njk +198 -198
- package/docs/ds/_ds.example.checkboxes.njk +377 -377
- package/docs/ds/_ds.example.collapsible.njk +18 -18
- package/docs/ds/_ds.example.color-de-interaccion.njk +16 -16
- package/docs/ds/_ds.example.colores-cabecera.njk +15 -15
- package/docs/ds/_ds.example.colores-de-soporte.njk +82 -82
- package/docs/ds/_ds.example.colores-neutros.njk +26 -26
- package/docs/ds/_ds.example.date-input.njk +363 -363
- package/docs/ds/_ds.example.description-list.njk +289 -289
- package/docs/ds/_ds.example.details.njk +23 -23
- package/docs/ds/_ds.example.dropdowns-default.njk +186 -186
- package/docs/ds/_ds.example.dropdowns-en-uso.njk +105 -105
- package/docs/ds/_ds.example.dropdowns-variaciones.njk +224 -224
- package/docs/ds/_ds.example.error-summary.njk +34 -34
- package/docs/ds/_ds.example.file-upload.njk +54 -54
- package/docs/ds/_ds.example.footer.njk +28 -28
- package/docs/ds/_ds.example.header-advanced.njk +70 -70
- package/docs/ds/_ds.example.header.njk +211 -211
- package/docs/ds/_ds.example.input-group.njk +242 -242
- package/docs/ds/_ds.example.input.njk +164 -164
- package/docs/ds/_ds.example.item.njk +176 -176
- package/docs/ds/_ds.example.layout-escritorio.njk +38 -38
- package/docs/ds/_ds.example.layout-movil.njk +14 -14
- package/docs/ds/_ds.example.layout-sidebar.njk +11 -11
- package/docs/ds/_ds.example.links-list.njk +170 -170
- package/docs/ds/_ds.example.listbox-default.njk +677 -677
- package/docs/ds/_ds.example.listbox-variaciones.njk +824 -824
- package/docs/ds/_ds.example.menu-horizontal.njk +66 -66
- package/docs/ds/_ds.example.menu-navigation.njk +493 -493
- package/docs/ds/_ds.example.menu-vertical.njk +129 -129
- package/docs/ds/_ds.example.menubar-en-uso.njk +244 -244
- package/docs/ds/_ds.example.menubar-variaciones.njk +785 -785
- package/docs/ds/_ds.example.modal.njk +210 -210
- package/docs/ds/_ds.example.nav.njk +158 -158
- package/docs/ds/_ds.example.notification.njk +122 -122
- package/docs/ds/_ds.example.pagination.njk +190 -190
- package/docs/ds/_ds.example.pills.njk +215 -215
- package/docs/ds/_ds.example.radios.njk +419 -419
- package/docs/ds/_ds.example.searchbar.njk +87 -87
- package/docs/ds/_ds.example.select.njk +390 -390
- package/docs/ds/_ds.example.status-item.njk +239 -239
- package/docs/ds/_ds.example.status.njk +47 -47
- package/docs/ds/_ds.example.table.njk +740 -740
- package/docs/ds/_ds.example.tabs.njk +136 -136
- package/docs/ds/_ds.example.textarea.njk +237 -237
- package/docs/ds/_ds.example.textos.njk +32 -32
- package/docs/ds/_ds.example.toggle.njk +75 -75
- package/docs/ds/_ds.example.tree.njk +456 -456
- package/docs/ds/_ds.example.typography.njk +225 -225
- package/docs/ds/_ds.macro.code-snippet.njk +32 -32
- package/docs/ds/_ds.macro.section-title.njk +2 -2
- package/docs/ds/_ds.macro.subsection-title.njk +2 -2
- package/docs/ds/_ds.section.avisos.njk +22 -22
- package/docs/ds/_ds.section.botones.njk +53 -53
- package/docs/ds/_ds.section.campo-y-area-de-texto.njk +19 -19
- package/docs/ds/_ds.section.color.njk +147 -147
- package/docs/ds/_ds.section.datos.njk +37 -37
- package/docs/ds/_ds.section.dropdowns.njk +23 -23
- package/docs/ds/_ds.section.espaciado.njk +296 -296
- package/docs/ds/_ds.section.forms.njk +68 -68
- package/docs/ds/_ds.section.informacion.njk +12 -12
- package/docs/ds/_ds.section.layout.njk +63 -63
- package/docs/ds/_ds.section.menubar.njk +18 -18
- package/docs/ds/_ds.section.mostrar-ocultar.njk +33 -33
- package/docs/ds/_ds.section.navigation.njk +57 -57
- package/docs/ds/_ds.section.textos.njk +287 -287
- package/docs/ds/_ds.section.typography.njk +28 -28
- package/docs/estilos.html +37 -37
- package/docs/examples-accordion-history.html +8 -8
- package/docs/examples-accordion.html +8 -8
- package/docs/examples-alert.html +8 -8
- package/docs/examples-breadcrumbs.html +8 -8
- package/docs/examples-button-loader.html +8 -8
- package/docs/examples-button.html +8 -8
- package/docs/examples-card.html +7 -7
- package/docs/examples-character-count.html +8 -8
- package/docs/examples-checkboxes.html +7 -7
- package/docs/examples-collapsible.html +7 -7
- package/docs/examples-date-input.html +8 -8
- package/docs/examples-datepicker.html +8 -8
- package/docs/examples-description-list.html +8 -8
- package/docs/examples-details.html +8 -8
- package/docs/examples-dialog.html +7 -7
- package/docs/examples-dropdown.html +8 -8
- package/docs/examples-error-message.html +8 -8
- package/docs/examples-error-summary.html +8 -8
- package/docs/examples-fieldset.html +8 -8
- package/docs/examples-file-upload.html +8 -8
- package/docs/examples-footer.html +8 -8
- package/docs/examples-header-advanced.html +8 -8
- package/docs/examples-header-mini.html +8 -8
- package/docs/examples-header.html +8 -8
- package/docs/examples-hint.html +8 -8
- package/docs/examples-input-group.html +8 -8
- package/docs/examples-input.html +8 -8
- package/docs/examples-item.html +8 -8
- package/docs/examples-label.html +8 -8
- package/docs/examples-links-list.html +7 -7
- package/docs/examples-listbox.html +8 -8
- package/docs/examples-media-object.html +7 -7
- package/docs/examples-menu-horizontal.html +8 -8
- package/docs/examples-menu-navigation.html +8 -8
- package/docs/examples-menu-vertical.html +7 -7
- package/docs/examples-menubar.html +7 -7
- package/docs/examples-modal.html +7 -7
- package/docs/examples-nav.html +8 -8
- package/docs/examples-notification.html +8 -8
- package/docs/examples-pagination.html +8 -8
- package/docs/examples-pill.html +8 -8
- package/docs/examples-radios.html +8 -8
- package/docs/examples-searchbar.html +8 -8
- package/docs/examples-select.html +9 -9
- package/docs/examples-skip-link.html +8 -8
- package/docs/examples-spinner.html +8 -8
- package/docs/examples-status-item.html +8 -8
- package/docs/examples-status.html +8 -8
- package/docs/examples-table-advanced.html +8 -8
- package/docs/examples-table.html +8 -8
- package/docs/examples-tabs.html +8 -8
- package/docs/examples-textarea.html +8 -8
- package/docs/examples-toggle.html +8 -8
- package/docs/examples-tooltip.html +8 -8
- package/docs/examples-tree.html +8 -8
- package/docs/index.html +739 -729
- package/docs/pagina-accesibilidad.html +109 -109
- package/docs/pagina-mapa-web.html +136 -136
- package/docs/pagina-prueba.html +94 -94
- package/docs/plantilla-con-header-advanced.html +13 -13
- package/docs/plantilla-editar-con-cabecera-fija-y-sidebar-sticky.html +153 -153
- package/docs/plantilla-editar-con-cabecera-fija.html +16 -16
- package/docs/plantilla-logueado-con-cabecera-fija-headroom.html +14 -14
- package/docs/plantilla-logueado-con-cabecera-fija.html +14 -14
- package/docs/plantilla-logueado-con-selector-de-app-y-sidebar.html +163 -163
- package/docs/plantilla-logueado-con-selector-de-app-y-subheader.html +15 -15
- package/docs/plantilla-logueado-con-selector-de-app.html +13 -13
- package/docs/plantilla-logueado-con-titulo-de-app.html +13 -13
- package/docs/plantilla-sin-loguear.html +13 -13
- package/docs/plantillas.html +88 -88
- package/docs/spinner-plantilla-con-header-advanced.html +1 -1
- package/docs/spinner-plantilla-editar-con-cabecera-fija.html +5 -5
- package/docs/spinner-plantilla-logueado-con-cabecera-fija.html +1 -1
- package/docs/spinner-plantilla-logueado-con-selector-de-app-y-subheader.html +4 -4
- package/docs/spinner-plantilla-logueado-con-titulo-de-app.html +1 -1
- package/docs/spinner-plantilla-sin-loguear.html +17 -17
- package/gulpfile.js +127 -127
- package/package.json +67 -67
- package/src/EUPL-1.2.txt +287 -287
- package/src/css/base.css +44 -44
- package/src/css/component.form-group.css +23 -23
- package/src/css/component.headroom.css +31 -31
- package/src/css/component.text.css +165 -165
- package/src/css/component.tippy-box.css +11 -11
- package/src/css/styles.css +51 -51
- package/src/js/aria/HeaderNavigation.js +55 -55
- package/src/js/aria/MenuHorizontal.js +63 -63
- package/src/js/aria/MenuVertical.js +60 -60
- package/src/js/aria/Nav.js +60 -60
- package/src/js/aria/accordion.js +264 -264
- package/src/js/aria/checkBoxes.js +52 -52
- package/src/js/aria/collapsible.js +44 -44
- package/src/js/aria/dataGrid.js +950 -950
- package/src/js/aria/linksList.js +42 -42
- package/src/js/aria/notification.js +56 -56
- package/src/js/aria/radioButton.js +50 -50
- package/src/js/aria/toggle.js +61 -61
- package/src/js/aria/utils.js +193 -193
- package/src/js/cally.js +1114 -1114
- package/src/js/desy-html.js +573 -572
- package/src/js/filters/filter-caller.js +8 -8
- package/src/js/filters/filter-escape-ltgt.js +6 -6
- package/src/js/filters/filter-quotes.js +49 -49
- package/src/js/filters/filter-slugify.js +11 -11
- package/src/js/filters/filter-version.js +8 -8
- package/src/js/filters/highlight.js +14 -14
- package/src/js/filters/index.js +19 -19
- package/src/js/globals/get-html-code-from-example.js +31 -31
- package/src/js/globals/get-html-code-from-file.js +26 -26
- package/src/js/globals/get-nunjucks-code-from-example.js +31 -31
- package/src/js/globals/get-nunjucks-code-from-file.js +24 -24
- package/src/js/globals/index.js +14 -14
- package/src/js/headroom.min.js +6 -6
- package/src/js/index.js +75 -75
- package/src/js/popper.min.js +6 -6
- package/src/js/tippy-bundle.umd.min.js +2 -2
- package/src/templates/components/accordion/_examples.accordion.njk +398 -398
- package/src/templates/components/accordion/_macro.accordion.njk +3 -3
- package/src/templates/components/accordion/_template.accordion.njk +131 -131
- package/src/templates/components/accordion/params.accordion.yaml +125 -125
- package/src/templates/components/accordion-history/_examples.accordion-history.njk +431 -431
- package/src/templates/components/accordion-history/_macro.accordion-history.njk +3 -3
- package/src/templates/components/accordion-history/_template.accordion-history.njk +193 -193
- package/src/templates/components/accordion-history/params.accordion-history.yaml +129 -129
- package/src/templates/components/alert/_examples.alert.njk +79 -79
- package/src/templates/components/alert/_macro.alert.njk +3 -3
- package/src/templates/components/alert/_styles.alert.css +9 -9
- package/src/templates/components/alert/_template.alert.njk +16 -16
- package/src/templates/components/alert/params.alert.yaml +25 -25
- package/src/templates/components/breadcrumbs/_examples.breadcrumbs.njk +374 -374
- package/src/templates/components/breadcrumbs/_macro.breadcrumbs.njk +3 -3
- package/src/templates/components/breadcrumbs/_styles.breadcrumbs.css +78 -78
- package/src/templates/components/breadcrumbs/_template.breadcrumbs.njk +77 -77
- package/src/templates/components/breadcrumbs/params.breadcrumbs.yaml +44 -44
- package/src/templates/components/button/_examples.button.njk +296 -296
- package/src/templates/components/button/_macro.button.njk +3 -3
- package/src/templates/components/button/_styles.button.css +189 -189
- package/src/templates/components/button/_template.button.njk +49 -49
- package/src/templates/components/button/params.button.yaml +48 -48
- package/src/templates/components/button-loader/_examples.button-loader.njk +288 -288
- package/src/templates/components/button-loader/_macro.button-loader.njk +3 -3
- package/src/templates/components/button-loader/_styles.button-loader.css +204 -204
- package/src/templates/components/button-loader/_template.button-loader.njk +84 -84
- package/src/templates/components/button-loader/params.button-loader.yaml +74 -74
- package/src/templates/components/card/_examples.card.njk +303 -300
- package/src/templates/components/card/_macro.card.njk +3 -3
- package/src/templates/components/card/_template.card.njk +34 -34
- package/src/templates/components/card/params.card.yaml +112 -112
- package/src/templates/components/character-count/_examples.character-count.njk +147 -147
- package/src/templates/components/character-count/_macro.character-count.njk +5 -5
- package/src/templates/components/character-count/_template.character-count.njk +38 -38
- package/src/templates/components/character-count/params.character-count.yaml +77 -77
- package/src/templates/components/checkboxes/_examples.checkboxes.njk +734 -734
- package/src/templates/components/checkboxes/_macro.checkboxes.njk +3 -3
- package/src/templates/components/checkboxes/_styles.checkboxes.css +31 -31
- package/src/templates/components/checkboxes/_template.checkboxes.njk +138 -138
- package/src/templates/components/checkboxes/params.checkboxes.yaml +116 -116
- package/src/templates/components/collapsible/_examples.collapsible.njk +77 -77
- package/src/templates/components/collapsible/_macro.collapsible.njk +3 -3
- package/src/templates/components/collapsible/_styles.collapsible.css +33 -33
- package/src/templates/components/collapsible/_template.collapsible.njk +17 -17
- package/src/templates/components/collapsible/params.collapsible.yaml +48 -48
- package/src/templates/components/date-input/_examples.date-input.njk +500 -500
- package/src/templates/components/date-input/_macro.date-input.njk +3 -3
- package/src/templates/components/date-input/_template.date-input.njk +126 -126
- package/src/templates/components/date-input/params.date-input.yaml +97 -97
- package/src/templates/components/datepicker/_examples.datepicker.njk +329 -329
- package/src/templates/components/datepicker/_macro.datepicker.njk +3 -3
- package/src/templates/components/datepicker/_styles.datepicker.css +89 -89
- package/src/templates/components/datepicker/_template.datepicker.njk +131 -131
- package/src/templates/components/datepicker/params.datepicker.yaml +104 -104
- package/src/templates/components/description-list/_examples.description-list.njk +436 -436
- package/src/templates/components/description-list/_macro.description-list.njk +3 -3
- package/src/templates/components/description-list/_template.description-list.njk +17 -17
- package/src/templates/components/description-list/params.description-list.yaml +61 -61
- package/src/templates/components/details/_examples.details.njk +44 -44
- package/src/templates/components/details/_macro.details.njk +3 -3
- package/src/templates/components/details/_template.details.njk +17 -17
- package/src/templates/components/details/params.details.yaml +40 -40
- package/src/templates/components/dialog/_examples.dialog.njk +138 -138
- package/src/templates/components/dialog/_macro.dialog.njk +3 -3
- package/src/templates/components/dialog/_styles.dialog.css +19 -19
- package/src/templates/components/dialog/_template.dialog.njk +12 -12
- package/src/templates/components/dialog/params.dialog.yaml +25 -25
- package/src/templates/components/dropdown/_examples.dropdown.njk +136 -136
- package/src/templates/components/dropdown/_macro.dropdown.njk +3 -3
- package/src/templates/components/dropdown/_styles.dropdown.css +203 -203
- package/src/templates/components/dropdown/_template.dropdown.njk +34 -34
- package/src/templates/components/dropdown/params.dropdown.yaml +32 -32
- package/src/templates/components/error-message/_examples.error-message.njk +14 -14
- package/src/templates/components/error-message/_macro.error-message.njk +5 -5
- package/src/templates/components/error-message/_template.error-message.njk +8 -8
- package/src/templates/components/error-message/params.error-message.yaml +23 -23
- package/src/templates/components/error-summary/_examples.error-summary.njk +81 -81
- package/src/templates/components/error-summary/_macro.error-summary.njk +5 -5
- package/src/templates/components/error-summary/_template.error-summary.njk +48 -48
- package/src/templates/components/error-summary/params.error-summary.yaml +52 -52
- package/src/templates/components/fieldset/_examples.fieldset.njk +88 -88
- package/src/templates/components/fieldset/_macro.fieldset.njk +2 -2
- package/src/templates/components/fieldset/_template.fieldset.njk +46 -46
- package/src/templates/components/fieldset/params.fieldset.yaml +49 -49
- package/src/templates/components/file-upload/_examples.file-upload.njk +84 -84
- package/src/templates/components/file-upload/_macro.file-upload.njk +2 -2
- package/src/templates/components/file-upload/_template.file-upload.njk +46 -46
- package/src/templates/components/file-upload/params.file-upload.yaml +48 -48
- package/src/templates/components/footer/_examples.footer.njk +450 -450
- package/src/templates/components/footer/_macro.footer.njk +3 -3
- package/src/templates/components/footer/_styles.footer.css +43 -43
- package/src/templates/components/footer/_template.footer.njk +114 -114
- package/src/templates/components/footer/params.footer.yaml +140 -140
- package/src/templates/components/header/_examples.header.njk +542 -541
- package/src/templates/components/header/_macro.header.header__dropdown.njk +3 -3
- package/src/templates/components/header/_macro.header.header__navigation.njk +3 -3
- package/src/templates/components/header/_macro.header.header__offcanvas.njk +3 -3
- package/src/templates/components/header/_macro.header.header__offcanvasButton.njk +3 -3
- package/src/templates/components/header/_macro.header.header__subnav.njk +3 -3
- package/src/templates/components/header/_macro.header.njk +3 -3
- package/src/templates/components/header/_styles.header.css +12 -12
- package/src/templates/components/header/_template.header.header__dropdown.njk +27 -27
- package/src/templates/components/header/_template.header.header__navigation.njk +27 -27
- package/src/templates/components/header/_template.header.header__offcanvas.njk +20 -20
- package/src/templates/components/header/_template.header.header__offcanvasButton.njk +10 -10
- package/src/templates/components/header/_template.header.header__subnav.njk +33 -33
- package/src/templates/components/header/_template.header.njk +138 -138
- package/src/templates/components/header/params.header.yaml +280 -280
- package/src/templates/components/header-advanced/_examples.header-advanced.njk +1023 -1022
- package/src/templates/components/header-advanced/_macro.header-advanced.njk +3 -3
- package/src/templates/components/header-advanced/_template.header-advanced.njk +168 -168
- package/src/templates/components/header-advanced/params.header-advanced.yaml +346 -346
- package/src/templates/components/header-mini/_examples.header-mini.njk +304 -304
- package/src/templates/components/header-mini/_macro.header-mini.njk +3 -3
- package/src/templates/components/header-mini/_template.header-mini.njk +39 -39
- package/src/templates/components/header-mini/params.header-mini.yaml +80 -80
- package/src/templates/components/hint/_examples.hint.njk +14 -14
- package/src/templates/components/hint/_macro.hint.njk +3 -3
- package/src/templates/components/hint/_template.hint.njk +3 -3
- package/src/templates/components/hint/params.hint.yaml +34 -34
- package/src/templates/components/input/_examples.input.njk +309 -309
- package/src/templates/components/input/_macro.input.njk +3 -3
- package/src/templates/components/input/_styles.input.css +18 -18
- package/src/templates/components/input/_template.input.njk +54 -54
- package/src/templates/components/input/params.input.yaml +80 -80
- package/src/templates/components/input-group/_examples.input-group.njk +503 -503
- package/src/templates/components/input-group/_macro.input-group.njk +3 -3
- package/src/templates/components/input-group/_template.input-group.njk +108 -108
- package/src/templates/components/input-group/params.input-group.yaml +123 -123
- package/src/templates/components/item/_examples.item.njk +273 -262
- package/src/templates/components/item/_macro.item.njk +3 -3
- package/src/templates/components/item/_template.item.njk +73 -73
- package/src/templates/components/item/params.item.yaml +101 -101
- package/src/templates/components/label/_examples.label.njk +34 -34
- package/src/templates/components/label/_macro.label.njk +5 -5
- package/src/templates/components/label/_template.label.njk +37 -37
- package/src/templates/components/label/params.label.yaml +28 -28
- package/src/templates/components/links-list/_examples.links-list.njk +647 -615
- package/src/templates/components/links-list/_macro.links-list.njk +3 -3
- package/src/templates/components/links-list/_template.links-list.njk +119 -119
- package/src/templates/components/links-list/params.links-list.yaml +101 -101
- package/src/templates/components/listbox/_examples.listbox.njk +691 -691
- package/src/templates/components/listbox/_macro.listbox.njk +3 -3
- package/src/templates/components/listbox/_styles.listbox.css +231 -231
- package/src/templates/components/listbox/_template.listbox.njk +90 -90
- package/src/templates/components/listbox/params.listbox.yaml +85 -85
- package/src/templates/components/media-object/_examples.media-object.njk +48 -48
- package/src/templates/components/media-object/_macro.media-object.njk +3 -3
- package/src/templates/components/media-object/_template.media-object.njk +21 -21
- package/src/templates/components/media-object/params.media-object.yaml +16 -16
- package/src/templates/components/menu-horizontal/_examples.menu-horizontal.njk +529 -514
- package/src/templates/components/menu-horizontal/_macro.menu-horizontal.njk +3 -3
- package/src/templates/components/menu-horizontal/_styles.menu-horizontal.css +162 -161
- package/src/templates/components/menu-horizontal/_template.menu-horizontal.njk +36 -36
- package/src/templates/components/menu-horizontal/params.menu-horizontal.yaml +53 -53
- package/src/templates/components/menu-navigation/_examples.menu-navigation.njk +1213 -1213
- package/src/templates/components/menu-navigation/_macro.menu-navigation.njk +3 -3
- package/src/templates/components/menu-navigation/_styles.menu-navigation.css +235 -235
- package/src/templates/components/menu-navigation/_template.menu-navigation.njk +89 -89
- package/src/templates/components/menu-navigation/params.menu-navigation.yaml +86 -86
- package/src/templates/components/menu-vertical/_examples.menu-vertical.njk +739 -739
- package/src/templates/components/menu-vertical/_macro.menu-vertical.njk +3 -3
- package/src/templates/components/menu-vertical/_template.menu-vertical.njk +92 -92
- package/src/templates/components/menu-vertical/params.menu-vertical.yaml +77 -77
- package/src/templates/components/menubar/_examples.menubar.njk +1777 -1777
- package/src/templates/components/menubar/_macro.menubar.njk +3 -3
- package/src/templates/components/menubar/_styles.menubar.css +262 -262
- package/src/templates/components/menubar/_template.menubar.njk +105 -105
- package/src/templates/components/menubar/params.menubar.yaml +139 -139
- package/src/templates/components/modal/_examples.modal.njk +354 -354
- package/src/templates/components/modal/_macro.modal.njk +3 -3
- package/src/templates/components/modal/_template.modal.njk +129 -129
- package/src/templates/components/modal/params.modal.yaml +77 -77
- package/src/templates/components/nav/_examples.nav.njk +402 -402
- package/src/templates/components/nav/_macro.nav.njk +3 -3
- package/src/templates/components/nav/_template.nav.njk +53 -53
- package/src/templates/components/nav/params.nav.yaml +61 -61
- package/src/templates/components/notification/_examples.notification.njk +193 -193
- package/src/templates/components/notification/_macro.notification.njk +3 -3
- package/src/templates/components/notification/_styles.notification.css +28 -28
- package/src/templates/components/notification/_template.notification.njk +86 -86
- package/src/templates/components/notification/params.notification.yaml +101 -101
- package/src/templates/components/pagination/_examples.pagination.njk +402 -402
- package/src/templates/components/pagination/_macro.pagination.njk +3 -3
- package/src/templates/components/pagination/_template.pagination.njk +162 -162
- package/src/templates/components/pagination/params.pagination.yaml +150 -150
- package/src/templates/components/pill/_examples.pill.njk +101 -101
- package/src/templates/components/pill/_macro.pill.njk +3 -3
- package/src/templates/components/pill/_styles.pill.css +63 -63
- package/src/templates/components/pill/_template.pill.njk +38 -38
- package/src/templates/components/pill/params.pill.yaml +28 -28
- package/src/templates/components/radios/_examples.radios.njk +637 -637
- package/src/templates/components/radios/_macro.radios.njk +5 -5
- package/src/templates/components/radios/_styles.radios.css +31 -31
- package/src/templates/components/radios/_template.radios.njk +134 -134
- package/src/templates/components/radios/params.radios.yaml +104 -104
- package/src/templates/components/searchbar/_examples.searchbar.njk +98 -98
- package/src/templates/components/searchbar/_macro.searchbar.njk +3 -3
- package/src/templates/components/searchbar/_template.searchbar.njk +46 -46
- package/src/templates/components/searchbar/params.searchbar.yaml +46 -46
- package/src/templates/components/select/_examples.select.njk +336 -336
- package/src/templates/components/select/_macro.select.njk +5 -5
- package/src/templates/components/select/_styles.select.css +47 -47
- package/src/templates/components/select/_template.select.njk +70 -70
- package/src/templates/components/select/params.select.yaml +93 -93
- package/src/templates/components/skip-link/_examples.skip-link.njk +19 -19
- package/src/templates/components/skip-link/_macro.skip-link.njk +3 -3
- package/src/templates/components/skip-link/_styles.skip-link.css +13 -13
- package/src/templates/components/skip-link/_template.skip-link.njk +4 -4
- package/src/templates/components/skip-link/params.skip-link.yaml +20 -20
- package/src/templates/components/spinner/_examples.spinner.njk +52 -52
- package/src/templates/components/spinner/_macro.spinner.njk +3 -3
- package/src/templates/components/spinner/_styles.spinner.css +32 -32
- package/src/templates/components/spinner/_template.spinner.njk +8 -8
- package/src/templates/components/spinner/params.spinner.yaml +12 -12
- package/src/templates/components/status/_examples.status.njk +49 -49
- package/src/templates/components/status/_macro.status.njk +3 -3
- package/src/templates/components/status/_template.status.njk +23 -23
- package/src/templates/components/status/params.status.yaml +24 -24
- package/src/templates/components/status-item/_examples.status-item.njk +245 -245
- package/src/templates/components/status-item/_macro.status-item.njk +3 -3
- package/src/templates/components/status-item/_template.status-item.njk +99 -99
- package/src/templates/components/status-item/params.status-item.yaml +106 -106
- package/src/templates/components/table/_examples.table.njk +668 -945
- package/src/templates/components/table/_macro.table.njk +3 -3
- package/src/templates/components/table/_styles.table.css +20 -20
- package/src/templates/components/table/_template.table.njk +68 -68
- package/src/templates/components/table/params.table.yaml +130 -126
- package/src/templates/components/table-advanced/_examples.table-advanced.njk +785 -965
- package/src/templates/components/table-advanced/_macro.table-advanced.njk +3 -3
- package/src/templates/components/table-advanced/_styles.table-advanced.css +65 -65
- package/src/templates/components/table-advanced/_template.table-advanced.njk +210 -207
- package/src/templates/components/table-advanced/params.table-advanced.yaml +160 -160
- package/src/templates/components/tabs/_examples.tabs.njk +516 -516
- package/src/templates/components/tabs/_macro.tabs.njk +3 -3
- package/src/templates/components/tabs/_styles.tabs.css +78 -78
- package/src/templates/components/tabs/_template.tabs.njk +70 -70
- package/src/templates/components/tabs/params.tabs.yaml +83 -83
- package/src/templates/components/textarea/_examples.textarea.njk +131 -131
- package/src/templates/components/textarea/_macro.textarea.njk +5 -5
- package/src/templates/components/textarea/_template.textarea.njk +48 -48
- package/src/templates/components/textarea/params.textarea.yaml +64 -64
- package/src/templates/components/toggle/_examples.toggle.njk +188 -188
- package/src/templates/components/toggle/_macro.toggle.njk +3 -3
- package/src/templates/components/toggle/_styles.toggle.css +31 -31
- package/src/templates/components/toggle/_template.toggle.njk +27 -27
- package/src/templates/components/toggle/params.toggle.yaml +69 -69
- package/src/templates/components/tooltip/_examples.tooltip.njk +86 -86
- package/src/templates/components/tooltip/_macro.tooltip.njk +3 -3
- package/src/templates/components/tooltip/_styles.tooltip.css +12 -12
- package/src/templates/components/tooltip/_template.tooltip.njk +39 -39
- package/src/templates/components/tooltip/params.tooltip.yaml +40 -40
- package/src/templates/components/tree/_examples.tree.njk +2679 -2679
- package/src/templates/components/tree/_macro.tree.njk +3 -3
- package/src/templates/components/tree/_styles.tree.css +53 -53
- package/src/templates/components/tree/_template.tree.njk +222 -222
- package/src/templates/components/tree/params.tree.yaml +169 -169
- package/src/templates/includes/_abrir-notificaciones-extra.njk +2 -2
- package/src/templates/includes/_abrir-notificaciones.njk +2 -2
- package/src/templates/includes/_acciones-de-cabecera.njk +28 -28
- package/src/templates/includes/_ejemplo-titulo-h2-parrafo.njk +4 -4
- package/src/templates/includes/_ejemplo-titulo-parrafo.njk +4 -4
- package/src/templates/includes/_test-include.njk +13 -13
- package/src/templates/pages/_page.foot-headroom.njk +33 -33
- package/src/templates/pages/_page.foot.njk +8 -8
- package/src/templates/pages/_page.footer.njk +19 -19
- package/src/templates/pages/_page.head.njk +12 -12
- package/src/templates/pages/_page.notification-edit-inner-content.njk +31 -31
- package/src/templates/pages/_page.notification-edit.njk +30 -30
- package/src/templates/pages/_page.notification-footer.njk +32 -32
- package/src/templates/pages/_page.notification-header-fixed.njk +30 -30
- package/src/templates/pages/_page.notification-header.njk +31 -31
- package/src/templates/pages/_page.sidebar-content.njk +20 -20
- package/src/templates/pages/_page.spinner-block.njk +14 -14
- package/src/templates/pages/_page.spinner-show.njk +15 -15
- package/src/templates/pages/_page.spinner.njk +15 -15
- package/src/templates/pages/_template.edit-fixed-with-sticky-sidebar.njk +36 -36
- package/src/templates/pages/_template.edit-fixed.njk +74 -74
- package/src/templates/pages/_template.home.njk +111 -111
- package/src/templates/pages/_template.logged-out.njk +56 -56
- package/src/templates/pages/_template.logged-selector-fixed-headroom.njk +198 -198
- package/src/templates/pages/_template.logged-selector-fixed.njk +195 -195
- package/src/templates/pages/_template.logged-selector-subheader.njk +80 -80
- package/src/templates/pages/_template.logged-selector-with-sidebar.njk +28 -28
- package/src/templates/pages/_template.logged-selector.njk +195 -195
- package/src/templates/pages/_template.logged.njk +141 -141
- package/src/templates/pages/_template.mfe-iframe-content.njk +31 -31
- package/src/templates/pages/_template.mfe.njk +83 -83
- package/src/templates/pages/_template.test.njk +48 -48
- package/src/templates/pages/_template.with-header-advanced.njk +311 -311
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
function filtercaller (params) {
|
|
2
|
-
const newParams = {};
|
|
3
|
-
for(var k in params) newParams[k]=params[k];
|
|
4
|
-
delete newParams.caller;
|
|
5
|
-
return newParams;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export default filtercaller;
|
|
1
|
+
function filtercaller (params) {
|
|
2
|
+
const newParams = {};
|
|
3
|
+
for(var k in params) newParams[k]=params[k];
|
|
4
|
+
delete newParams.caller;
|
|
5
|
+
return newParams;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export default filtercaller;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
function filterescapeltgt(str) {
|
|
2
|
-
if (typeof str !== 'string' && typeof str !== 'object') return str;
|
|
3
|
-
if (typeof str !== 'string') str = JSON.stringify(str);
|
|
4
|
-
return str.replace(/</g, '<').replace(/>/g, '>');
|
|
5
|
-
}
|
|
6
|
-
|
|
1
|
+
function filterescapeltgt(str) {
|
|
2
|
+
if (typeof str !== 'string' && typeof str !== 'object') return str;
|
|
3
|
+
if (typeof str !== 'string') str = JSON.stringify(str);
|
|
4
|
+
return str.replace(/</g, '<').replace(/>/g, '>');
|
|
5
|
+
}
|
|
6
|
+
|
|
7
7
|
export default filterescapeltgt;
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
function filterquotes(str) {
|
|
2
|
-
if (typeof str !== 'string') return str;
|
|
3
|
-
|
|
4
|
-
// State to track if we are inside an HTML tag
|
|
5
|
-
let inTag = false;
|
|
6
|
-
let result = '';
|
|
7
|
-
let currentQuote = null;
|
|
8
|
-
|
|
9
|
-
for (let i = 0; i < str.length; i++) {
|
|
10
|
-
const char = str[i];
|
|
11
|
-
|
|
12
|
-
if (char === '<') {
|
|
13
|
-
inTag = true;
|
|
14
|
-
result += char;
|
|
15
|
-
continue;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
if (char === '>') {
|
|
19
|
-
inTag = false;
|
|
20
|
-
result += char;
|
|
21
|
-
continue;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
if (inTag) {
|
|
25
|
-
// If we find a quote inside a tag
|
|
26
|
-
if (char === "'" || char === '"') {
|
|
27
|
-
if (currentQuote === null) {
|
|
28
|
-
// Starting an attribute value
|
|
29
|
-
currentQuote = char;
|
|
30
|
-
result += '"'; // Always use double quotes
|
|
31
|
-
} else if (currentQuote === char) {
|
|
32
|
-
// Closing the attribute value
|
|
33
|
-
currentQuote = null;
|
|
34
|
-
result += '"';
|
|
35
|
-
} else {
|
|
36
|
-
// It's a quote inside the attribute value
|
|
37
|
-
result += char;
|
|
38
|
-
}
|
|
39
|
-
} else {
|
|
40
|
-
result += char;
|
|
41
|
-
}
|
|
42
|
-
} else {
|
|
43
|
-
result += char;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
return result;
|
|
48
|
-
}
|
|
49
|
-
|
|
1
|
+
function filterquotes(str) {
|
|
2
|
+
if (typeof str !== 'string') return str;
|
|
3
|
+
|
|
4
|
+
// State to track if we are inside an HTML tag
|
|
5
|
+
let inTag = false;
|
|
6
|
+
let result = '';
|
|
7
|
+
let currentQuote = null;
|
|
8
|
+
|
|
9
|
+
for (let i = 0; i < str.length; i++) {
|
|
10
|
+
const char = str[i];
|
|
11
|
+
|
|
12
|
+
if (char === '<') {
|
|
13
|
+
inTag = true;
|
|
14
|
+
result += char;
|
|
15
|
+
continue;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
if (char === '>') {
|
|
19
|
+
inTag = false;
|
|
20
|
+
result += char;
|
|
21
|
+
continue;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
if (inTag) {
|
|
25
|
+
// If we find a quote inside a tag
|
|
26
|
+
if (char === "'" || char === '"') {
|
|
27
|
+
if (currentQuote === null) {
|
|
28
|
+
// Starting an attribute value
|
|
29
|
+
currentQuote = char;
|
|
30
|
+
result += '"'; // Always use double quotes
|
|
31
|
+
} else if (currentQuote === char) {
|
|
32
|
+
// Closing the attribute value
|
|
33
|
+
currentQuote = null;
|
|
34
|
+
result += '"';
|
|
35
|
+
} else {
|
|
36
|
+
// It's a quote inside the attribute value
|
|
37
|
+
result += char;
|
|
38
|
+
}
|
|
39
|
+
} else {
|
|
40
|
+
result += char;
|
|
41
|
+
}
|
|
42
|
+
} else {
|
|
43
|
+
result += char;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return result;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
50
|
export default filterquotes;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
function filterslugify(str) {
|
|
2
|
-
// Replace spaces with hyphens
|
|
3
|
-
let slug = str.replace(/\s+/g, '-');
|
|
4
|
-
// Remove special characters
|
|
5
|
-
slug = slug.replace(/[^\w-]+/g, '');
|
|
6
|
-
// Convert to lowercase
|
|
7
|
-
slug = slug.toLowerCase();
|
|
8
|
-
return slug;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export default filterslugify;
|
|
1
|
+
function filterslugify(str) {
|
|
2
|
+
// Replace spaces with hyphens
|
|
3
|
+
let slug = str.replace(/\s+/g, '-');
|
|
4
|
+
// Remove special characters
|
|
5
|
+
slug = slug.replace(/[^\w-]+/g, '');
|
|
6
|
+
// Convert to lowercase
|
|
7
|
+
slug = slug.toLowerCase();
|
|
8
|
+
return slug;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export default filterslugify;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import { readFileSync } from 'fs';
|
|
3
|
-
import { join } from 'path';
|
|
4
|
-
|
|
5
|
-
export default function() {
|
|
6
|
-
const pkg = JSON.parse(readFileSync(join(process.cwd(), 'package.json'), 'utf8'));
|
|
7
|
-
return pkg.version;
|
|
8
|
-
}
|
|
1
|
+
|
|
2
|
+
import { readFileSync } from 'fs';
|
|
3
|
+
import { join } from 'path';
|
|
4
|
+
|
|
5
|
+
export default function() {
|
|
6
|
+
const pkg = JSON.parse(readFileSync(join(process.cwd(), 'package.json'), 'utf8'));
|
|
7
|
+
return pkg.version;
|
|
8
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import hljs from 'highlight.js';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Format code with syntax highlighting
|
|
5
|
-
*
|
|
6
|
-
* @param {string} code - Code in plain text
|
|
7
|
-
* @param {string} [language] - Code programming language
|
|
8
|
-
* @returns {string} Code with syntax highlighting
|
|
9
|
-
*/
|
|
10
|
-
function highlight(code, language) {
|
|
11
|
-
return hljs.highlight(code.trim(), { language: language || 'plaintext' }).value;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export default highlight;
|
|
1
|
+
import hljs from 'highlight.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Format code with syntax highlighting
|
|
5
|
+
*
|
|
6
|
+
* @param {string} code - Code in plain text
|
|
7
|
+
* @param {string} [language] - Code programming language
|
|
8
|
+
* @returns {string} Code with syntax highlighting
|
|
9
|
+
*/
|
|
10
|
+
function highlight(code, language) {
|
|
11
|
+
return hljs.highlight(code.trim(), { language: language || 'plaintext' }).value;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default highlight;
|
package/src/js/filters/index.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Nunjucks filters
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import highlight from './highlight.js';
|
|
6
|
-
import filtercaller from './filter-caller.js';
|
|
7
|
-
import filterslugify from './filter-slugify.js';
|
|
8
|
-
import filterquotes from './filter-quotes.js';
|
|
9
|
-
import filterescapeltgt from './filter-escape-ltgt.js'
|
|
10
|
-
import filterversion from './filter-version.js'
|
|
11
|
-
|
|
12
|
-
export const SOURCE_NUNJUCKS_FILTERS = {
|
|
13
|
-
highlight,
|
|
14
|
-
filtercaller,
|
|
15
|
-
filterslugify,
|
|
16
|
-
filterquotes,
|
|
17
|
-
filterescapeltgt,
|
|
18
|
-
filterversion
|
|
19
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* Nunjucks filters
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import highlight from './highlight.js';
|
|
6
|
+
import filtercaller from './filter-caller.js';
|
|
7
|
+
import filterslugify from './filter-slugify.js';
|
|
8
|
+
import filterquotes from './filter-quotes.js';
|
|
9
|
+
import filterescapeltgt from './filter-escape-ltgt.js'
|
|
10
|
+
import filterversion from './filter-version.js'
|
|
11
|
+
|
|
12
|
+
export const SOURCE_NUNJUCKS_FILTERS = {
|
|
13
|
+
highlight,
|
|
14
|
+
filtercaller,
|
|
15
|
+
filterslugify,
|
|
16
|
+
filterquotes,
|
|
17
|
+
filterescapeltgt,
|
|
18
|
+
filterversion
|
|
19
|
+
};
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import beautify from 'js-beautify';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Component HTML code (formatted)
|
|
5
|
-
*
|
|
6
|
-
* @param {string} componentName - Component name
|
|
7
|
-
* @param {unknown} params - Component macro params
|
|
8
|
-
* @param {unknown} pathName - path name
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
function getHTMLCodeFromExample(componentName, params, pathName) {
|
|
12
|
-
const templatePath = `${pathName}s/${componentName}/_template.${componentName}.njk`;
|
|
13
|
-
|
|
14
|
-
// Render to HTML
|
|
15
|
-
const html = this.env.render(templatePath, { params }).trim();
|
|
16
|
-
|
|
17
|
-
// Default beautify options
|
|
18
|
-
const options = beautify.html.defaultOptions();
|
|
19
|
-
|
|
20
|
-
return beautify.html(html, {
|
|
21
|
-
indent_size: 2,
|
|
22
|
-
// Ensure nested labels in headings are indented properly
|
|
23
|
-
inline: options.inline.filter((tag) => !['label'].includes(tag)),
|
|
24
|
-
// Remove blank lines
|
|
25
|
-
max_preserve_newlines: 0,
|
|
26
|
-
// Ensure attribute wrapping in header SVG is preserved
|
|
27
|
-
wrap_attributes: 'preserve'
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export default getHTMLCodeFromExample;
|
|
1
|
+
import beautify from 'js-beautify';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Component HTML code (formatted)
|
|
5
|
+
*
|
|
6
|
+
* @param {string} componentName - Component name
|
|
7
|
+
* @param {unknown} params - Component macro params
|
|
8
|
+
* @param {unknown} pathName - path name
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
function getHTMLCodeFromExample(componentName, params, pathName) {
|
|
12
|
+
const templatePath = `${pathName}s/${componentName}/_template.${componentName}.njk`;
|
|
13
|
+
|
|
14
|
+
// Render to HTML
|
|
15
|
+
const html = this.env.render(templatePath, { params }).trim();
|
|
16
|
+
|
|
17
|
+
// Default beautify options
|
|
18
|
+
const options = beautify.html.defaultOptions();
|
|
19
|
+
|
|
20
|
+
return beautify.html(html, {
|
|
21
|
+
indent_size: 2,
|
|
22
|
+
// Ensure nested labels in headings are indented properly
|
|
23
|
+
inline: options.inline.filter((tag) => !['label'].includes(tag)),
|
|
24
|
+
// Remove blank lines
|
|
25
|
+
max_preserve_newlines: 0,
|
|
26
|
+
// Ensure attribute wrapping in header SVG is preserved
|
|
27
|
+
wrap_attributes: 'preserve'
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export default getHTMLCodeFromExample;
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import beautify from 'js-beautify';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Component HTML code (formatted)
|
|
5
|
-
*
|
|
6
|
-
* @param {string} templatePath - Path to nunjucks file. Eg: `includes/_loremipsum-large.njk`;
|
|
7
|
-
*/
|
|
8
|
-
function getHTMLCodeFromFile(templatePath) {
|
|
9
|
-
// Render to HTML
|
|
10
|
-
const html = this.env.render(templatePath).trim();
|
|
11
|
-
|
|
12
|
-
// Default beautify options
|
|
13
|
-
const options = beautify.html.defaultOptions();
|
|
14
|
-
|
|
15
|
-
return beautify.html(html, {
|
|
16
|
-
indent_size: 2,
|
|
17
|
-
// Ensure nested labels in headings are indented properly
|
|
18
|
-
inline: options.inline.filter((tag) => !['label'].includes(tag)),
|
|
19
|
-
// Remove blank lines
|
|
20
|
-
max_preserve_newlines: 0,
|
|
21
|
-
// Ensure attribute wrapping in header SVG is preserved
|
|
22
|
-
wrap_attributes: 'preserve'
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export default getHTMLCodeFromFile;
|
|
1
|
+
import beautify from 'js-beautify';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Component HTML code (formatted)
|
|
5
|
+
*
|
|
6
|
+
* @param {string} templatePath - Path to nunjucks file. Eg: `includes/_loremipsum-large.njk`;
|
|
7
|
+
*/
|
|
8
|
+
function getHTMLCodeFromFile(templatePath) {
|
|
9
|
+
// Render to HTML
|
|
10
|
+
const html = this.env.render(templatePath).trim();
|
|
11
|
+
|
|
12
|
+
// Default beautify options
|
|
13
|
+
const options = beautify.html.defaultOptions();
|
|
14
|
+
|
|
15
|
+
return beautify.html(html, {
|
|
16
|
+
indent_size: 2,
|
|
17
|
+
// Ensure nested labels in headings are indented properly
|
|
18
|
+
inline: options.inline.filter((tag) => !['label'].includes(tag)),
|
|
19
|
+
// Remove blank lines
|
|
20
|
+
max_preserve_newlines: 0,
|
|
21
|
+
// Ensure attribute wrapping in header SVG is preserved
|
|
22
|
+
wrap_attributes: 'preserve'
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export default getHTMLCodeFromFile;
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { outdent } from 'outdent';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Component Nunjucks code (formatted)
|
|
5
|
-
*
|
|
6
|
-
* @param {string} componentName - Component name
|
|
7
|
-
* @param {unknown} params - Component macro params
|
|
8
|
-
* @returns {string} Nunjucks code
|
|
9
|
-
*/
|
|
10
|
-
function getNunjucksCodeFromExample(componentName, params, pathName) {
|
|
11
|
-
const macroName = kebabCaseToPascalCase(componentName);
|
|
12
|
-
|
|
13
|
-
return outdent`
|
|
14
|
-
{% from "${pathName}s/${componentName}/_macro.${componentName}.njk" import ${pathName}${macroName} %}
|
|
15
|
-
|
|
16
|
-
{{ ${pathName}${macroName}(${
|
|
17
|
-
JSON.stringify(params, undefined, 2)
|
|
18
|
-
}) }}
|
|
19
|
-
`;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
function kebabCaseToPascalCase(value) {
|
|
23
|
-
return value
|
|
24
|
-
.toLowerCase()
|
|
25
|
-
.split('-')
|
|
26
|
-
// capitalize each 'word'
|
|
27
|
-
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
|
|
28
|
-
.join('');
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export default getNunjucksCodeFromExample;
|
|
1
|
+
import { outdent } from 'outdent';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Component Nunjucks code (formatted)
|
|
5
|
+
*
|
|
6
|
+
* @param {string} componentName - Component name
|
|
7
|
+
* @param {unknown} params - Component macro params
|
|
8
|
+
* @returns {string} Nunjucks code
|
|
9
|
+
*/
|
|
10
|
+
function getNunjucksCodeFromExample(componentName, params, pathName) {
|
|
11
|
+
const macroName = kebabCaseToPascalCase(componentName);
|
|
12
|
+
|
|
13
|
+
return outdent`
|
|
14
|
+
{% from "${pathName}s/${componentName}/_macro.${componentName}.njk" import ${pathName}${macroName} %}
|
|
15
|
+
|
|
16
|
+
{{ ${pathName}${macroName}(${
|
|
17
|
+
JSON.stringify(params, undefined, 2)
|
|
18
|
+
}) }}
|
|
19
|
+
`;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function kebabCaseToPascalCase(value) {
|
|
23
|
+
return value
|
|
24
|
+
.toLowerCase()
|
|
25
|
+
.split('-')
|
|
26
|
+
// capitalize each 'word'
|
|
27
|
+
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
|
|
28
|
+
.join('');
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export default getNunjucksCodeFromExample;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { outdent } from 'outdent';
|
|
2
|
-
import fs from 'fs';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component Nunjucks code (formatted)
|
|
6
|
-
* Uses node.js to read the content of a file, display it as code.
|
|
7
|
-
* @param {string} templatePath - Path to nunjucks file. Eg: `includes/_loremipsum-large.njk`;
|
|
8
|
-
* @returns {string} Nunjucks code
|
|
9
|
-
*/
|
|
10
|
-
function getNunjucksCodeFromFile(templatePath) {
|
|
11
|
-
let codeFromFile;
|
|
12
|
-
|
|
13
|
-
try {
|
|
14
|
-
codeFromFile = fs.readFileSync(`src/templates/${templatePath}`, 'utf8');
|
|
15
|
-
} catch (err) {
|
|
16
|
-
console.error(err);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
return outdent`
|
|
20
|
-
${codeFromFile}
|
|
21
|
-
`;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export default getNunjucksCodeFromFile;
|
|
1
|
+
import { outdent } from 'outdent';
|
|
2
|
+
import fs from 'fs';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Component Nunjucks code (formatted)
|
|
6
|
+
* Uses node.js to read the content of a file, display it as code.
|
|
7
|
+
* @param {string} templatePath - Path to nunjucks file. Eg: `includes/_loremipsum-large.njk`;
|
|
8
|
+
* @returns {string} Nunjucks code
|
|
9
|
+
*/
|
|
10
|
+
function getNunjucksCodeFromFile(templatePath) {
|
|
11
|
+
let codeFromFile;
|
|
12
|
+
|
|
13
|
+
try {
|
|
14
|
+
codeFromFile = fs.readFileSync(`src/templates/${templatePath}`, 'utf8');
|
|
15
|
+
} catch (err) {
|
|
16
|
+
console.error(err);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
return outdent`
|
|
20
|
+
${codeFromFile}
|
|
21
|
+
`;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export default getNunjucksCodeFromFile;
|
package/src/js/globals/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Nunjucks globals
|
|
3
|
-
*/
|
|
4
|
-
import getHTMLCodeFromExample from './get-html-code-from-example.js';
|
|
5
|
-
import getNunjucksCodeFromExample from './get-nunjucks-code-from-example.js';
|
|
6
|
-
import getHTMLCodeFromFile from './get-html-code-from-file.js';
|
|
7
|
-
import getNunjucksCodeFromFile from './get-nunjucks-code-from-file.js';
|
|
8
|
-
|
|
9
|
-
export const SOURCE_NUNJUCKS_GLOBALS = {
|
|
10
|
-
getNunjucksCodeFromExample,
|
|
11
|
-
getHTMLCodeFromExample,
|
|
12
|
-
getNunjucksCodeFromFile,
|
|
13
|
-
getHTMLCodeFromFile
|
|
14
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* Nunjucks globals
|
|
3
|
+
*/
|
|
4
|
+
import getHTMLCodeFromExample from './get-html-code-from-example.js';
|
|
5
|
+
import getNunjucksCodeFromExample from './get-nunjucks-code-from-example.js';
|
|
6
|
+
import getHTMLCodeFromFile from './get-html-code-from-file.js';
|
|
7
|
+
import getNunjucksCodeFromFile from './get-nunjucks-code-from-file.js';
|
|
8
|
+
|
|
9
|
+
export const SOURCE_NUNJUCKS_GLOBALS = {
|
|
10
|
+
getNunjucksCodeFromExample,
|
|
11
|
+
getHTMLCodeFromExample,
|
|
12
|
+
getNunjucksCodeFromFile,
|
|
13
|
+
getHTMLCodeFromFile
|
|
14
|
+
};
|
package/src/js/headroom.min.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* headroom.js v0.12.0 - Give your page some headroom. Hide your header until you need it
|
|
3
|
-
* Copyright (c) 2020 Nick Williams - http://wicky.nillia.ms/headroom.js
|
|
4
|
-
* License: MIT
|
|
5
|
-
*/
|
|
6
|
-
|
|
1
|
+
/*!
|
|
2
|
+
* headroom.js v0.12.0 - Give your page some headroom. Hide your header until you need it
|
|
3
|
+
* Copyright (c) 2020 Nick Williams - http://wicky.nillia.ms/headroom.js
|
|
4
|
+
* License: MIT
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
7
|
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(t=t||self).Headroom=n()}(this,function(){"use strict";function t(){return"undefined"!=typeof window}function d(t){return function(t){return t&&t.document&&function(t){return 9===t.nodeType}(t.document)}(t)?function(t){var n=t.document,o=n.body,s=n.documentElement;return{scrollHeight:function(){return Math.max(o.scrollHeight,s.scrollHeight,o.offsetHeight,s.offsetHeight,o.clientHeight,s.clientHeight)},height:function(){return t.innerHeight||s.clientHeight||o.clientHeight},scrollY:function(){return void 0!==t.pageYOffset?t.pageYOffset:(s||o.parentNode||o).scrollTop}}}(t):function(t){return{scrollHeight:function(){return Math.max(t.scrollHeight,t.offsetHeight,t.clientHeight)},height:function(){return Math.max(t.offsetHeight,t.clientHeight)},scrollY:function(){return t.scrollTop}}}(t)}function n(t,s,e){var n,o=function(){var n=!1;try{var t={get passive(){n=!0}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){n=!1}return n}(),i=!1,r=d(t),l=r.scrollY(),a={};function c(){var t=Math.round(r.scrollY()),n=r.height(),o=r.scrollHeight();a.scrollY=t,a.lastScrollY=l,a.direction=l<t?"down":"up",a.distance=Math.abs(t-l),a.isOutOfBounds=t<0||o<t+n,a.top=t<=s.offset[a.direction],a.bottom=o<=t+n,a.toleranceExceeded=a.distance>s.tolerance[a.direction],e(a),l=t,i=!1}function h(){i||(i=!0,n=requestAnimationFrame(c))}var u=!!o&&{passive:!0,capture:!1};return t.addEventListener("scroll",h,u),c(),{destroy:function(){cancelAnimationFrame(n),t.removeEventListener("scroll",h,u)}}}function o(t){return t===Object(t)?t:{down:t,up:t}}function s(t,n){n=n||{},Object.assign(this,s.options,n),this.classes=Object.assign({},s.options.classes,n.classes),this.elem=t,this.tolerance=o(this.tolerance),this.offset=o(this.offset),this.initialised=!1,this.frozen=!1}return s.prototype={constructor:s,init:function(){return s.cutsTheMustard&&!this.initialised&&(this.addClass("initial"),this.initialised=!0,setTimeout(function(t){t.scrollTracker=n(t.scroller,{offset:t.offset,tolerance:t.tolerance},t.update.bind(t))},100,this)),this},destroy:function(){this.initialised=!1,Object.keys(this.classes).forEach(this.removeClass,this),this.scrollTracker.destroy()},unpin:function(){!this.hasClass("pinned")&&this.hasClass("unpinned")||(this.addClass("unpinned"),this.removeClass("pinned"),this.onUnpin&&this.onUnpin.call(this))},pin:function(){this.hasClass("unpinned")&&(this.addClass("pinned"),this.removeClass("unpinned"),this.onPin&&this.onPin.call(this))},freeze:function(){this.frozen=!0,this.addClass("frozen")},unfreeze:function(){this.frozen=!1,this.removeClass("frozen")},top:function(){this.hasClass("top")||(this.addClass("top"),this.removeClass("notTop"),this.onTop&&this.onTop.call(this))},notTop:function(){this.hasClass("notTop")||(this.addClass("notTop"),this.removeClass("top"),this.onNotTop&&this.onNotTop.call(this))},bottom:function(){this.hasClass("bottom")||(this.addClass("bottom"),this.removeClass("notBottom"),this.onBottom&&this.onBottom.call(this))},notBottom:function(){this.hasClass("notBottom")||(this.addClass("notBottom"),this.removeClass("bottom"),this.onNotBottom&&this.onNotBottom.call(this))},shouldUnpin:function(t){return"down"===t.direction&&!t.top&&t.toleranceExceeded},shouldPin:function(t){return"up"===t.direction&&t.toleranceExceeded||t.top},addClass:function(t){this.elem.classList.add.apply(this.elem.classList,this.classes[t].split(" "))},removeClass:function(t){this.elem.classList.remove.apply(this.elem.classList,this.classes[t].split(" "))},hasClass:function(t){return this.classes[t].split(" ").every(function(t){return this.classList.contains(t)},this.elem)},update:function(t){t.isOutOfBounds||!0!==this.frozen&&(t.top?this.top():this.notTop(),t.bottom?this.bottom():this.notBottom(),this.shouldUnpin(t)?this.unpin():this.shouldPin(t)&&this.pin())}},s.options={tolerance:{up:0,down:0},offset:0,scroller:t()?window:null,classes:{frozen:"headroom--frozen",pinned:"headroom--pinned",unpinned:"headroom--unpinned",top:"headroom--top",notTop:"headroom--not-top",bottom:"headroom--bottom",notBottom:"headroom--not-bottom",initial:"headroom"}},s.cutsTheMustard=!!(t()&&function(){}.bind&&"classList"in document.documentElement&&Object.assign&&Object.keys&&requestAnimationFrame),s});
|